patx/afterdarklabs
update index.html
Commit dd2a192 · patx · 2026-05-21T17:47:51-04:00
Comments
No comments yet.
Diff
diff --git a/about.html b/about.html
index b02ce50..fb289f2 100644
--- a/about.html
+++ b/about.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -54,14 +55,14 @@
</div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="text-[#ccff00]">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/app-store-launch-support.html b/app-store-launch-support.html
index 9958f47..b3785c0 100644
--- a/app-store-launch-support.html
+++ b/app-store-launch-support.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="text-[#ccff00]">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/backend-api-integration.html b/backend-api-integration.html
index b324154..75d27db 100644
--- a/backend-api-integration.html
+++ b/backend-api-integration.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="text-[#ccff00]">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/booking-website-for-business.html b/booking-website-for-business.html
index 65da4de..d3ab383 100644
--- a/booking-website-for-business.html
+++ b/booking-website-for-business.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/brand-positioning-creative-strategy.html b/brand-positioning-creative-strategy.html
index d6617d2..a89e96c 100644
--- a/brand-positioning-creative-strategy.html
+++ b/brand-positioning-creative-strategy.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/business-website-seo.html b/business-website-seo.html
index 1cb083b..8e5e0cc 100644
--- a/business-website-seo.html
+++ b/business-website-seo.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/business-websites.html b/business-websites.html
index 5422b5e..de2aed8 100644
--- a/business-websites.html
+++ b/business-websites.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -119,14 +120,14 @@
</div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/custom-business-website-development.html b/custom-business-website-development.html
index a8586c8..6d25fc8 100644
--- a/custom-business-website-development.html
+++ b/custom-business-website-development.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/custom-web-development-ecommerce.html b/custom-web-development-ecommerce.html
index aa0c552..62a6e7c 100644
--- a/custom-web-development-ecommerce.html
+++ b/custom-web-development-ecommerce.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/ecommerce-business-websites.html b/ecommerce-business-websites.html
index c6a844c..9bdea6e 100644
--- a/ecommerce-business-websites.html
+++ b/ecommerce-business-websites.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/fort-lauderdale-business-website-design.html b/fort-lauderdale-business-website-design.html
index 234de1b..ac17ba4 100644
--- a/fort-lauderdale-business-website-design.html
+++ b/fort-lauderdale-business-website-design.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -112,14 +113,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/generative-engine-optimization.html b/generative-engine-optimization.html
index 2b26649..0b3d07d 100644
--- a/generative-engine-optimization.html
+++ b/generative-engine-optimization.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -108,14 +109,14 @@
</div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/index.html b/index.html
index 8853ca5..e6a4199 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,7 @@
<meta name="twitter:image:alt" content="After Dark Labs business websites and mobile apps">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
+ <script src="site.js" defer></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
@@ -113,14 +114,14 @@
</div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
@@ -153,7 +154,7 @@
<!-- SERVICES -->
<section id="services" class="bg-zinc-950">
- <article class="bg-black text-white">
+ <article id="mobile-apps" class="scroll-mt-24 bg-[#ccff00] text-black">
<div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:min-h-[520px] lg:grid-cols-[1.05fr_0.95fr] lg:items-center">
<div>
<div class="mb-8 text-7xl" aria-hidden="true">📱</div>
@@ -175,30 +176,30 @@
</ul>
</div>
</article>
- <article class="bg-[#ccff00] text-black">
+ <article id="business-websites" class="scroll-mt-24 bg-black text-white">
<div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:min-h-[520px] lg:grid-cols-[0.95fr_1.05fr] lg:items-center">
<div class="lg:order-2">
<div class="mb-8 text-7xl" aria-hidden="true">🌐</div>
- <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/50">Website development</p>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Website development</p>
<h3 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">
<a href="business-websites.html" class="transition-opacity hover:opacity-70">Business Websites</a>
</h3>
- <p class="mt-8 max-w-2xl text-lg leading-8 text-black/70">Fast, conversion-focused websites for service businesses, construction companies, plumbers, electricians, auto sales teams, ecommerce, bookings, SEO, and long-term growth.</p>
- <a href="business-websites.html" class="mt-10 inline-flex min-h-12 items-center gap-3 rounded-2xl bg-black px-6 py-3 font-semibold text-white transition-colors hover:bg-zinc-800">
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">Fast, conversion-focused websites for service businesses, construction companies, plumbers, electricians, auto sales teams, ecommerce, bookings, SEO, and long-term growth.</p>
+ <a href="business-websites.html" class="mt-10 inline-flex min-h-12 items-center gap-3 rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-colors hover:bg-white">
Explore business websites
<span aria-hidden="true">→</span>
</a>
</div>
<ul class="space-y-5 text-lg font-semibold md:text-xl lg:order-1">
- <li><a href="service-business-website-design.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span aria-hidden="true">↗</span><span>Service business website design for contractors, trades, and auto sales</span></a></li>
- <li><a href="business-websites.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span aria-hidden="true">↗</span><span>Business website design and development</span></a></li>
- <li><a href="custom-web-development-ecommerce.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span aria-hidden="true">↗</span><span>Custom Web Development and E-commerce Solutions</span></a></li>
- <li><a href="online-bookings-appointments-memberships.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span aria-hidden="true">↗</span><span>Online bookings, appointments, and subscription memberships</span></a></li>
- <li><a href="business-website-seo.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span aria-hidden="true">↗</span><span>Business website SEO and performance</span></a></li>
+ <li><a href="service-business-website-design.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span class="text-[#ccff00]" aria-hidden="true">↗</span><span>Service business website design for contractors, trades, and auto sales</span></a></li>
+ <li><a href="business-websites.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span class="text-[#ccff00]" aria-hidden="true">↗</span><span>Business website design and development</span></a></li>
+ <li><a href="custom-web-development-ecommerce.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span class="text-[#ccff00]" aria-hidden="true">↗</span><span>Custom Web Development and E-commerce Solutions</span></a></li>
+ <li><a href="online-bookings-appointments-memberships.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span class="text-[#ccff00]" aria-hidden="true">↗</span><span>Online bookings, appointments, and subscription memberships</span></a></li>
+ <li><a href="business-website-seo.html" class="inline-flex min-h-12 items-start gap-4 transition-opacity hover:opacity-65"><span class="text-[#ccff00]" aria-hidden="true">↗</span><span>Business website SEO and performance</span></a></li>
</ul>
</div>
</article>
- <article class="bg-black text-white">
+ <article id="shopify-stores" class="scroll-mt-24 bg-[#ccff00] text-black">
<div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:min-h-[520px] lg:grid-cols-[1.05fr_0.95fr] lg:items-center">
<div>
<div class="mb-8 text-7xl" aria-hidden="true">🛒</div>
@@ -289,6 +290,35 @@
</div>
</section>
+ <!-- ABOUT -->
+ <section id="about" class="scroll-mt-24 bg-[#ccff00] text-black">
+ <div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[1.05fr_0.95fr] lg:items-center">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/55">About After Dark Labs</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Senior product execution, without the agency handoff.</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-black/75">After Dark Labs is run by Harrison Erd, a hands-on builder with 15+ years of experience designing, developing, launching, and improving custom websites, mobile apps, ecommerce systems, and digital products for businesses across the U.S.</p>
+ <a href="about.html" class="mt-10 inline-flex min-h-12 items-center gap-3 rounded-2xl bg-black px-6 py-3 font-semibold text-white transition-colors hover:bg-zinc-800">
+ More about After Dark Labs
+ <span aria-hidden="true">→</span>
+ </a>
+ </div>
+ <div class="space-y-8 text-lg leading-8 text-black/75">
+ <div>
+ <p class="heading text-4xl font-bold tracking-tighter text-black">15+ years</p>
+ <p>Direct strategy, design decisions, development, launch planning, and follow-through from the person doing the work.</p>
+ </div>
+ <div>
+ <p class="heading text-4xl font-bold tracking-tighter text-black">20+ products shipped</p>
+ <p>Projects range from service business websites and Shopify stores to SaaS tools, booking flows, and mobile app experiences.</p>
+ </div>
+ <div>
+ <p class="heading text-4xl font-bold tracking-tighter text-black">Lean by design</p>
+ <p>No account-manager layers or agency handoffs, so more attention goes into the work that moves the business forward.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
<!-- CTA -->
<section id="contact" class="py-28 border-t border-b border-white/10 bg-zinc-950">
<div class="max-w-3xl mx-auto text-center px-6">
diff --git a/influencer-marketing-social-media.html b/influencer-marketing-social-media.html
index fdc0418..ca1beb3 100644
--- a/influencer-marketing-social-media.html
+++ b/influencer-marketing-social-media.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="text-[#ccff00]">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/mobile-app-branding-ui-ux.html b/mobile-app-branding-ui-ux.html
index 1487972..c7f73e5 100644
--- a/mobile-app-branding-ui-ux.html
+++ b/mobile-app-branding-ui-ux.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="text-[#ccff00]">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/mobile-apps.html b/mobile-apps.html
index 52b0724..f71b9ff 100644
--- a/mobile-apps.html
+++ b/mobile-apps.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -70,14 +71,14 @@
</div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="hover:text-[#ccff00] transition-colors">Websites</a>
- <a href="mobile-apps.html" class="text-[#ccff00]">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/online-bookings-appointments-memberships.html b/online-bookings-appointments-memberships.html
index 6e0e64c..1a30443 100644
--- a/online-bookings-appointments-memberships.html
+++ b/online-bookings-appointments-memberships.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/seo-performance-optimization.html b/seo-performance-optimization.html
index b2b4367..ec72aac 100644
--- a/seo-performance-optimization.html
+++ b/seo-performance-optimization.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -57,14 +58,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/service-business-website-design.html b/service-business-website-design.html
index d7ef499..e1f2e4c 100644
--- a/service-business-website-design.html
+++ b/service-business-website-design.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -108,14 +109,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/shopify-migration-optimization.html b/shopify-migration-optimization.html
index 21ce18d..1a9073d 100644
--- a/shopify-migration-optimization.html
+++ b/shopify-migration-optimization.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/shopify-seo-optimization.html b/shopify-seo-optimization.html
index 2953e68..e2a4d4a 100644
--- a/shopify-seo-optimization.html
+++ b/shopify-seo-optimization.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/shopify-store-design.html b/shopify-store-design.html
index 9d6d6ab..4edd151 100644
--- a/shopify-store-design.html
+++ b/shopify-store-design.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/shopify-stores.html b/shopify-stores.html
index 5565c05..0fd2fb1 100644
--- a/shopify-stores.html
+++ b/shopify-stores.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/site.js b/site.js
new file mode 100644
index 0000000..fe99678
--- /dev/null
+++ b/site.js
@@ -0,0 +1,103 @@
+(function () {
+ const activeClasses = ['text-[#ccff00]', 'font-semibold'];
+ const navLinks = Array.from(document.querySelectorAll('nav a[href]')).filter(link =>
+ ['Mobile Apps', 'Business Websites', 'Shopify Stores', 'Our Work', 'About', 'Contact'].includes(link.textContent.trim())
+ );
+
+ if (!navLinks.length) return;
+
+ const pageClusters = {
+ 'mobile-apps.html': 'index.html#mobile-apps',
+ 'mobile-app-branding-ui-ux.html': 'index.html#mobile-apps',
+ 'backend-api-integration.html': 'index.html#mobile-apps',
+ 'app-store-launch-support.html': 'index.html#mobile-apps',
+ 'influencer-marketing-social-media.html': 'index.html#mobile-apps',
+
+ 'websites.html': 'index.html#business-websites',
+ 'business-websites.html': 'index.html#business-websites',
+ 'small-business-website-design.html': 'index.html#business-websites',
+ 'service-business-website-design.html': 'index.html#business-websites',
+ 'fort-lauderdale-business-website-design.html': 'index.html#business-websites',
+ 'custom-business-website-development.html': 'index.html#business-websites',
+ 'custom-web-development-ecommerce.html': 'index.html#business-websites',
+ 'ecommerce-business-websites.html': 'index.html#business-websites',
+ 'booking-website-for-business.html': 'index.html#business-websites',
+ 'online-bookings-appointments-memberships.html': 'index.html#business-websites',
+ 'business-website-seo.html': 'index.html#business-websites',
+ 'seo-performance-optimization.html': 'index.html#business-websites',
+ 'brand-positioning-creative-strategy.html': 'index.html#business-websites',
+ 'generative-engine-optimization.html': 'index.html#business-websites',
+
+ 'shopify-stores.html': 'index.html#shopify-stores',
+ 'shopify-store-design.html': 'index.html#shopify-stores',
+ 'shopify-seo-optimization.html': 'index.html#shopify-stores',
+ 'shopify-migration-optimization.html': 'index.html#shopify-stores',
+
+ 'about.html': 'index.html#about',
+ };
+
+ const homeSections = [
+ { id: 'mobile-apps', href: 'index.html#mobile-apps' },
+ { id: 'business-websites', href: 'index.html#business-websites' },
+ { id: 'shopify-stores', href: 'index.html#shopify-stores' },
+ { id: 'work', href: 'index.html#work' },
+ { id: 'about', href: 'index.html#about' },
+ { id: 'contact', href: 'index.html#contact' },
+ ];
+
+ function setActive(href) {
+ navLinks.forEach(link => {
+ const isActive = link.getAttribute('href') === href;
+ link.classList.toggle(activeClasses[0], isActive);
+ link.classList.toggle(activeClasses[1], isActive);
+
+ if (isActive) {
+ link.setAttribute('aria-current', 'page');
+ } else {
+ link.removeAttribute('aria-current');
+ }
+ });
+ }
+
+ function normalizedPage() {
+ const page = window.location.pathname.split('/').pop();
+ return page || 'index.html';
+ }
+
+ function updateHomeActive() {
+ const offset = window.innerHeight * 0.35;
+ let currentHref = '';
+
+ for (const section of homeSections) {
+ const element = document.getElementById(section.id);
+ if (!element) continue;
+
+ if (element.getBoundingClientRect().top <= offset) {
+ currentHref = section.href;
+ }
+ }
+
+ setActive(currentHref);
+ }
+
+ function hrefForCurrentHash() {
+ const section = homeSections.find(item => `#${item.id}` === window.location.hash);
+ return section ? section.href : '';
+ }
+
+ const page = normalizedPage();
+
+ if (page === 'index.html') {
+ setActive(hrefForCurrentHash());
+ requestAnimationFrame(updateHomeActive);
+ window.addEventListener('load', updateHomeActive);
+ window.addEventListener('scroll', updateHomeActive, { passive: true });
+ window.addEventListener('hashchange', () => {
+ setActive(hrefForCurrentHash());
+ requestAnimationFrame(updateHomeActive);
+ });
+ return;
+ }
+
+ setActive(pageClusters[page] || '');
+})();
diff --git a/small-business-website-design.html b/small-business-website-design.html
index fa88bf4..e23b2d2 100644
--- a/small-business-website-design.html
+++ b/small-business-website-design.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -102,14 +103,14 @@
<div><span class="heading text-2xl font-semibold tracking-tighter">After Dark</span><span class="text-[#ccff00] text-sm tracking-[3px] block -mt-1">LABS</span></div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>
diff --git a/websites.html b/websites.html
index 35eda56..68498bf 100644
--- a/websites.html
+++ b/websites.html
@@ -18,6 +18,7 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script src="site.js" defer></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
@@ -70,14 +71,14 @@
</div>
</a>
<div class="hidden md:flex items-center gap-7 text-sm font-medium">
- <a href="index.html#services" class="hover:text-[#ccff00] transition-colors">Services</a>
- <a href="websites.html" class="text-[#ccff00]">Websites</a>
- <a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
- <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Work</a>
- <a href="about.html" class="hover:text-[#ccff00] transition-colors">About</a>
+ <a href="index.html#mobile-apps" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+ <a href="index.html#business-websites" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+ <a href="index.html#shopify-stores" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+ <a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
+ <a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
<a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start a Project</a>
+ <a href="index.html#contact" class="px-6 py-3 bg-[#ccff00] text-black font-semibold rounded-2xl hover:bg-white transition-all duration-300">Start Project</a>
</div>
</nav>