patx/afterdarklabs

update seo

Commit b29d7a9 · patx · 2026-06-03T06:02:02-04:00

Changeset
b29d7a9261a50a38dd7074866804992a3b4e5782
Parents
fd1e8f256dca612b17437c60b077c2f68957bca6

View source at this commit

Comments

No comments yet.

Log in to comment

Diff

diff --git a/docs/about.html b/docs/about.html
index aa72c9e..5e8584f 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -55,15 +55,15 @@
                 </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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -142,7 +142,7 @@
             <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">Work directly with Harrison on your next app or website.</h2>
                 <p class="text-gray-400 text-lg mb-10">Tell me what you are trying to build, fix, or launch. You will get a direct response and a practical path forward.</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">Contact After Dark Labs <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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">Contact After Dark Labs <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/app-store-launch-support.html b/docs/app-store-launch-support.html
index 10be018..d85af73 100644
--- a/docs/app-store-launch-support.html
+++ b/docs/app-store-launch-support.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -129,7 +129,7 @@
             <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">Launch with the next update already in mind.</h2>
                 <p class="text-gray-400 text-lg mb-10">Prepare your iOS and Android release with a team that can support the product after launch.</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 App Launch <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 App Launch <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/backend-api-integration.html b/docs/backend-api-integration.html
index e1a817d..bb9a838 100644
--- a/docs/backend-api-integration.html
+++ b/docs/backend-api-integration.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -129,7 +129,7 @@
             <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 systems behind the app.</h2>
                 <p class="text-gray-400 text-lg mb-10">Plan the backend and API layer your mobile product needs to work reliably.</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">Discuss App Integrations <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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">Discuss App Integrations <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/booking-website-for-business.html b/docs/booking-website-for-business.html
index acc2df8..11b65ca 100644
--- a/docs/booking-website-for-business.html
+++ b/docs/booking-website-for-business.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -196,7 +196,7 @@
             <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">Make your website easier to book from.</h2>
                 <p class="text-gray-400 text-lg mb-10">Build scheduling, intake, payment, and membership paths into a business website that works on every device.</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 Booking Website <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Booking Website <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/brand-positioning-creative-strategy.html b/docs/brand-positioning-creative-strategy.html
index 7466058..ad428dd 100644
--- a/docs/brand-positioning-creative-strategy.html
+++ b/docs/brand-positioning-creative-strategy.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -130,7 +130,7 @@
             <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">Make your website feel intentional.</h2>
                 <p class="text-gray-400 text-lg mb-10">Clarify the message and creative direction before your next build.</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 Website Strategy <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Website Strategy <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/business-website-seo.html b/docs/business-website-seo.html
index 2bc7df4..ce60db0 100644
--- a/docs/business-website-seo.html
+++ b/docs/business-website-seo.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -196,7 +196,7 @@
             <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">Give every business website page a clearer job.</h2>
                 <p class="text-gray-400 text-lg mb-10">Improve search visibility with better structure, content, internal links, metadata, and performance.</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">Improve Business Website SEO <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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">Improve Business Website SEO <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/business-websites.html b/docs/business-websites.html
index df0af34..10302f2 100644
--- a/docs/business-websites.html
+++ b/docs/business-websites.html
@@ -120,15 +120,15 @@
                 </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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -234,7 +234,7 @@
             <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 business website with a clear job.</h2>
                 <p class="text-gray-400 text-lg mb-10">Work directly with After Dark Labs on a custom business website built for search, speed, and conversion.</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 Business Website <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Business Website <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/custom-business-website-development.html b/docs/custom-business-website-development.html
index af21535..1b11ff9 100644
--- a/docs/custom-business-website-development.html
+++ b/docs/custom-business-website-development.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -196,7 +196,7 @@
             <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 website your workflow actually needs.</h2>
                 <p class="text-gray-400 text-lg mb-10">Plan and develop a custom business website with strategy, design, development, SEO, and integrations 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 Custom Development <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Custom Development <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/custom-web-development-ecommerce.html b/docs/custom-web-development-ecommerce.html
