patx/afterdarklabs
add why us page
Commit 0a49cb3 · patx · 2026-05-27T04:48:55-04:00
Comments
No comments yet.
Diff
diff --git a/docs/about.html b/docs/about.html
index a0cf4de..b7fd6fd 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -54,10 +54,11 @@
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/app-store-launch-support.html b/docs/app-store-launch-support.html
index e672227..10be018 100644
--- a/docs/app-store-launch-support.html
+++ b/docs/app-store-launch-support.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/backend-api-integration.html b/docs/backend-api-integration.html
index 8e6bc99..e1a817d 100644
--- a/docs/backend-api-integration.html
+++ b/docs/backend-api-integration.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/booking-website-for-business.html b/docs/booking-website-for-business.html
index 05c729a..acc2df8 100644
--- a/docs/booking-website-for-business.html
+++ b/docs/booking-website-for-business.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/brand-positioning-creative-strategy.html b/docs/brand-positioning-creative-strategy.html
index be3fc9f..7466058 100644
--- a/docs/brand-positioning-creative-strategy.html
+++ b/docs/brand-positioning-creative-strategy.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/business-website-seo.html b/docs/business-website-seo.html
index 44e7387..2bc7df4 100644
--- a/docs/business-website-seo.html
+++ b/docs/business-website-seo.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/business-websites.html b/docs/business-websites.html
index d538e20..df0af34 100644
--- a/docs/business-websites.html
+++ b/docs/business-websites.html
@@ -119,10 +119,11 @@
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/custom-business-website-development.html b/docs/custom-business-website-development.html
index 38e063a..af21535 100644
--- a/docs/custom-business-website-development.html
+++ b/docs/custom-business-website-development.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/custom-web-development-ecommerce.html b/docs/custom-web-development-ecommerce.html
index 8826165..931233b 100644
--- a/docs/custom-web-development-ecommerce.html
+++ b/docs/custom-web-development-ecommerce.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/ecommerce-business-websites.html b/docs/ecommerce-business-websites.html
index abd5f6d..9aac204 100644
--- a/docs/ecommerce-business-websites.html
+++ b/docs/ecommerce-business-websites.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/fort-lauderdale-business-website-design.html b/docs/fort-lauderdale-business-website-design.html
index 82b6767..cc449d4 100644
--- a/docs/fort-lauderdale-business-website-design.html
+++ b/docs/fort-lauderdale-business-website-design.html
@@ -112,10 +112,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/generative-engine-optimization.html b/docs/generative-engine-optimization.html
index 1fda4d5..30d44cb 100644
--- a/docs/generative-engine-optimization.html
+++ b/docs/generative-engine-optimization.html
@@ -108,10 +108,11 @@
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/index.html b/docs/index.html
index 7c5c45c..8d13836 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -113,10 +113,11 @@
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
@@ -223,6 +224,56 @@
</article>
</section>
+ <!-- WHY US -->
+ <section id="why-us" class="scroll-mt-24 bg-black text-white">
+ <div class="max-w-7xl mx-auto px-6 py-20 md:py-28">
+ <div class="grid gap-12 lg:grid-cols-[0.95fr_1.05fr] lg:items-start">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Why After Dark Labs</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Why work with us instead of Wix, Shopify, Squarespace, or another builder?</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">Website builders can be useful for quick starts. After Dark Labs is for businesses that want a custom strategy, cleaner SEO structure, faster pages, ownership-minded decisions, and a one-time build fee instead of shaping the business around a template.</p>
+ <p class="mt-5 max-w-2xl text-sm leading-7 text-gray-500">Domains, hosting, third-party tools, apps, maintenance, Shopify plans, and optional support can still have their own costs.</p>
+ <a href="custom-business-website-development.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 custom website development
+ <span aria-hidden="true">→</span>
+ </a>
+ </div>
+ <div class="grid gap-4 sm:grid-cols-2">
+ <a href="why-not-wix.html" class="group min-h-40 border border-white/10 bg-zinc-950 p-6 transition-colors hover:border-[#ccff00]/70">
+ <p class="text-sm font-bold uppercase tracking-[0.22em] text-[#ccff00]">Why not Wix?</p>
+ <h3 class="heading mt-4 text-3xl font-semibold tracking-tighter">Wix vs custom website</h3>
+ <p class="mt-4 text-gray-400">For businesses that need more than a template and generic page structure.</p>
+ </a>
+ <a href="why-not-squarespace.html" class="group min-h-40 border border-white/10 bg-zinc-950 p-6 transition-colors hover:border-[#ccff00]/70">
+ <p class="text-sm font-bold uppercase tracking-[0.22em] text-[#ccff00]">Why not Squarespace?</p>
+ <h3 class="heading mt-4 text-3xl font-semibold tracking-tighter">Squarespace vs custom website</h3>
+ <p class="mt-4 text-gray-400">For brands that need SEO depth, custom flows, and room to evolve.</p>
+ </a>
+ <a href="why-not-godaddy-website-builder.html" class="group min-h-40 border border-white/10 bg-zinc-950 p-6 transition-colors hover:border-[#ccff00]/70">
+ <p class="text-sm font-bold uppercase tracking-[0.22em] text-[#ccff00]">Why not GoDaddy?</p>
+ <h3 class="heading mt-4 text-3xl font-semibold tracking-tighter">GoDaddy builder vs custom website</h3>
+ <p class="mt-4 text-gray-400">For local teams that need a real sales path, not just a quick web presence.</p>
+ </a>
+ <a href="why-not-webflow.html" class="group min-h-40 border border-white/10 bg-zinc-950 p-6 transition-colors hover:border-[#ccff00]/70">
+ <p class="text-sm font-bold uppercase tracking-[0.22em] text-[#ccff00]">Why not Webflow?</p>
+ <h3 class="heading mt-4 text-3xl font-semibold tracking-tighter">Webflow vs custom website</h3>
+ <p class="mt-4 text-gray-400">For teams that want the finished system handled without design-tool upkeep.</p>
+ </a>
+ <a href="why-not-shopify.html" class="group min-h-40 border border-white/10 bg-zinc-950 p-6 transition-colors hover:border-[#ccff00]/70">
+ <p class="text-sm font-bold uppercase tracking-[0.22em] text-[#ccff00]">Why not Shopify?</p>
+ <h3 class="heading mt-4 text-3xl font-semibold tracking-tighter">Shopify or custom website?</h3>
+ <p class="mt-4 text-gray-400">Use Shopify when commerce needs it. Go custom when the business does not.</p>
+ </a>
+ <a href="why-not-wordpress.html" class="group min-h-40 border border-white/10 bg-zinc-950 p-6 transition-colors hover:border-[#ccff00]/70">
+ <p class="text-sm font-bold uppercase tracking-[0.22em] text-[#ccff00]">Why not WordPress?</p>
+ <h3 class="heading mt-4 text-3xl font-semibold tracking-tighter">WordPress vs custom website</h3>
+ <p class="mt-4 text-gray-400">For owners who want less plugin upkeep and a build shaped around the business.</p>
+ </a>
+ </div>
+ </div>
+ </div>
+ </section>
+
<!-- WORK -->
<section id="work" class="py-28 bg-black">
<div class="max-w-7xl mx-auto px-6">
diff --git a/docs/influencer-marketing-social-media.html b/docs/influencer-marketing-social-media.html
index f5e7664..477d1f3 100644
--- a/docs/influencer-marketing-social-media.html
+++ b/docs/influencer-marketing-social-media.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/mobile-app-branding-ui-ux.html b/docs/mobile-app-branding-ui-ux.html
index bf1a05f..d33fd1c 100644
--- a/docs/mobile-app-branding-ui-ux.html
+++ b/docs/mobile-app-branding-ui-ux.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/mobile-apps.html b/docs/mobile-apps.html
index a13fc69..fa82a9b 100644
--- a/docs/mobile-apps.html
+++ b/docs/mobile-apps.html
@@ -70,10 +70,11 @@
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/online-bookings-appointments-memberships.html b/docs/online-bookings-appointments-memberships.html
index 68ff32f..f2debd7 100644
--- a/docs/online-bookings-appointments-memberships.html
+++ b/docs/online-bookings-appointments-memberships.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/seo-performance-optimization.html b/docs/seo-performance-optimization.html
index adea146..3309c7c 100644
--- a/docs/seo-performance-optimization.html
+++ b/docs/seo-performance-optimization.html
@@ -57,10 +57,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/service-business-website-design.html b/docs/service-business-website-design.html
index 20bb169..19bf9d9 100644
--- a/docs/service-business-website-design.html
+++ b/docs/service-business-website-design.html
@@ -108,10 +108,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/shopify-migration-optimization.html b/docs/shopify-migration-optimization.html
index 8fb1d9f..37aeb79 100644
--- a/docs/shopify-migration-optimization.html
+++ b/docs/shopify-migration-optimization.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/shopify-seo-optimization.html b/docs/shopify-seo-optimization.html
index c1bcffa..62a6c60 100644
--- a/docs/shopify-seo-optimization.html
+++ b/docs/shopify-seo-optimization.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/shopify-store-design.html b/docs/shopify-store-design.html
index 53edb68..edd17e6 100644
--- a/docs/shopify-store-design.html
+++ b/docs/shopify-store-design.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/shopify-stores.html b/docs/shopify-stores.html
index 14bd7c1..e766ef7 100644
--- a/docs/shopify-stores.html
+++ b/docs/shopify-stores.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/site.js b/docs/site.js
index fe99678..2aba11f 100644
--- a/docs/site.js
+++ b/docs/site.js
@@ -1,7 +1,7 @@
(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())
+ ['Mobile Apps', 'Business Websites', 'Shopify Stores', 'Why Us', 'Our Work', 'About', 'Contact'].includes(link.textContent.trim())
);
if (!navLinks.length) return;
@@ -33,6 +33,13 @@
'shopify-seo-optimization.html': 'index.html#shopify-stores',
'shopify-migration-optimization.html': 'index.html#shopify-stores',
+ 'why-not-wix.html': 'index.html#why-us',
+ 'why-not-squarespace.html': 'index.html#why-us',
+ 'why-not-godaddy-website-builder.html': 'index.html#why-us',
+ 'why-not-webflow.html': 'index.html#why-us',
+ 'why-not-shopify.html': 'index.html#why-us',
+ 'why-not-wordpress.html': 'index.html#why-us',
+
'about.html': 'index.html#about',
};
@@ -40,6 +47,7 @@
{ 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: 'why-us', href: 'index.html#why-us' },
{ id: 'work', href: 'index.html#work' },
{ id: 'about', href: 'index.html#about' },
{ id: 'contact', href: 'index.html#contact' },
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
index c5b6f40..d949326 100644
--- a/docs/sitemap.xml
+++ b/docs/sitemap.xml
@@ -2,7 +2,7 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://afterdarklabs.io/</loc>
- <lastmod>2026-05-20</lastmod>
+ <lastmod>2026-05-27</lastmod>
</url>
<url>
<loc>https://afterdarklabs.io/websites.html</loc>
@@ -48,6 +48,30 @@
<loc>https://afterdarklabs.io/shopify-migration-optimization.html</loc>
<lastmod>2026-05-20</lastmod>
</url>
+ <url>
+ <loc>https://afterdarklabs.io/why-not-wix.html</loc>
+ <lastmod>2026-05-27</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/why-not-squarespace.html</loc>
+ <lastmod>2026-05-27</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/why-not-godaddy-website-builder.html</loc>
+ <lastmod>2026-05-27</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/why-not-webflow.html</loc>
+ <lastmod>2026-05-27</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/why-not-shopify.html</loc>
+ <lastmod>2026-05-27</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/why-not-wordpress.html</loc>
+ <lastmod>2026-05-27</lastmod>
+ </url>
<url>
<loc>https://afterdarklabs.io/booking-website-for-business.html</loc>
<lastmod>2026-05-16</lastmod>
diff --git a/docs/small-business-website-design.html b/docs/small-business-website-design.html
index a1ee354..c0d3cf1 100644
--- a/docs/small-business-website-design.html
+++ b/docs/small-business-website-design.html
@@ -102,10 +102,11 @@
<div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/websites.html b/docs/websites.html
index ac93272..970a886 100644
--- a/docs/websites.html
+++ b/docs/websites.html
@@ -70,10 +70,11 @@
<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">
+ <div class="hidden lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
<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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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>
diff --git a/docs/why-not-godaddy-website-builder.html b/docs/why-not-godaddy-website-builder.html
new file mode 100644
index 0000000..c70419b
--- /dev/null
+++ b/docs/why-not-godaddy-website-builder.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
+ <title>Why Not GoDaddy Website Builder? | After Dark Labs</title>
+ <meta name="description" content="Wondering why not GoDaddy Website Builder? After Dark Labs builds custom business websites with SEO structure, lead paths, performance, and a one-time build fee.">
+ <link rel="canonical" href="https://afterdarklabs.io/why-not-godaddy-website-builder.html">
+ <meta property="og:title" content="Why Not GoDaddy Website Builder? | After Dark Labs">
+ <meta property="og:description" content="Compare GoDaddy Website Builder with a custom business website built for search, lead generation, performance, and long-term flexibility.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/why-not-godaddy-website-builder.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Why Not GoDaddy Website Builder? | After Dark Labs">
+ <meta name="twitter:description" content="Compare GoDaddy Website Builder with a custom business website built for search, lead generation, performance, and flexibility.">
+ <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",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom website development instead of GoDaddy Website Builder",
+ "serviceType": "Custom business website development",
+ "url": "https://afterdarklabs.io/why-not-godaddy-website-builder.html",
+ "description": "Custom website development for businesses comparing GoDaddy Website Builder with a tailored website built around SEO structure, lead generation, performance, and business workflows.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Why Us",
+ "item": "https://afterdarklabs.io/#why-us"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Why Not GoDaddy Website Builder",
+ "item": "https://afterdarklabs.io/why-not-godaddy-website-builder.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Why not use GoDaddy Website Builder?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "GoDaddy Website Builder can be a quick way to publish a basic site, but businesses often need custom structure, stronger service pages, better lead capture, integrations, and SEO planning that starts before the site is built."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Is a custom website better for local business SEO?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "A custom website can be planned around service pages, location pages, metadata, internal links, FAQs, and performance decisions that support local search and customer inquiries."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Does After Dark Labs charge monthly website builder fees?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "After Dark Labs works from a one-time build fee for the website project. Domains, hosting, third-party tools, apps, maintenance, and optional support can still have their own costs."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </script>
+</head>
+<body class="bg-black text-white overflow-x-hidden">
+ <nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
+ <div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
+ <a href="index.html" class="flex items-center gap-3">
+ <div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
+ <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 lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
+ <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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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 Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="bg-black pt-36 pb-20 md:pt-44 md:pb-28">
+ <div class="max-w-7xl mx-auto grid gap-14 px-6 lg:grid-cols-[1.08fr_0.92fr] lg:items-end">
+ <div>
+ <a href="index.html#why-us" class="mb-6 inline-block text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00] transition-colors hover:text-white">Why us</a>
+ <h1 class="heading max-w-5xl text-6xl font-bold leading-none tracking-tighter md:text-8xl">Why not GoDaddy Website Builder?</h1>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">A quick builder can help a business get online, but getting online is not the same as building a site that earns trust, supports local search, answers buying questions, and turns visitors into leads.</p>
+ </div>
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Related comparisons</p>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li><a href="why-not-wix.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>Why not Wix?</span></a></li>
+ <li><a href="why-not-squarespace.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>Why not Squarespace?</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</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</span></a></li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section class="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-[0.95fr_1.05fr] lg:items-center">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Builder vs business system</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Your site should do more than exist.</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-black/75">After Dark Labs builds around the real customer path: what someone searched, what they need to trust you, what questions they have, and what action they should take next.</p>
+ </div>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Service pages, local landing pages, proof, FAQs, and quote paths planned together</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Search-ready structure, metadata, internal links, and fast mobile behavior</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Forms, scheduling, payments, CRM handoffs, and custom workflows when needed</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>One-time build fee instead of a required website-builder subscription from us</span></li>
+ </ul>
+ </div>
+ </section>
+
+ <section class="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-[1.05fr_0.95fr] lg:items-center">
+ <div class="lg:order-2">
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Local search</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Built for service areas, not just a homepage.</h2>
+ </div>
+ <div class="space-y-10 text-lg leading-8 text-gray-300 lg:order-1">
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">More specific pages</h3>
+ <p class="mt-4">Service companies often need pages for each major service, city, customer type, and buying question. Those pages need a clear internal structure, not just a menu item added later.</p>
+ </div>
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">Clear pricing language</h3>
+ <p class="mt-4">The website project is handled as a one-time build fee. Domains, hosting, third-party tools, apps, maintenance, and optional support may still have separate costs.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="bg-[#ccff00] text-black">
+ <div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[0.9fr_1.1fr] lg:items-start">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">GoDaddy builder FAQ</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Common builder questions.</h2>
+ </div>
+ <div class="divide-y divide-black/15 text-lg leading-8 text-black/75">
+ <div class="pb-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Why not use GoDaddy Website Builder?</h3>
+ <p class="mt-4">It can be a quick way to publish a basic site, but businesses often need custom structure, stronger service pages, better lead capture, integrations, and SEO planning.</p>
+ </div>
+ <div class="py-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Is a custom website better for local business SEO?</h3>
+ <p class="mt-4">A custom website can be planned around service pages, location pages, metadata, internal links, FAQs, and performance decisions that support local search.</p>
+ </div>
+ <div class="pt-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Can After Dark Labs build sites for local service businesses?</h3>
+ <p class="mt-4">Yes. After Dark Labs builds websites for contractors, service companies, auto sales teams, booking-based businesses, ecommerce teams, and other local operators.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-28 border-t border-b border-white/10 bg-zinc-950">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6 md:text-6xl">Build a site that helps customers choose you.</h2>
+ <p class="text-gray-400 text-lg mb-10">Turn a web presence into a clearer sales path with SEO, performance, and lead flow handled together.</p>
+ <a href="index.html#contact" class="inline-flex min-h-12 items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Start a Custom Website <span aria-hidden="true">→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <a href="index.html" class="inline-flex items-center justify-center gap-3 mb-6"><div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-2xl">🌑</div><span class="heading text-3xl font-semibold tracking-tighter">After Dark Labs</span></a>
+ <p class="text-gray-500">© 2026 After Dark Labs • Fort Lauderdale, FL</p>
+ </div>
+ </footer>
+</body>
+</html>
diff --git a/docs/why-not-shopify.html b/docs/why-not-shopify.html
new file mode 100644
index 0000000..defc981
--- /dev/null
+++ b/docs/why-not-shopify.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
+ <title>Why Not Shopify? Custom Website or Shopify Store | After Dark Labs</title>
+ <meta name="description" content="Wondering why not Shopify? After Dark Labs builds Shopify stores when ecommerce needs it and custom websites when a business does not need a commerce platform.">
+ <link rel="canonical" href="https://afterdarklabs.io/why-not-shopify.html">
+ <meta property="og:title" content="Why Not Shopify? Custom Website or Shopify Store | After Dark Labs">
+ <meta property="og:description" content="Choose Shopify when ecommerce needs it, or a custom website when the business needs content, SEO, bookings, lead generation, or custom workflows.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/why-not-shopify.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Why Not Shopify? Custom Website or Shopify Store | After Dark Labs">
+ <meta name="twitter:description" content="Choose Shopify when ecommerce needs it, or a custom website when the business needs content, SEO, bookings, leads, or workflows.">
+ <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",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom website or Shopify store planning",
+ "serviceType": "Business website and Shopify store development",
+ "url": "https://afterdarklabs.io/why-not-shopify.html",
+ "description": "Website planning and development for businesses deciding between a custom website and a Shopify store.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Why Us",
+ "item": "https://afterdarklabs.io/#why-us"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Why Not Shopify",
+ "item": "https://afterdarklabs.io/why-not-shopify.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Why not use Shopify for every business website?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Shopify is a strong ecommerce platform, and After Dark Labs builds Shopify stores. A custom website may be a better fit when the business mainly needs service pages, SEO content, bookings, lead generation, or custom workflows instead of a full commerce platform."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "When should a business use Shopify?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Shopify is a good fit when the business needs product catalogs, checkout, payments, shipping, taxes, inventory, collections, and ecommerce operations."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Does After Dark Labs build Shopify stores?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Yes. After Dark Labs builds Shopify stores and also builds custom websites. The right choice depends on whether the business needs a commerce platform or a custom site focused on content, leads, bookings, integrations, or workflows."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </script>
+</head>
+<body class="bg-black text-white overflow-x-hidden">
+ <nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
+ <div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
+ <a href="index.html" class="flex items-center gap-3">
+ <div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
+ <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 lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
+ <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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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 Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="bg-black pt-36 pb-20 md:pt-44 md:pb-28">
+ <div class="max-w-7xl mx-auto grid gap-14 px-6 lg:grid-cols-[1.08fr_0.92fr] lg:items-end">
+ <div>
+ <a href="index.html#why-us" class="mb-6 inline-block text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00] transition-colors hover:text-white">Why us</a>
+ <h1 class="heading max-w-5xl text-6xl font-bold leading-none tracking-tighter md:text-8xl">Why not Shopify for every website?</h1>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">Shopify is often the right call for serious ecommerce, and After Dark Labs builds Shopify stores. It is not always the right foundation for service businesses, booking flows, content-heavy SEO sites, or custom workflows that do not need a full commerce platform.</p>
+ </div>
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Choose the right path</p>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li><a href="shopify-stores.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>Shopify store development</span></a></li>
+ <li><a href="ecommerce-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>Ecommerce business websites</span></a></li>
+ <li><a href="custom-business-website-development.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 business website development</span></a></li>
+ <li><a href="why-not-wix.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>Why not Wix?</span></a></li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section class="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-[0.95fr_1.05fr] lg:items-center">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Shopify vs custom website</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Use Shopify when commerce is the center of the business.</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-black/75">The best platform depends on the job. Product catalogs, checkout, payments, shipping, taxes, inventory, and ecommerce operations are Shopify-shaped problems. Service pages, lead generation, booking flows, SEO content, dashboards, and custom workflows may not be.</p>
+ </div>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Shopify store builds when the business needs a real ecommerce platform</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Custom websites when the business needs content, leads, bookings, or workflow logic</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>SEO, performance, messaging, integrations, and launch planning handled either way</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>One-time build fee from After Dark Labs; Shopify plans and apps may still apply when Shopify is used</span></li>
+ </ul>
+ </div>
+ </section>
+
+ <section class="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-[1.05fr_0.95fr] lg:items-center">
+ <div class="lg:order-2">
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Platform fit</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Start with the business model.</h2>
+ </div>
+ <div class="space-y-10 text-lg leading-8 text-gray-300 lg:order-1">
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">When Shopify makes sense</h3>
+ <p class="mt-4">If your revenue depends on products, variants, collections, checkout, customer accounts, shipping, taxes, inventory, and promotions, Shopify can be the right foundation.</p>
+ </div>
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">When custom makes sense</h3>
+ <p class="mt-4">If the site needs to explain services, rank for detailed searches, collect leads, manage bookings, connect APIs, or support unusual workflows, a custom website can be more direct.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="bg-[#ccff00] text-black">
+ <div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[0.9fr_1.1fr] lg:items-start">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Shopify FAQ</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Common Shopify questions.</h2>
+ </div>
+ <div class="divide-y divide-black/15 text-lg leading-8 text-black/75">
+ <div class="pb-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Why not use Shopify for every business website?</h3>
+ <p class="mt-4">Shopify is strong for ecommerce, but a custom website may be a better fit when the business mainly needs service pages, SEO content, bookings, lead generation, or custom workflows.</p>
+ </div>
+ <div class="py-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">When should a business use Shopify?</h3>
+ <p class="mt-4">Use Shopify when the business needs product catalogs, checkout, payments, shipping, taxes, inventory, collections, and ecommerce operations.</p>
+ </div>
+ <div class="pt-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Does After Dark Labs build Shopify stores?</h3>
+ <p class="mt-4">Yes. After Dark Labs builds Shopify stores and custom websites. The right choice depends on whether the business needs a commerce platform or a custom content, lead, booking, integration, or workflow system.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-28 border-t border-b border-white/10 bg-zinc-950">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6 md:text-6xl">Choose Shopify when it fits, and custom when it does not.</h2>
+ <p class="text-gray-400 text-lg mb-10">Plan the platform around the business model, not the other way around.</p>
+ <a href="index.html#contact" class="inline-flex min-h-12 items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Plan the Right Build <span aria-hidden="true">→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <a href="index.html" class="inline-flex items-center justify-center gap-3 mb-6"><div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-2xl">🌑</div><span class="heading text-3xl font-semibold tracking-tighter">After Dark Labs</span></a>
+ <p class="text-gray-500">© 2026 After Dark Labs • Fort Lauderdale, FL</p>
+ </div>
+ </footer>
+</body>
+</html>
diff --git a/docs/why-not-squarespace.html b/docs/why-not-squarespace.html
new file mode 100644
index 0000000..097b504
--- /dev/null
+++ b/docs/why-not-squarespace.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
+ <title>Why Not Squarespace? Custom Website Development | After Dark Labs</title>
+ <meta name="description" content="Wondering why not Squarespace? After Dark Labs builds custom business websites with SEO structure, performance, flexible content, and a one-time build fee.">
+ <link rel="canonical" href="https://afterdarklabs.io/why-not-squarespace.html">
+ <meta property="og:title" content="Why Not Squarespace? Custom Website Development | After Dark Labs">
+ <meta property="og:description" content="Compare Squarespace with a custom business website built for SEO depth, conversion paths, performance, and long-term flexibility.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/why-not-squarespace.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Why Not Squarespace? Custom Website Development | After Dark Labs">
+ <meta name="twitter:description" content="Compare Squarespace with a custom business website built for SEO depth, conversion paths, performance, and flexibility.">
+ <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",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom website development instead of Squarespace",
+ "serviceType": "Custom business website development",
+ "url": "https://afterdarklabs.io/why-not-squarespace.html",
+ "description": "Custom website development for businesses comparing Squarespace with a tailored website built around SEO structure, performance, content depth, and conversion paths.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Why Us",
+ "item": "https://afterdarklabs.io/#why-us"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Why Not Squarespace",
+ "item": "https://afterdarklabs.io/why-not-squarespace.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Why not use Squarespace for a business website?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Squarespace can be useful for polished simple sites, but a custom website is a better fit when the business needs deeper SEO pages, custom lead flows, integrations, and layouts that do not have to follow a preset template system."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "What is a better alternative to Squarespace?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "For a business that needs control, performance, SEO structure, and custom workflows, a custom-built website from After Dark Labs can be a stronger alternative to Squarespace."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Does a custom site have monthly Squarespace fees?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "After Dark Labs works from a one-time build fee for the website project. Domains, hosting, third-party tools, apps, maintenance, and optional support can still have their own costs."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </script>
+</head>
+<body class="bg-black text-white overflow-x-hidden">
+ <nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
+ <div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
+ <a href="index.html" class="flex items-center gap-3">
+ <div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
+ <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 lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
+ <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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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 Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="bg-black pt-36 pb-20 md:pt-44 md:pb-28">
+ <div class="max-w-7xl mx-auto grid gap-14 px-6 lg:grid-cols-[1.08fr_0.92fr] lg:items-end">
+ <div>
+ <a href="index.html#why-us" class="mb-6 inline-block text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00] transition-colors hover:text-white">Why us</a>
+ <h1 class="heading max-w-5xl text-6xl font-bold leading-none tracking-tighter md:text-8xl">Why not Squarespace for a growing business site?</h1>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">Squarespace can make a simple brand site look clean quickly. After Dark Labs is a better fit when your website needs to carry search pages, lead paths, service detail, integrations, and conversion decisions that go beyond a polished template.</p>
+ </div>
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Related comparisons</p>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li><a href="why-not-wix.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>Why not Wix?</span></a></li>
+ <li><a href="why-not-webflow.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>Why not Webflow?</span></a></li>
+ <li><a href="why-not-wordpress.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>Why not WordPress?</span></a></li>
+ <li><a href="seo-performance-optimization.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>SEO and performance optimization</span></a></li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section class="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-[0.95fr_1.05fr] lg:items-center">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Squarespace vs custom website</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Clean design is only one piece of the job.</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-black/75">A serious business website needs more than a good-looking page. It needs search architecture, clear buyer paths, service-specific content, fast mobile behavior, and room for features that match how the business actually operates.</p>
+ </div>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Custom page structure for services, locations, case studies, FAQs, and lead capture</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>SEO, metadata, internal links, and performance planned around organic growth</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Booking, ecommerce, forms, CRM handoffs, and custom integrations when needed</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>One-time build fee without a required Squarespace subscription from After Dark Labs</span></li>
+ </ul>
+ </div>
+ </section>
+
+ <section class="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-[1.05fr_0.95fr] lg:items-center">
+ <div class="lg:order-2">
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Search and conversion</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">A custom build can match the sales conversation.</h2>
+ </div>
+ <div class="space-y-10 text-lg leading-8 text-gray-300 lg:order-1">
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">Content depth without template pressure</h3>
+ <p class="mt-4">Service businesses, ecommerce teams, and booking-based companies often need pages that explain details, answer objections, and capture specific search demand. That structure should be planned into the build.</p>
+ </div>
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">Clear pricing language</h3>
+ <p class="mt-4">The website project is handled as a one-time build fee. Domains, hosting, third-party tools, apps, maintenance, and optional support may still have separate costs depending on the stack.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="bg-[#ccff00] text-black">
+ <div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[0.9fr_1.1fr] lg:items-start">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Squarespace FAQ</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Common Squarespace questions.</h2>
+ </div>
+ <div class="divide-y divide-black/15 text-lg leading-8 text-black/75">
+ <div class="pb-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Why not use Squarespace for a business website?</h3>
+ <p class="mt-4">Squarespace can be useful for polished simple sites, but a custom website is a better fit when the business needs deeper SEO pages, custom lead flows, integrations, and non-template layouts.</p>
+ </div>
+ <div class="py-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">What is a better alternative to Squarespace?</h3>
+ <p class="mt-4">For businesses that need control, speed, SEO structure, and custom workflows, a custom-built website from After Dark Labs can be a stronger alternative.</p>
+ </div>
+ <div class="pt-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Can After Dark Labs rebuild a Squarespace site?</h3>
+ <p class="mt-4">Yes. Useful content can be preserved, the structure can be rebuilt, and the site can be redesigned around clearer messaging, better SEO pages, and better conversion paths.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-28 border-t border-b border-white/10 bg-zinc-950">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6 md:text-6xl">Build past the template ceiling.</h2>
+ <p class="text-gray-400 text-lg mb-10">Create a site with the structure, content, and workflow support your business actually needs.</p>
+ <a href="index.html#contact" class="inline-flex min-h-12 items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Start a Custom Website <span aria-hidden="true">→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <a href="index.html" class="inline-flex items-center justify-center gap-3 mb-6"><div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-2xl">🌑</div><span class="heading text-3xl font-semibold tracking-tighter">After Dark Labs</span></a>
+ <p class="text-gray-500">© 2026 After Dark Labs • Fort Lauderdale, FL</p>
+ </div>
+ </footer>
+</body>
+</html>
diff --git a/docs/why-not-webflow.html b/docs/why-not-webflow.html
new file mode 100644
index 0000000..7e96ee0
--- /dev/null
+++ b/docs/why-not-webflow.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
+ <title>Why Not Webflow? Custom Website Development | After Dark Labs</title>
+ <meta name="description" content="Wondering why not Webflow? After Dark Labs builds custom websites for businesses that want strategy, SEO structure, performance, integrations, and less design-tool upkeep.">
+ <link rel="canonical" href="https://afterdarklabs.io/why-not-webflow.html">
+ <meta property="og:title" content="Why Not Webflow? Custom Website Development | After Dark Labs">
+ <meta property="og:description" content="Compare Webflow with a custom business website built around strategy, SEO, performance, integrations, and long-term maintainability.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/why-not-webflow.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Why Not Webflow? Custom Website Development | After Dark Labs">
+ <meta name="twitter:description" content="Compare Webflow with a custom business website built around strategy, SEO, performance, integrations, and maintainability.">
+ <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",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom website development instead of Webflow",
+ "serviceType": "Custom business website development",
+ "url": "https://afterdarklabs.io/why-not-webflow.html",
+ "description": "Custom website development for businesses comparing Webflow with a tailored website built around strategy, SEO structure, performance, integrations, and maintainability.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Why Us",
+ "item": "https://afterdarklabs.io/#why-us"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Why Not Webflow",
+ "item": "https://afterdarklabs.io/why-not-webflow.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Why not use Webflow for a business website?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Webflow can be a strong visual design tool, but some businesses prefer custom development when they want the technical structure, integrations, performance, SEO architecture, and ongoing changes handled without managing a design platform."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Is Webflow bad for business websites?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "No. Webflow can be useful for many sites. The better question is whether the business needs a design-platform site or a custom website built around specific workflows, search structure, and technical requirements."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Does After Dark Labs charge monthly website builder fees?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "After Dark Labs works from a one-time build fee for the website project. Domains, hosting, third-party tools, apps, maintenance, and optional support can still have their own costs."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </script>
+</head>
+<body class="bg-black text-white overflow-x-hidden">
+ <nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
+ <div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
+ <a href="index.html" class="flex items-center gap-3">
+ <div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
+ <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 lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
+ <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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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 Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="bg-black pt-36 pb-20 md:pt-44 md:pb-28">
+ <div class="max-w-7xl mx-auto grid gap-14 px-6 lg:grid-cols-[1.08fr_0.92fr] lg:items-end">
+ <div>
+ <a href="index.html#why-us" class="mb-6 inline-block text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00] transition-colors hover:text-white">Why us</a>
+ <h1 class="heading max-w-5xl text-6xl font-bold leading-none tracking-tighter md:text-8xl">Why not Webflow for every business website?</h1>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">Webflow is a capable visual design platform. After Dark Labs is the better fit when the site needs strategic planning, custom behavior, integrations, SEO architecture, performance decisions, and implementation handled as a finished business system.</p>
+ </div>
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Related comparisons</p>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li><a href="why-not-squarespace.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>Why not Squarespace?</span></a></li>
+ <li><a href="why-not-wordpress.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>Why not WordPress?</span></a></li>
+ <li><a href="custom-business-website-development.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 business website development</span></a></li>
+ <li><a href="backend-api-integration.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>Backend and API integration</span></a></li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section class="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-[0.95fr_1.05fr] lg:items-center">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Webflow vs custom website</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">A great site is more than a visual canvas.</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-black/75">The choice is not whether Webflow is good. The choice is whether your business needs a visual builder or a custom site planned around search, content, operations, integrations, and long-term technical control.</p>
+ </div>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Strategy, copy structure, design, development, SEO, and launch handled together</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Custom forms, booking, ecommerce, dashboards, APIs, and operational handoffs</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Performance and technical choices made for the site you actually need</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>One-time build fee, with no required Webflow subscription from After Dark Labs</span></li>
+ </ul>
+ </div>
+ </section>
+
+ <section class="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-[1.05fr_0.95fr] lg:items-center">
+ <div class="lg:order-2">
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Maintenance burden</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Less time managing the tool.</h2>
+ </div>
+ <div class="space-y-10 text-lg leading-8 text-gray-300 lg:order-1">
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">Built by the person responsible for the outcome</h3>
+ <p class="mt-4">Instead of handing you a design platform to manage, After Dark Labs plans and builds the system around the business goal, then keeps the technical decisions practical.</p>
+ </div>
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">Clear pricing language</h3>
+ <p class="mt-4">The website project is handled as a one-time build fee. Domains, hosting, third-party tools, apps, maintenance, and optional support may still have separate costs.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="bg-[#ccff00] text-black">
+ <div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[0.9fr_1.1fr] lg:items-start">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Webflow FAQ</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Common Webflow questions.</h2>
+ </div>
+ <div class="divide-y divide-black/15 text-lg leading-8 text-black/75">
+ <div class="pb-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Why not use Webflow for a business website?</h3>
+ <p class="mt-4">Webflow can be a strong visual design tool, but some businesses prefer custom development when they want the technical structure, integrations, performance, and SEO architecture handled directly.</p>
+ </div>
+ <div class="py-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Is Webflow bad for business websites?</h3>
+ <p class="mt-4">No. Webflow can be useful. The better question is whether the business needs a design-platform site or a custom website built around specific workflows and search goals.</p>
+ </div>
+ <div class="pt-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">When is custom development a better fit?</h3>
+ <p class="mt-4">Custom development is a better fit when the site needs specific integrations, unusual content structure, booking or ecommerce logic, dashboards, or technical behavior that should not be forced into a visual builder.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-28 border-t border-b border-white/10 bg-zinc-950">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6 md:text-6xl">Build the system, not just the design.</h2>
+ <p class="text-gray-400 text-lg mb-10">Plan the site around strategy, SEO, integrations, performance, and the business outcome.</p>
+ <a href="index.html#contact" class="inline-flex min-h-12 items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Start a Custom Website <span aria-hidden="true">→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <a href="index.html" class="inline-flex items-center justify-center gap-3 mb-6"><div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-2xl">🌑</div><span class="heading text-3xl font-semibold tracking-tighter">After Dark Labs</span></a>
+ <p class="text-gray-500">© 2026 After Dark Labs • Fort Lauderdale, FL</p>
+ </div>
+ </footer>
+</body>
+</html>
diff --git a/docs/why-not-wix.html b/docs/why-not-wix.html
new file mode 100644
index 0000000..2778f96
--- /dev/null
+++ b/docs/why-not-wix.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
+ <title>Why Not Wix? Custom Website Development | After Dark Labs</title>
+ <meta name="description" content="Wondering why not Wix? After Dark Labs builds custom websites with SEO structure, performance, and a one-time build fee for businesses that need more control.">
+ <link rel="canonical" href="https://afterdarklabs.io/why-not-wix.html">
+ <meta property="og:title" content="Why Not Wix? Custom Website Development | After Dark Labs">
+ <meta property="og:description" content="Compare Wix with a custom business website built for clearer SEO structure, performance, ownership, and long-term flexibility.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/why-not-wix.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Why Not Wix? Custom Website Development | After Dark Labs">
+ <meta name="twitter:description" content="Compare Wix with a custom business website built for SEO structure, performance, ownership, and long-term flexibility.">
+ <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",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom website development instead of Wix",
+ "serviceType": "Custom business website development",
+ "url": "https://afterdarklabs.io/why-not-wix.html",
+ "description": "Custom website development for businesses comparing Wix with a tailored website built around SEO structure, performance, and business workflows.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Why Us",
+ "item": "https://afterdarklabs.io/#why-us"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Why Not Wix",
+ "item": "https://afterdarklabs.io/why-not-wix.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Why not use Wix for a business website?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "Wix can work for a simple starter site, but businesses often choose a custom website when they need more control over structure, performance, SEO pages, integrations, and how the site supports the sales process."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Is a custom website better than Wix?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "A custom website is usually better when the business needs tailored messaging, flexible page structure, custom forms or workflows, and SEO foundations that are planned around the offer instead of a template."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Does After Dark Labs charge monthly website builder fees?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "After Dark Labs works from a one-time build fee for the website project. Domains, hosting, third-party tools, apps, maintenance, and optional support can still have their own costs."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </script>
+</head>
+<body class="bg-black text-white overflow-x-hidden">
+ <nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
+ <div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
+ <a href="index.html" class="flex items-center gap-3">
+ <div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
+ <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 lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
+ <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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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 Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="bg-black pt-36 pb-20 md:pt-44 md:pb-28">
+ <div class="max-w-7xl mx-auto grid gap-14 px-6 lg:grid-cols-[1.08fr_0.92fr] lg:items-end">
+ <div>
+ <a href="index.html#why-us" class="mb-6 inline-block text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00] transition-colors hover:text-white">Why us</a>
+ <h1 class="heading max-w-5xl text-6xl font-bold leading-none tracking-tighter md:text-8xl">Why not Wix for your business website?</h1>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">Wix is convenient when a business needs a quick online placeholder. After Dark Labs is for companies that want a site planned around their offer, sales path, SEO structure, performance, and future growth instead of a template editor.</p>
+ </div>
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Related comparisons</p>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li><a href="why-not-squarespace.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>Why not Squarespace?</span></a></li>
+ <li><a href="why-not-godaddy-website-builder.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>Why not GoDaddy Website Builder?</span></a></li>
+ <li><a href="why-not-wordpress.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>Why not WordPress?</span></a></li>
+ <li><a href="custom-business-website-development.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 business website development</span></a></li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section class="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-[0.95fr_1.05fr] lg:items-center">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Wix vs custom website</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">A website should fit the business, not the builder.</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-black/75">Template builders make common things easy, but they also encourage common structure. A custom website can be planned around your services, proof, SEO pages, lead flow, integrations, and buyer questions from the beginning.</p>
+ </div>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Custom homepage, service pages, landing pages, and calls to action around your actual offer</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>SEO structure, metadata, internal links, and content hierarchy planned before launch</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Performance, mobile behavior, forms, tracking, and integrations handled by the build</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>One-time build fee, with no required website-builder subscription from After Dark Labs</span></li>
+ </ul>
+ </div>
+ </section>
+
+ <section class="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-[1.05fr_0.95fr] lg:items-center">
+ <div class="lg:order-2">
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Ownership and growth</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Built to become a business asset.</h2>
+ </div>
+ <div class="space-y-10 text-lg leading-8 text-gray-300 lg:order-1">
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">More room for SEO pages</h3>
+ <p class="mt-4">If your business needs local pages, service pages, comparison pages, booking flows, or productized offers, the site structure can be designed around that search demand instead of squeezed into a starter template.</p>
+ </div>
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">Clear pricing language</h3>
+ <p class="mt-4">The website project is handled as a one-time build fee. Domains, hosting, third-party tools, apps, maintenance, and optional support may still have separate costs depending on what the business needs.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="bg-[#ccff00] text-black">
+ <div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[0.9fr_1.1fr] lg:items-start">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">Wix FAQ</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Common Wix questions.</h2>
+ </div>
+ <div class="divide-y divide-black/15 text-lg leading-8 text-black/75">
+ <div class="pb-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Why not use Wix for a business website?</h3>
+ <p class="mt-4">Wix can work for a simple starter site, but businesses often choose custom development when they need more control over structure, performance, SEO pages, integrations, and the sales process.</p>
+ </div>
+ <div class="py-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Is a custom website better than Wix?</h3>
+ <p class="mt-4">It depends on the goal. A custom website is stronger when the business needs tailored messaging, flexible page structure, custom forms or workflows, and deeper SEO foundations.</p>
+ </div>
+ <div class="pt-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Can After Dark Labs replace an existing Wix site?</h3>
+ <p class="mt-4">Yes. The new site can preserve useful content, rebuild the page structure, improve the message, set up redirects where needed, and create a clearer path to contact, book, or buy.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-28 border-t border-b border-white/10 bg-zinc-950">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6 md:text-6xl">Build a custom site instead of working around Wix.</h2>
+ <p class="text-gray-400 text-lg mb-10">Plan the message, SEO structure, performance, and lead flow around the business from day one.</p>
+ <a href="index.html#contact" class="inline-flex min-h-12 items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Start a Custom Website <span aria-hidden="true">→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <a href="index.html" class="inline-flex items-center justify-center gap-3 mb-6"><div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-2xl">🌑</div><span class="heading text-3xl font-semibold tracking-tighter">After Dark Labs</span></a>
+ <p class="text-gray-500">© 2026 After Dark Labs • Fort Lauderdale, FL</p>
+ </div>
+ </footer>
+</body>
+</html>
diff --git a/docs/why-not-wordpress.html b/docs/why-not-wordpress.html
new file mode 100644
index 0000000..61414b1
--- /dev/null
+++ b/docs/why-not-wordpress.html
@@ -0,0 +1,212 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
+ <title>Why Not WordPress? Custom Website Development | After Dark Labs</title>
+ <meta name="description" content="Wondering why not WordPress? After Dark Labs builds custom business websites with cleaner structure, less plugin upkeep, SEO planning, performance, and a one-time build fee.">
+ <link rel="canonical" href="https://afterdarklabs.io/why-not-wordpress.html">
+ <meta property="og:title" content="Why Not WordPress? Custom Website Development | After Dark Labs">
+ <meta property="og:description" content="Compare WordPress with a custom business website built around SEO, performance, integrations, maintainability, and business workflows.">
+ <meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/why-not-wordpress.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Why Not WordPress? Custom Website Development | After Dark Labs">
+ <meta name="twitter:description" content="Compare WordPress with a custom business website built around SEO, performance, integrations, maintainability, and workflows.">
+ <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",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom website development instead of WordPress",
+ "serviceType": "Custom business website development",
+ "url": "https://afterdarklabs.io/why-not-wordpress.html",
+ "description": "Custom website development for businesses comparing WordPress with a tailored website built around SEO structure, performance, integrations, maintainability, and workflows.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Why Us",
+ "item": "https://afterdarklabs.io/#why-us"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Why Not WordPress",
+ "item": "https://afterdarklabs.io/why-not-wordpress.html"
+ }
+ ]
+ },
+ {
+ "@type": "FAQPage",
+ "mainEntity": [
+ {
+ "@type": "Question",
+ "name": "Why not use WordPress for a business website?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "WordPress can be powerful, but some businesses prefer custom development when they want less plugin upkeep, cleaner technical decisions, custom workflows, performance control, and a site structure planned around their sales process."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Is WordPress bad for SEO?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "No. WordPress can support SEO. A custom website can also support SEO by planning titles, headings, internal links, metadata, page speed, and content structure directly around the business."
+ }
+ },
+ {
+ "@type": "Question",
+ "name": "Does a custom site avoid WordPress maintenance?",
+ "acceptedAnswer": {
+ "@type": "Answer",
+ "text": "A custom site can avoid many theme and plugin maintenance concerns. Domains, hosting, third-party tools, apps, maintenance, and optional support can still have their own costs."
+ }
+ }
+ ]
+ }
+ ]
+ }
+ </script>
+</head>
+<body class="bg-black text-white overflow-x-hidden">
+ <nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
+ <div class="max-w-7xl mx-auto px-6 py-5 flex justify-between items-center">
+ <a href="index.html" class="flex items-center gap-3">
+ <div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-xl font-bold">🌑</div>
+ <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 lg:flex items-center gap-5 text-sm font-medium xl:gap-7">
+ <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#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</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 Project</a>
+ </div>
+ </nav>
+
+ <main>
+ <section class="bg-black pt-36 pb-20 md:pt-44 md:pb-28">
+ <div class="max-w-7xl mx-auto grid gap-14 px-6 lg:grid-cols-[1.08fr_0.92fr] lg:items-end">
+ <div>
+ <a href="index.html#why-us" class="mb-6 inline-block text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00] transition-colors hover:text-white">Why us</a>
+ <h1 class="heading max-w-5xl text-6xl font-bold leading-none tracking-tighter md:text-8xl">Why not WordPress for your business site?</h1>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-gray-300">WordPress can power many kinds of websites. After Dark Labs is the better fit when you want a lean custom build, fewer plugin decisions, tighter performance control, SEO structure, and business-specific workflows handled directly.</p>
+ </div>
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Related comparisons</p>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li><a href="why-not-wix.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>Why not Wix?</span></a></li>
+ <li><a href="why-not-webflow.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>Why not Webflow?</span></a></li>
+ <li><a href="custom-business-website-development.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 business website development</span></a></li>
+ <li><a href="seo-performance-optimization.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>SEO and performance optimization</span></a></li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <section class="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-[0.95fr_1.05fr] lg:items-center">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">WordPress vs custom website</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Skip the plugin stack when you do not need it.</h2>
+ <p class="mt-8 max-w-2xl text-lg leading-8 text-black/75">WordPress often grows through themes, plugins, settings, and maintenance decisions. A custom build can stay closer to the business need: pages, forms, search structure, performance, integrations, and the customer path.</p>
+ </div>
+ <ul class="space-y-5 text-lg font-semibold md:text-xl">
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Custom page structure, service content, lead flow, and workflow logic without theme constraints</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>SEO, metadata, internal links, and speed decisions planned directly into the build</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>Integrations, bookings, ecommerce, forms, dashboards, or APIs added only when useful</span></li>
+ <li class="flex min-h-12 items-start gap-4"><span aria-hidden="true">✓</span><span>One-time build fee, with no required WordPress theme or plugin subscription from After Dark Labs</span></li>
+ </ul>
+ </div>
+ </section>
+
+ <section class="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-[1.05fr_0.95fr] lg:items-center">
+ <div class="lg:order-2">
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Maintainability</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Cleaner decisions, fewer moving parts.</h2>
+ </div>
+ <div class="space-y-10 text-lg leading-8 text-gray-300 lg:order-1">
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">A site built around the job</h3>
+ <p class="mt-4">Instead of starting with a theme and adding plugins until the site behaves, a custom build starts with what the business needs the site to do and keeps the implementation focused.</p>
+ </div>
+ <div>
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-white">Clear pricing language</h3>
+ <p class="mt-4">The website project is handled as a one-time build fee. Domains, hosting, third-party tools, apps, maintenance, and optional support may still have separate costs.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="bg-[#ccff00] text-black">
+ <div class="max-w-7xl mx-auto grid gap-12 px-6 py-20 md:py-24 lg:grid-cols-[0.9fr_1.1fr] lg:items-start">
+ <div>
+ <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-black/60">WordPress FAQ</p>
+ <h2 class="heading max-w-4xl text-5xl font-semibold leading-none tracking-tighter md:text-7xl">Common WordPress questions.</h2>
+ </div>
+ <div class="divide-y divide-black/15 text-lg leading-8 text-black/75">
+ <div class="pb-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Why not use WordPress for a business website?</h3>
+ <p class="mt-4">WordPress can be powerful, but some businesses prefer custom development when they want less plugin upkeep, cleaner technical decisions, performance control, and a site structure planned around their sales process.</p>
+ </div>
+ <div class="py-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Is WordPress bad for SEO?</h3>
+ <p class="mt-4">No. WordPress can support SEO. A custom website can also support SEO by planning titles, headings, internal links, metadata, page speed, and content structure directly around the business.</p>
+ </div>
+ <div class="pt-8">
+ <h3 class="heading text-3xl font-semibold tracking-tighter text-black">Does a custom site avoid WordPress maintenance?</h3>
+ <p class="mt-4">A custom site can avoid many theme and plugin maintenance concerns. Domains, hosting, third-party tools, apps, maintenance, and optional support can still have their own costs.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="py-28 border-t border-b border-white/10 bg-zinc-950">
+ <div class="max-w-3xl mx-auto text-center px-6">
+ <h2 class="heading text-5xl font-bold tracking-tighter mb-6 md:text-6xl">Build what the business needs, without the plugin maze.</h2>
+ <p class="text-gray-400 text-lg mb-10">Create a lean custom site with SEO, performance, integrations, and long-term structure handled directly.</p>
+ <a href="index.html#contact" class="inline-flex min-h-12 items-center gap-3 px-8 py-5 bg-[#ccff00] text-black font-semibold rounded-3xl hover:bg-white transition-all">Start a Custom Website <span aria-hidden="true">→</span></a>
+ </div>
+ </section>
+ </main>
+
+ <footer class="bg-black py-16 border-t border-white/10">
+ <div class="max-w-7xl mx-auto px-6 text-center">
+ <a href="index.html" class="inline-flex items-center justify-center gap-3 mb-6"><div class="w-9 h-9 bg-black border-2 border-[#ccff00] rounded-2xl flex items-center justify-center text-2xl">🌑</div><span class="heading text-3xl font-semibold tracking-tighter">After Dark Labs</span></a>
+ <p class="text-gray-500">© 2026 After Dark Labs • Fort Lauderdale, FL</p>
+ </div>
+ </footer>
+</body>
+</html>