index 931233b..3b78746 100644
--- a/docs/custom-web-development-ecommerce.html
+++ b/docs/custom-web-development-ecommerce.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -132,7 +132,7 @@
             <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 website around how your business sells.</h2>
                 <p class="text-gray-400 text-lg mb-10">Custom web development for businesses across the U.S.</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 Website Project <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Website Project <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/ecommerce-business-websites.html b/docs/ecommerce-business-websites.html
index 9aac204..7fba04a 100644
--- a/docs/ecommerce-business-websites.html
+++ b/docs/ecommerce-business-websites.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -198,7 +198,7 @@
             <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">Turn the business website into a stronger sales channel.</h2>
                 <p class="text-gray-400 text-lg mb-10">Build an ecommerce website with product structure, checkout flow, SEO, and customer experience planned 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 an Ecommerce Website <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 an Ecommerce Website <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/fort-lauderdale-business-website-design.html b/docs/fort-lauderdale-business-website-design.html
index cc449d4..1621e16 100644
--- a/docs/fort-lauderdale-business-website-design.html
+++ b/docs/fort-lauderdale-business-website-design.html
@@ -113,15 +113,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -207,7 +207,7 @@
             <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 Fort Lauderdale business website with a clearer path to leads.</h2>
                 <p class="text-gray-400 text-lg mb-10">Plan service pages, local SEO structure, quote paths, booking flows, and mobile performance around the way your customers search.</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 Local Website Project <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Local Website Project <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/generative-engine-optimization.html b/docs/generative-engine-optimization.html
index 30d44cb..721f0c4 100644
--- a/docs/generative-engine-optimization.html
+++ b/docs/generative-engine-optimization.html
@@ -109,15 +109,15 @@
                 </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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -236,7 +236,7 @@
             <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">Make your brand easier for AI search to understand.</h2>
                 <p class="text-gray-400 text-lg mb-10">Add GEO strategy to your website, mobile app, product launch, or service business marketing plan.</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 GEO Services <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 GEO Services <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/index.html b/docs/index.html
index 3e36185..9292b98 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,19 +7,23 @@
     <link rel="apple-touch-icon" href="/moon-stars-fill.svg">
     <link rel="manifest" href="/site.webmanifest">
     <title>After Dark Labs | Free Website Demo in 24 Hours</title>
-    <meta name="description" content="After Dark Labs builds custom business websites, Shopify stores, mobile apps, and internal tools with SEO, hosting, logo design, and backend APIs baked in.">
+    <meta name="description" content="After Dark Labs builds custom business websites, Shopify stores, mobile apps, and internal tools with SEO, hosting, logo design, and backend APIs baked in. Get a free demo within 24 hours.">
     <meta name="robots" content="index,follow">
-    <link rel="canonical" href="https://afterdarklabs.io/index2.html">
+    <link rel="canonical" href="https://afterdarklabs.io/">
     <meta property="og:title" content="After Dark Labs | Free Website Demo in 24 Hours">
-    <meta property="og:description" content="Answer a quick questionnaire and get a free demo website within 24 hours.">
+    <meta property="og:description" content="Answer a quick questionnaire and get a free demo website within 24 hours. Custom websites, Shopify stores, mobile apps, and business tools.">
     <meta property="og:image" content="https://afterdarklabs.io/twitter-card.png">
+    <meta property="og:image:width" content="1536">
+    <meta property="og:image:height" content="1024">
+    <meta property="og:image:alt" content="After Dark Labs custom websites and mobile apps">
     <meta property="og:type" content="website">
-    <meta property="og:url" content="https://afterdarklabs.io/index2.html">
+    <meta property="og:url" content="https://afterdarklabs.io/">
     <meta property="og:site_name" content="After Dark Labs">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="After Dark Labs | Free Website Demo in 24 Hours">
     <meta name="twitter:description" content="Answer a quick questionnaire and get a free demo website within 24 hours.">
     <meta name="twitter:image" content="https://afterdarklabs.io/twitter-card.png">
+    <meta name="twitter:image:alt" content="After Dark Labs custom websites and mobile apps">
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
     <style>
@@ -96,27 +100,77 @@
             font-weight: 600;
         }
     </style>
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@graph": [
+        {
+          "@type": "Organization",
+          "@id": "https://afterdarklabs.io/#organization",
+          "name": "After Dark Labs",
+          "url": "https://afterdarklabs.io/",
+          "logo": "https://afterdarklabs.io/logo.png",
+          "founder": {
+            "@type": "Person",
+            "name": "Harrison Erd",
+            "url": "https://harrisonerd.com/"
+          },
+          "areaServed": {
+            "@type": "Country",
+            "name": "United States"
+          },
+          "description": "After Dark Labs builds custom business websites, Shopify stores, mobile apps, internal tools, SEO foundations, hosting setup, logo design, backend APIs, and integrations."
+        },
+        {
+          "@type": "WebSite",
+          "@id": "https://afterdarklabs.io/#website",
+          "url": "https://afterdarklabs.io/",
+          "name": "After Dark Labs",
+          "publisher": {
+            "@id": "https://afterdarklabs.io/#organization"
+          },
+          "description": "After Dark Labs builds custom websites, Shopify stores, mobile apps, and business tools for U.S. businesses."
+        },
+        {
+          "@type": "Service",
+          "@id": "https://afterdarklabs.io/#custom-web-app-service",
+          "name": "Custom website, Shopify store, and mobile app development",
+          "provider": {
+            "@id": "https://afterdarklabs.io/#organization"
+          },
+          "areaServed": {
+            "@type": "Country",
+            "name": "United States"
+          },
+          "serviceType": [
+            "Business website development",
+            "Shopify store development",
+            "Mobile app development",
+            "Internal tool development",
+            "SEO and hosting setup"
+          ],
+          "url": "https://afterdarklabs.io/#questionnaire"
+        }
+      ]
+    }
+    </script>
 </head>
 <body class="bg-black text-white overflow-x-hidden">
     <nav class="fixed top-0 z-50 w-full bg-black/90 backdrop-blur-lg">
         <div class="mx-auto max-w-7xl px-4 py-4 sm:px-6 lg:py-5">
-            <div class="grid grid-cols-[1fr_auto_1fr] items-center gap-3 lg:hidden">
-                <button type="button" id="mobile-nav-toggle" class="flex h-11 w-11 items-center justify-center rounded-2xl bg-white/10 text-white transition-colors hover:bg-white/15 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00]" aria-controls="mobile-nav-menu" aria-expanded="false" aria-label="Open navigation menu">
-                    <i class="fa-solid fa-bars text-lg" data-menu-icon="open" aria-hidden="true"></i>
-                    <i class="fa-solid fa-xmark hidden text-xl" data-menu-icon="close" aria-hidden="true"></i>
-                </button>
-                <a href="index2.html" class="flex items-center gap-2 justify-self-center" aria-label="After Dark Labs home">
-                    <div class="flex h-8 w-8 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-lg font-bold">🌑</div>
-                    <div>
-                        <span class="heading block text-xl font-semibold tracking-tighter">After Dark</span>
+            <div class="flex items-center justify-between gap-3 lg:hidden">
+                <button type="button" id="mobile-nav-toggle" class="flex min-w-0 items-center gap-2 rounded-2xl p-1.5 pr-3 text-left text-white transition-colors hover:bg-white/10 focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00]" aria-controls="mobile-nav-menu" aria-expanded="false" aria-label="Open navigation menu">
+                    <span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-lg font-bold">🌑</span>
+                    <span class="min-w-0">
+                        <span class="heading block truncate text-xl font-semibold tracking-tighter">After Dark</span>
                         <span class="-mt-1 block text-xs tracking-[3px] text-[#ccff00]">LABS</span>
-                    </div>
-                </a>
-                <a href="#questionnaire" class="justify-self-end rounded-2xl bg-[#ccff00] px-4 py-3 text-sm font-semibold text-black transition-colors hover:bg-white">Free Demo</a>
+                    </span>
+                </button>
+                <a href="#questionnaire" class="shrink-0 rounded-2xl bg-[#ccff00] px-4 py-3 text-sm font-semibold text-black transition-colors hover:bg-white">Get Free Demo</a>
             </div>
 
             <div class="hidden items-center justify-between lg:flex">
-                <a href="index2.html" class="flex items-center gap-3">
+                <a href="index.html" class="flex items-center gap-3">
                     <div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black text-xl font-bold">🌑</div>
                     <div>
                         <span class="heading block text-2xl font-semibold tracking-tighter">After Dark</span>
@@ -135,16 +189,18 @@
 
             <div id="mobile-nav-menu" class="hidden lg:hidden">
                 <div class="mt-4 grid gap-2 border-t border-white/10 pt-4 text-sm font-semibold">
+                    <a href="#hero" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Home</a>
                     <a href="#how-it-works" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>How It Works</a>
                     <a href="#about" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>About</a>
                     <a href="#work" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Our Work</a>
+                    <a href="#questionnaire" class="rounded-2xl px-4 py-3 text-gray-200 transition-colors hover:bg-white/10 hover:text-[#ccff00]" data-nav-link>Contact</a>
                 </div>
             </div>
         </div>
     </nav>
 
     <main>
-        <section class="hero-bg min-h-screen flex items-center pt-20" style="position:relative; overflow:hidden;">
+        <section id="hero" class="hero-bg min-h-screen flex items-center pt-20" style="position:relative; overflow:hidden;">
             <canvas id="hero-canvas"></canvas>
             <div class="hero-vignette"></div>
 
@@ -176,7 +232,7 @@
                 <ol class="space-y-7">
                     <li class="grid gap-4 py-6 md:grid-cols-[4rem_1fr]">
                         <p class="heading text-2xl font-bold text-[#ccff00]">01</p>
-                        <p class="text-lg leading-8 text-gray-300">Answer our simple questionnaire <a href="#questionnaire">here</a>. It takes barely any time at all, it's only 5 questions.</p>
+                        <p class="text-lg leading-8 text-gray-300">Answer our simple questionnaire <a href="#questionnaire" class="font-semibold text-[#ccff00] underline decoration-[#ccff00]/60 underline-offset-4 transition-colors hover:text-white hover:decoration-white">here</a>. It takes barely any time at all, it's only 5 questions.</p>
                     </li>
                     <li class="grid gap-4 py-6 md:grid-cols-[4rem_1fr]">
                         <p class="heading text-2xl font-bold text-[#ccff00]">02</p>
@@ -335,11 +391,12 @@
 
     <footer class="border-t border-white/10 bg-black py-16">
         <div class="mx-auto max-w-7xl px-6 text-center">
-            <a href="index2.html" class="mb-6 inline-flex items-center justify-center gap-3">
+            <a href="index.html" class="mb-6 inline-flex items-center justify-center gap-3">
                 <div class="flex h-9 w-9 items-center justify-center rounded-2xl border-2 border-[#ccff00] bg-black 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>
+            <p class="text-gray-500">© 2026 <a href="https://harrisonerd.com/" class="transition-colors hover:text-[#ccff00]">Harrison Erd</a> • Pompano Beach, FL</p>
+            <p class="mt-3 text-gray-500"><a href="mailto:[email protected]" class="transition-colors hover:text-[#ccff00]">[email protected]</a></p>
         </div>
     </footer>
 
@@ -354,18 +411,10 @@
             const menu = document.getElementById('mobile-nav-menu');
             if (!toggle || !menu) return;
 
-            const openIcon = toggle.querySelector('[data-menu-icon="open"]');
-            const closeIcon = toggle.querySelector('[data-menu-icon="close"]');
-
             function setMenuOpen(isOpen) {
                 menu.classList.toggle('hidden', !isOpen);
                 toggle.setAttribute('aria-expanded', String(isOpen));
                 toggle.setAttribute('aria-label', isOpen ? 'Close navigation menu' : 'Open navigation menu');
-
-                if (openIcon && closeIcon) {
-                    openIcon.classList.toggle('hidden', isOpen);
-                    closeIcon.classList.toggle('hidden', !isOpen);
-                }
             }
 
             toggle.addEventListener('click', () => {
@@ -389,6 +438,7 @@
             const activeClasses = ['text-[#ccff00]', 'font-semibold'];
             const navLinks = Array.from(document.querySelectorAll('nav a[data-nav-link]'));
             const sections = [
+                { id: 'hero', href: '#hero' },
                 { id: 'how-it-works', href: '#how-it-works' },
                 { id: 'about', href: '#about' },
                 { id: 'work', href: '#work' },
diff --git a/docs/influencer-marketing-social-media.html b/docs/influencer-marketing-social-media.html
index 477d1f3..9587f1f 100644
--- a/docs/influencer-marketing-social-media.html
+++ b/docs/influencer-marketing-social-media.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -129,7 +129,7 @@
             <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">Help the right users discover your app.</h2>
                 <p class="text-gray-400 text-lg mb-10">Pair product launch with social momentum and creator-driven awareness.</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 App Marketing <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 App Marketing <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/mobile-app-branding-ui-ux.html b/docs/mobile-app-branding-ui-ux.html
index d33fd1c..7775fcd 100644
--- a/docs/mobile-app-branding-ui-ux.html
+++ b/docs/mobile-app-branding-ui-ux.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -129,7 +129,7 @@
             <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">Design the app people remember.</h2>
                 <p class="text-gray-400 text-lg mb-10">Create a stronger product identity before development starts.</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 App Design <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 App Design <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/mobile-apps.html b/docs/mobile-apps.html
index fa82a9b..857d9e6 100644
--- a/docs/mobile-apps.html
+++ b/docs/mobile-apps.html
@@ -71,15 +71,15 @@
                 </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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -159,7 +159,7 @@
             <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">Ready to build your mobile app?</h2>
                 <p class="text-gray-400 text-lg mb-10">Work with a U.S.-focused mobile app partner for strategy, product design, development, GEO, launch, and support.</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 an App Project <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 an App Project <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/online-bookings-appointments-memberships.html b/docs/online-bookings-appointments-memberships.html
index f2debd7..4943e4c 100644
--- a/docs/online-bookings-appointments-memberships.html
+++ b/docs/online-bookings-appointments-memberships.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -130,7 +130,7 @@
             <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">Make your website easier to do business with.</h2>
                 <p class="text-gray-400 text-lg mb-10">Build scheduling and membership features with a custom website team serving businesses nationwide.</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 Booking Website <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Booking Website <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/seo-performance-optimization.html b/docs/seo-performance-optimization.html
index 3309c7c..475cd8b 100644
--- a/docs/seo-performance-optimization.html
+++ b/docs/seo-performance-optimization.html
@@ -58,15 +58,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -131,7 +131,7 @@
             <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">Give every page a stronger job.</h2>
                 <p class="text-gray-400 text-lg mb-10">Improve search visibility, performance, and conversion clarity with After Dark Labs.</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">Improve Website SEO <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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">Improve Website SEO <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/service-business-website-design.html b/docs/service-business-website-design.html
index 19bf9d9..2559153 100644
--- a/docs/service-business-website-design.html
+++ b/docs/service-business-website-design.html
@@ -109,15 +109,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -211,7 +211,7 @@
             <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 website that helps customers choose your service business.</h2>
                 <p class="text-gray-400 text-lg mb-10">Create service pages, quote paths, booking flows, and local SEO foundations for the way your customers search.</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 Service Business Website <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Service Business Website <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/shopify-migration-optimization.html b/docs/shopify-migration-optimization.html
index 37aeb79..9d1763f 100644
--- a/docs/shopify-migration-optimization.html
+++ b/docs/shopify-migration-optimization.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -197,7 +197,7 @@
             <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">Move or clean up Shopify with the store structure intact.</h2>
                 <p class="text-gray-400 text-lg mb-10">Plan redirects, catalog cleanup, theme improvements, apps, checkout, SEO, and launch checks 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">Plan Shopify Cleanup <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Shopify Cleanup <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/shopify-seo-optimization.html b/docs/shopify-seo-optimization.html
index 62a6c60..0996536 100644
--- a/docs/shopify-seo-optimization.html
+++ b/docs/shopify-seo-optimization.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -198,7 +198,7 @@
             <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">Give Shopify pages clearer search intent and faster shopping paths.</h2>
                 <p class="text-gray-400 text-lg mb-10">Improve product pages, collections, metadata, links, media, and storefront performance 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">Improve Shopify SEO <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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">Improve Shopify SEO <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/shopify-store-design.html b/docs/shopify-store-design.html
index edd17e6..8e0d6f7 100644
--- a/docs/shopify-store-design.html
+++ b/docs/shopify-store-design.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -197,7 +197,7 @@
             <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">Make the Shopify storefront match how customers actually shop.</h2>
                 <p class="text-gray-400 text-lg mb-10">Design product, collection, and campaign pages around the buying decision.</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 Shopify Design <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Shopify Design <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/shopify-stores.html b/docs/shopify-stores.html
index e766ef7..dd19606 100644
--- a/docs/shopify-stores.html
+++ b/docs/shopify-stores.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -198,7 +198,7 @@
             <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 Shopify store that is easier to buy from and easier to manage.</h2>
                 <p class="text-gray-400 text-lg mb-10">Plan the catalog, storefront, checkout, SEO, apps, and launch path 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 Shopify Project <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Shopify Project <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/site.js b/docs/site.js
index 2aba11f..93a03b6 100644
--- a/docs/site.js
+++ b/docs/site.js
@@ -1,56 +1,53 @@
 (function () {
     const activeClasses = ['text-[#ccff00]', 'font-semibold'];
     const navLinks = Array.from(document.querySelectorAll('nav a[href]')).filter(link =>
-        ['Mobile Apps', 'Business Websites', 'Shopify Stores', 'Why Us', 'Our Work', 'About', 'Contact'].includes(link.textContent.trim())
+        ['How It Works', 'Mobile Apps', 'Business Websites', 'Shopify Stores', 'Why Us', 'Our Work', 'About', 'Contact'].includes(link.textContent.trim())
     );
 
     if (!navLinks.length) return;
 
     const pageClusters = {
-        'mobile-apps.html': 'index.html#mobile-apps',
-        'mobile-app-branding-ui-ux.html': 'index.html#mobile-apps',
-        'backend-api-integration.html': 'index.html#mobile-apps',
-        'app-store-launch-support.html': 'index.html#mobile-apps',
-        'influencer-marketing-social-media.html': 'index.html#mobile-apps',
-
-        'websites.html': 'index.html#business-websites',
-        'business-websites.html': 'index.html#business-websites',
-        'small-business-website-design.html': 'index.html#business-websites',
-        'service-business-website-design.html': 'index.html#business-websites',
-        'fort-lauderdale-business-website-design.html': 'index.html#business-websites',
-        'custom-business-website-development.html': 'index.html#business-websites',
-        'custom-web-development-ecommerce.html': 'index.html#business-websites',
-        'ecommerce-business-websites.html': 'index.html#business-websites',
-        'booking-website-for-business.html': 'index.html#business-websites',
-        'online-bookings-appointments-memberships.html': 'index.html#business-websites',
-        'business-website-seo.html': 'index.html#business-websites',
-        'seo-performance-optimization.html': 'index.html#business-websites',
-        'brand-positioning-creative-strategy.html': 'index.html#business-websites',
-        'generative-engine-optimization.html': 'index.html#business-websites',
-
-        'shopify-stores.html': 'index.html#shopify-stores',
-        'shopify-store-design.html': 'index.html#shopify-stores',
-        'shopify-seo-optimization.html': 'index.html#shopify-stores',
-        'shopify-migration-optimization.html': 'index.html#shopify-stores',
-
-        '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',
+        'mobile-apps.html': 'mobile-apps.html',
+        'mobile-app-branding-ui-ux.html': 'mobile-apps.html',
+        'backend-api-integration.html': 'mobile-apps.html',
+        'app-store-launch-support.html': 'mobile-apps.html',
+        'influencer-marketing-social-media.html': 'mobile-apps.html',
+
+        'websites.html': 'business-websites.html',
+        'business-websites.html': 'business-websites.html',
+        'small-business-website-design.html': 'business-websites.html',
+        'service-business-website-design.html': 'business-websites.html',
+        'fort-lauderdale-business-website-design.html': 'business-websites.html',
+        'custom-business-website-development.html': 'business-websites.html',
+        'custom-web-development-ecommerce.html': 'business-websites.html',
+        'ecommerce-business-websites.html': 'business-websites.html',
+        'booking-website-for-business.html': 'business-websites.html',
+        'online-bookings-appointments-memberships.html': 'business-websites.html',
+        'business-website-seo.html': 'business-websites.html',
+        'seo-performance-optimization.html': 'business-websites.html',
+        'brand-positioning-creative-strategy.html': 'business-websites.html',
+        'generative-engine-optimization.html': 'business-websites.html',
+
+        'shopify-stores.html': 'shopify-stores.html',
+        'shopify-store-design.html': 'shopify-stores.html',
+        'shopify-seo-optimization.html': 'shopify-stores.html',
+        'shopify-migration-optimization.html': 'shopify-stores.html',
+
+        'why-not-wix.html': 'about.html',
+        'why-not-squarespace.html': 'about.html',
+        'why-not-godaddy-website-builder.html': 'about.html',
+        'why-not-webflow.html': 'about.html',
+        'why-not-shopify.html': 'about.html',
+        'why-not-wordpress.html': 'about.html',
+
+        'about.html': 'about.html',
     };
 
     const homeSections = [
-        { id: 'mobile-apps', href: 'index.html#mobile-apps' },
-        { id: 'business-websites', href: 'index.html#business-websites' },
-        { id: 'shopify-stores', href: 'index.html#shopify-stores' },
-        { id: 'why-us', href: 'index.html#why-us' },
+        { id: 'how-it-works', href: 'index.html#how-it-works' },
         { id: 'work', href: 'index.html#work' },
         { id: 'about', href: 'index.html#about' },
-        { id: 'contact', href: 'index.html#contact' },
+        { id: 'questionnaire', href: 'index.html#questionnaire' },
     ];
 
     function setActive(href) {
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
index d949326..0f3b5fe 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-27</lastmod>
+        <lastmod>2026-06-03</lastmod>
     </url>
     <url>
         <loc>https://afterdarklabs.io/websites.html</loc>
diff --git a/docs/small-business-website-design.html b/docs/small-business-website-design.html
index c0d3cf1..08c04c3 100644
--- a/docs/small-business-website-design.html
+++ b/docs/small-business-website-design.html
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -196,7 +196,7 @@
             <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">Make your small business easier to choose.</h2>
                 <p class="text-gray-400 text-lg mb-10">Build a professional website with clear messaging, search-ready structure, and direct conversion paths.</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 Small Business Website <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Small Business Website <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/websites.html b/docs/websites.html
index 970a886..892ea6f 100644
--- a/docs/websites.html
+++ b/docs/websites.html
@@ -71,15 +71,15 @@
                 </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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -162,7 +162,7 @@
             <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">Need a website that works harder?</h2>
                 <p class="text-gray-400 text-lg mb-10">Talk with a U.S.-focused website partner building business sites, service pages, stores, booking flows, SEO-ready pages, and GEO content for AI search.</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 Website Project <span aria-hidden="true">→</span></a>
+                <a href="index.html#questionnaire" 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 Website Project <span aria-hidden="true">→</span></a>
             </div>
         </section>
     </main>
diff --git a/docs/why-not-godaddy-website-builder.html b/docs/why-not-godaddy-website-builder.html
index c70419b..4dbdaa6 100644
--- a/docs/why-not-godaddy-website-builder.html
+++ b/docs/why-not-godaddy-website-builder.html
@@ -52,7 +52,7 @@
               "@type": "ListItem",
               "position": 2,
               "name": "Why Us",
-              "item": "https://afterdarklabs.io/#why-us"
+              "item": "https://afterdarklabs.io/about.html"
             },
             {
               "@type": "ListItem",
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -119,7 +119,7 @@
         <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>
+                    <a href="about.html" 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>
@@ -197,7 +197,7 @@
             <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>
+                <a href="index.html#questionnaire" 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>
diff --git a/docs/why-not-shopify.html b/docs/why-not-shopify.html
index defc981..9229cd3 100644
--- a/docs/why-not-shopify.html
+++ b/docs/why-not-shopify.html
@@ -52,7 +52,7 @@
               "@type": "ListItem",
               "position": 2,
               "name": "Why Us",
-              "item": "https://afterdarklabs.io/#why-us"
+              "item": "https://afterdarklabs.io/about.html"
             },
             {
               "@type": "ListItem",
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -119,7 +119,7 @@
         <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>
+                    <a href="about.html" 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>
@@ -197,7 +197,7 @@
             <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>
+                <a href="index.html#questionnaire" 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>
diff --git a/docs/why-not-squarespace.html b/docs/why-not-squarespace.html
index 097b504..a7f8c37 100644
--- a/docs/why-not-squarespace.html
+++ b/docs/why-not-squarespace.html
@@ -52,7 +52,7 @@
               "@type": "ListItem",
               "position": 2,
               "name": "Why Us",
-              "item": "https://afterdarklabs.io/#why-us"
+              "item": "https://afterdarklabs.io/about.html"
             },
             {
               "@type": "ListItem",
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -119,7 +119,7 @@
         <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>
+                    <a href="about.html" 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>
@@ -197,7 +197,7 @@
             <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>
+                <a href="index.html#questionnaire" 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>
diff --git a/docs/why-not-webflow.html b/docs/why-not-webflow.html
index 7e96ee0..f650144 100644
--- a/docs/why-not-webflow.html
+++ b/docs/why-not-webflow.html
@@ -52,7 +52,7 @@
               "@type": "ListItem",
               "position": 2,
               "name": "Why Us",
-              "item": "https://afterdarklabs.io/#why-us"
+              "item": "https://afterdarklabs.io/about.html"
             },
             {
               "@type": "ListItem",
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -119,7 +119,7 @@
         <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>
+                    <a href="about.html" 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>
@@ -197,7 +197,7 @@
             <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>
+                <a href="index.html#questionnaire" 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>
diff --git a/docs/why-not-wix.html b/docs/why-not-wix.html
index 2778f96..d53a48e 100644
--- a/docs/why-not-wix.html
+++ b/docs/why-not-wix.html
@@ -52,7 +52,7 @@
               "@type": "ListItem",
               "position": 2,
               "name": "Why Us",
-              "item": "https://afterdarklabs.io/#why-us"
+              "item": "https://afterdarklabs.io/about.html"
             },
             {
               "@type": "ListItem",
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -119,7 +119,7 @@
         <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>
+                    <a href="about.html" 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>
@@ -197,7 +197,7 @@
             <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>
+                <a href="index.html#questionnaire" 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>
diff --git a/docs/why-not-wordpress.html b/docs/why-not-wordpress.html
index 61414b1..a54dfd2 100644
--- a/docs/why-not-wordpress.html
+++ b/docs/why-not-wordpress.html
@@ -52,7 +52,7 @@
               "@type": "ListItem",
               "position": 2,
               "name": "Why Us",
-              "item": "https://afterdarklabs.io/#why-us"
+              "item": "https://afterdarklabs.io/about.html"
             },
             {
               "@type": "ListItem",
@@ -103,15 +103,15 @@
                 <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="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Mobile Apps</a>
+                <a href="business-websites.html" class="hover:text-[#ccff00] transition-colors">Business Websites</a>
+                <a href="shopify-stores.html" class="hover:text-[#ccff00] transition-colors">Shopify Stores</a>
+                <a href="about.html" 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>
+                <a href="index.html#questionnaire" 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>
+            <a href="index.html#questionnaire" 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>
 
@@ -119,7 +119,7 @@
         <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>
+                    <a href="about.html" 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>
@@ -197,7 +197,7 @@
             <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>
+                <a href="index.html#questionnaire" 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>