patx/afterdarklabs
simplify index.html further
Commit 87aa853 · patx · 2026-07-09T00:04:30-04:00
Comments
No comments yet.
Diff
diff --git a/docs/about.html b/docs/about.html
index 5e8584f..22b2f4e 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -61,9 +61,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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/afterdarklabs-redesigned.html b/docs/afterdarklabs-redesigned.html
index 7e61a67..c55675c 100644
--- a/docs/afterdarklabs-redesigned.html
+++ b/docs/afterdarklabs-redesigned.html
@@ -78,15 +78,6 @@
font-weight: 600;
}
- .service-chip {
- transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- }
- .service-chip:has(input:checked) {
- border-color: rgba(204,255,0,0.9);
- background: rgba(204,255,0,0.15);
- color: white;
- transform: scale(1.02);
- }
</style>
</head>
<body class="bg-black text-white overflow-x-hidden">
@@ -106,12 +97,12 @@
<div class="hidden lg:flex items-center gap-8">
<a href="#work" class="transition-colors hover:text-[#ccff00]" data-nav-link>Work</a>
<a href="#services" class="transition-colors hover:text-[#ccff00]" data-nav-link>Services</a>
- <a href="#questionnaire" class="rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-all hover:bg-white hover:scale-105">Get Free Demo</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-all hover:bg-white hover:scale-105">Get Free Demo</a>
</div>
<!-- Mobile -->
<div class="lg:hidden flex items-center gap-3">
- <a href="#questionnaire" class="rounded-2xl bg-[#ccff00] px-5 py-2.5 text-sm font-semibold text-black">Get Demo</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="rounded-2xl bg-[#ccff00] px-5 py-2.5 text-sm font-semibold text-black">Get Demo</a>
<button id="mobile-nav-toggle" class="flex h-10 w-10 items-center justify-center rounded-xl border border-white/20 hover:bg-white/10" aria-label="Toggle menu">
<span class="text-2xl">☰</span>
</button>
@@ -124,7 +115,7 @@
<div class="px-6 py-6 flex flex-col gap-4 text-lg">
<a href="#work" class="py-2 hover:text-[#ccff00]" data-nav-link>Work</a>
<a href="#services" class="py-2 hover:text-[#ccff00]" data-nav-link>Services</a>
- <a href="#questionnaire" class="py-2 hover:text-[#ccff00]" data-nav-link>Get Free Demo</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="py-2 hover:text-[#ccff00]" data-nav-link>Get Free Demo</a>
</div>
</div>
</nav>
@@ -151,7 +142,7 @@
</p>
<div class="mt-10 flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
- <a href="#questionnaire"
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer"
class="px-10 py-5 bg-[#ccff00] hover:bg-white text-black font-semibold rounded-3xl text-lg inline-flex items-center justify-center transition-all hover:scale-105">
Get Your Free Demo
</a>
@@ -245,53 +236,6 @@
</div>
</section>
- <!-- Questionnaire -->
- <section id="questionnaire" class="scroll-mt-24 border-t border-white/10 bg-zinc-950 py-20">
- <div class="mx-auto max-w-2xl px-6">
- <div class="text-center mb-12">
- <p class="text-[#ccff00] uppercase tracking-widest text-sm">Start here</p>
- <h2 class="heading text-5xl font-semibold tracking-tighter mt-2">Get a free custom demo in 24 hours</h2>
- <p class="mt-4 text-lg text-gray-300">Answer a few questions and we'll build you a personalized demo site based on your business. No obligation.</p>
- </div>
-
- <form id="demo-questionnaire" class="space-y-10" action="https://formspree.io/f/xeedjery" method="POST">
- <!-- Steps remain similar but simplified UI -->
- <div class="space-y-8">
- <!-- Step indicators simplified -->
- <div id="step-indicator" class="flex gap-2 justify-center">
- <!-- JS populated -->
- </div>
-
- <!-- Step 1: Name -->
- <div data-step="0">
- <label class="block text-sm font-medium text-gray-400 mb-2">Your Name or Business Name</label>
- <input type="text" name="name_or_business_name" required
- class="w-full bg-black border border-white/20 focus:border-[#ccff00] rounded-3xl px-7 py-6 text-lg outline-none transition-colors"
- placeholder="e.g. Mike's Auto Repair">
- </div>
-
- <!-- Step 2: Services -->
- <div data-step="1" class="hidden">
- <label class="block text-sm font-medium text-gray-400 mb-4">What do you need? (select all)</label>
- <div class="grid grid-cols-2 gap-3">
- <label class="service-chip cursor-pointer border border-white/20 rounded-3xl px-5 py-6 text-center">Custom Website</label>
- <label class="service-chip cursor-pointer border border-white/20 rounded-3xl px-5 py-6 text-center">Shopify Store</label>
- <label class="service-chip cursor-pointer border border-white/20 rounded-3xl px-5 py-6 text-center">Mobile App</label>
- <label class="service-chip cursor-pointer border border-white/20 rounded-3xl px-5 py-6 text-center">Internal Tool</label>
- </div>
- </div>
-
- <!-- Other steps abbreviated for brevity in this response, but full in final -->
- <!-- ... (full form logic preserved with improvements) -->
- </div>
-
- <div class="flex gap-4">
- <button type="button" id="back-btn" class="hidden flex-1 py-6 border border-white/30 rounded-3xl font-medium">Back</button>
- <button type="button" id="next-btn" class="flex-1 py-6 bg-[#ccff00] text-black rounded-3xl font-semibold text-lg">Continue</button>
- </div>
- </form>
- </div>
- </section>
</main>
<footer class="bg-black border-t border-white/10 py-16">
diff --git a/docs/app-store-launch-support.html b/docs/app-store-launch-support.html
index d85af73..738af47 100644
--- a/docs/app-store-launch-support.html
+++ b/docs/app-store-launch-support.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 bb9a838..249fded 100644
--- a/docs/backend-api-integration.html
+++ b/docs/backend-api-integration.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 11b65ca..cbe5c3a 100644
--- a/docs/booking-website-for-business.html
+++ b/docs/booking-website-for-business.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 ad428dd..a1818a1 100644
--- a/docs/brand-positioning-creative-strategy.html
+++ b/docs/brand-positioning-creative-strategy.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 ce60db0..c2aaf3b 100644
--- a/docs/business-website-seo.html
+++ b/docs/business-website-seo.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 10302f2..9896a80 100644
--- a/docs/business-websites.html
+++ b/docs/business-websites.html
@@ -126,9 +126,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 1b11ff9..b5f6587 100644
--- a/docs/custom-business-website-development.html
+++ b/docs/custom-business-website-development.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 3b78746..782bcdc 100644
--- a/docs/custom-web-development-ecommerce.html
+++ b/docs/custom-web-development-ecommerce.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 7fba04a..9a96150 100644
--- a/docs/ecommerce-business-websites.html
+++ b/docs/ecommerce-business-websites.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 1621e16..b997a39 100644
--- a/docs/fort-lauderdale-business-website-design.html
+++ b/docs/fort-lauderdale-business-website-design.html
@@ -119,9 +119,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 721f0c4..accabec 100644
--- a/docs/generative-engine-optimization.html
+++ b/docs/generative-engine-optimization.html
@@ -115,9 +115,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 deb8a98..a83c366 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -166,19 +166,6 @@
}
}
- .service-chip:has(input:checked) {
- border-color: rgba(204,255,0,0.8);
- background: rgba(204,255,0,0.12);
- color: white;
- }
-
- .contact-choice:has(input:checked),
- .logo-choice:has(input:checked) {
- border-color: rgba(204,255,0,0.8);
- background: rgba(204,255,0,0.12);
- color: white;
- }
-
nav a[data-nav-link][aria-current="page"] {
color: #ccff00;
font-weight: 600;
@@ -234,7 +221,7 @@
"Internal tool development",
"SEO and hosting setup"
],
- "url": "https://afterdarklabs.io/#questionnaire"
+ "url": "https://afterdarklabs.io/"
}
]
}
@@ -251,7 +238,7 @@
<span class="logo-font -mt-1 block text-xs tracking-[3px] text-[#ccff00]">LABS</span>
</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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="shrink-0 rounded-2xl bg-[#ccff00] px-4 py-3 text-sm font-semibold text-black transition-colors hover:bg-white">Get A Free Demo</a>
</div>
<div class="hidden items-center justify-between lg:flex">
@@ -267,7 +254,7 @@
<a href="#work" class="transition-colors hover:text-[#ccff00]" data-nav-link>Portfolio</a>
<a href="#services" class="transition-colors hover:text-[#ccff00]" data-nav-link>Services</a>
</div>
- <a href="#questionnaire" class="rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-colors hover:bg-white">Get Free Demo</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="rounded-2xl bg-[#ccff00] px-6 py-3 font-semibold text-black transition-colors hover:bg-white">Get A Free Demo</a>
</div>
</div>
@@ -293,7 +280,7 @@
</div>
<div class="mx-auto flex max-w-xl flex-col items-start gap-8 lg:mx-0">
<div class="flex flex-wrap gap-5 justify-start">
- <a href="#questionnaire" class="px-8 py-5 bg-[#ccff00] hover:bg-white text-black font-semibold rounded-3xl text-lg transition-all flex items-center gap-3 group">
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="px-8 py-5 bg-[#ccff00] hover:bg-white text-black font-semibold rounded-3xl text-lg transition-all flex items-center gap-3 group">
Get Your Free Demo
</a>
</div>
@@ -350,19 +337,19 @@
<div class="grid gap-6 sm:grid-cols-2 md:gap-7">
<div class="px-6 py-7 md:px-7 md:py-8">
<h3 class="text-lg font-semibold leading-tight text-[#ccff00]">Websites & E-commerce</h3>
- <p class="mt-3 text-base leading-7 text-gray-300">Fully custom websites, Shopify stores & subscription platforms</p>
+ <p class="mt-3 text-base leading-7 text-gray-300">Fully custom websites, old website redesigns, Shopify stores & subscription platforms</p>
</div>
<div class="px-6 py-7 md:px-7 md:py-8">
<h3 class="text-lg font-semibold leading-tight text-[#ccff00]">Apps & Custom Platforms</h3>
- <p class="mt-3 text-base leading-7 text-gray-300">iOS/Android apps, customer portals, internal tools & SaaS MVPs</p>
+ <p class="mt-3 text-base leading-7 text-gray-300">iOS/Android apps, customer portals, internal tools, APIs & SaaS MVPs</p>
</div>
<div class="px-6 py-7 md:px-7 md:py-8">
<h3 class="text-lg font-semibold leading-tight text-[#ccff00]">Branding & Marketing</h3>
- <p class="mt-3 text-base leading-7 text-gray-300">Logo design, local search/AI rankings, lead capture & social media marketing</p>
+ <p class="mt-3 text-base leading-7 text-gray-300">Logo design, brand identity, local search/AI rankings, lead capture & social media marketing</p>
</div>
<div class="px-6 py-7 md:px-7 md:py-8">
<h3 class="text-lg font-semibold leading-tight text-[#ccff00]">Infrastructure & AI</h3>
- <p class="mt-3 text-base leading-7 text-gray-300">Hosting, domains, business email, & AI-powered features/automation</p>
+ <p class="mt-3 text-base leading-7 text-gray-300">Hosting, domains, business email, voice AI, LLM integrations, & intelligent automation</p>
</div>
</div>
<p class="mt-7 max-w-3xl text-sm leading-6 text-gray-400">Simple business websites typically range from $500–$2,000 as a one-time fee. Shopify stores, apps, and custom tools are quoted based on scope. Hosting is included for most service business websites, which means no monthly website fees.</p>
@@ -370,72 +357,6 @@
</div>
</section>
- <section id="questionnaire" class="scroll-mt-24 border-t border-white/10 bg-zinc-950">
- <div class="mx-auto max-w-5xl px-6 py-20 md:py-24">
- <div class="mb-10 max-w-3xl">
- <p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">Get in touch</p>
- <h2 class="heading text-4xl font-semibold leading-none tracking-tighter md:text-6xl">Get your free demo</h2>
- <p class="mt-8 text-lg leading-8 text-gray-300"><strong>Answer a few quick questions and we'll send you a real demo site within 24 hours — free, no strings attached.</strong> Not happy with your current website? Share the URL with us and we will audit your current site + provide an improved demo for free. <small>You can also email <a class="text-[#ccff00]" href="mailto:[email protected]">[email protected]</a> directly for general inquiries.</small></p>
- </div>
-
- <form id="demo-questionnaire" class="space-y-8" action="https://formspree.io/f/xeedjery" method="POST" novalidate>
- <input type="hidden" name="_gotcha" value="">
-
- <div class="space-y-3">
- <div class="flex items-center justify-between gap-4 text-sm font-semibold uppercase tracking-[0.18em] text-gray-300">
- <span id="questionnaire-step-label">Question 1 of 4</span>
- <span id="questionnaire-step-name" class="text-[#ccff00]">Identity</span>
- </div>
- <div class="h-2 overflow-hidden rounded-full bg-white/10" aria-hidden="true">
- <div id="questionnaire-progress" class="h-full w-1/4 rounded-full bg-[#ccff00] transition-all duration-300"></div>
- </div>
- </div>
-
- <div data-question-step="0">
- <label for="name" class="mb-3 block text-sm font-semibold uppercase tracking-[0.18em] text-gray-300">Name or Business Name <span class="text-[#ccff00]" aria-hidden="true">*</span><span class="sr-only"> required</span></label>
- <input id="name" name="name_or_business_name" type="text" autocomplete="name" required class="min-h-12 w-full rounded-2xl border border-white/10 bg-black px-6 py-5 text-white outline-none transition-colors placeholder:text-gray-600 focus:border-[#ccff00]" placeholder="Your name or business">
- </div>
-
- <fieldset data-question-step="1" class="hidden">
- <legend class="mb-4 text-sm font-semibold uppercase tracking-[0.18em] text-gray-300">Services Needed (select all that apply)<span class="text-[#ccff00]" aria-hidden="true">*</span><span class="sr-only"> required</span></legend>
- <div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
- <label class="service-chip cursor-pointer rounded-2xl border border-white/10 bg-black px-4 py-4 text-sm font-semibold text-gray-300 transition-colors"><input type="checkbox" name="services_needed" value="Website" class="sr-only">Custom website / Redesign</label>
- <label class="service-chip cursor-pointer rounded-2xl border border-white/10 bg-black px-4 py-4 text-sm font-semibold text-gray-300 transition-colors"><input type="checkbox" name="services_needed" value="Internal tool" class="sr-only">Internal tool or API</label>
- <label class="service-chip cursor-pointer rounded-2xl border border-white/10 bg-black px-4 py-4 text-sm font-semibold text-gray-300 transition-colors"><input type="checkbox" name="services_needed" value="Mobile app" class="sr-only">iOS or Android app</label>
- <label class="service-chip cursor-pointer rounded-2xl border border-white/10 bg-black px-4 py-4 text-sm font-semibold text-gray-300 transition-colors"><input type="checkbox" name="services_needed" value="Online store" class="sr-only">Subscriptions / Online stores</label>
- <label class="service-chip cursor-pointer rounded-2xl border border-white/10 bg-black px-4 py-4 text-sm font-semibold text-gray-300 transition-colors"><input type="checkbox" name="services_needed" value="AI Work" class="sr-only">AI automation or voice agents</label>
- <label class="service-chip cursor-pointer rounded-2xl border border-white/10 bg-black px-4 py-4 text-sm font-semibold text-gray-300 transition-colors"><input type="checkbox" name="services_needed" value="Other" class="sr-only">Other</label>
- </div>
- <p id="services-error" class="mt-3 hidden text-sm font-medium text-red-300">Select at least one service.</p>
- </fieldset>
-
- <div data-question-step="2" class="hidden">
- <label for="business-description" class="mb-3 block text-sm font-semibold uppercase tracking-[0.18em] text-gray-300">Tell us about your business <span class="text-gray-500 normal-case tracking-normal">(optional)</span></label>
- <textarea id="business-description" name="business_description" rows="6" class="min-h-36 w-full resize-none rounded-3xl border border-white/10 bg-black px-6 py-5 text-white outline-none transition-colors placeholder:text-gray-600 focus:border-[#ccff00]" placeholder="Optional: briefly describe what you do and any social media profiles you have. You can add your existing website URL if you have one."></textarea>
- </div>
-
- <div data-question-step="3" class="hidden">
- <div class="grid gap-6 md:grid-cols-2">
- <div>
- <label for="contact-email" class="mb-3 block text-sm font-semibold uppercase tracking-[0.18em] text-gray-300">Email address <span class="text-[#ccff00]" aria-hidden="true">*</span><span class="sr-only"> required</span></label>
- <input id="contact-email" name="contact_email" type="email" autocomplete="email" required class="min-h-12 w-full rounded-2xl border border-white/10 bg-black px-6 py-5 text-white outline-none transition-colors placeholder:text-gray-600 focus:border-[#ccff00]" placeholder="[email protected]">
- </div>
- <div>
- <label for="contact-phone" class="mb-3 block text-sm font-semibold uppercase tracking-[0.18em] text-gray-300">Phone number <span class="text-gray-500 normal-case tracking-normal">(optional)</span></label>
- <input id="contact-phone" name="contact_phone" type="tel" autocomplete="tel" class="min-h-12 w-full rounded-2xl border border-white/10 bg-black px-6 py-5 text-white outline-none transition-colors placeholder:text-gray-600 focus:border-[#ccff00]" placeholder="(555) 555-5555">
- </div>
- </div>
- </div>
-
- <div class="flex flex-col gap-3 sm:flex-row">
- <button type="button" id="questionnaire-back" class="hidden min-h-12 rounded-2xl bg-white/10 px-6 py-4 font-semibold text-white transition-colors hover:bg-white/15 sm:w-40">Back</button>
- <button type="button" id="questionnaire-next" class="min-h-12 flex-1 rounded-2xl bg-[#ccff00] px-8 py-4 text-lg font-bold text-black transition-colors hover:bg-white">Next</button>
- <button type="submit" id="questionnaire-submit" class="hidden min-h-12 flex-1 rounded-2xl bg-[#ccff00] px-8 py-4 text-lg font-bold text-black transition-colors hover:bg-white">Submit</button>
- </div>
- <div id="questionnaire-status" class="hidden rounded-3xl border border-white/10 bg-black px-8 py-8" tabindex="-1" aria-live="polite"></div>
- </form>
- </div>
- </section>
</main>
<footer class="border-t border-white/10 bg-black py-16">
@@ -447,7 +368,8 @@
<span class="logo-font -mt-1 block text-sm tracking-[3px] text-[#ccff00]">LABS</span>
</span>
</a>
- <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="text-gray-500">© 2026 <a href="https://harrisonerd.com/" class="transition-colors hover:text-[#ccff00]">Harrison Erd</a> • Pompano Beach, FL
+ <br><br><a href="mailto:[email protected]" class="transition-colors hover:text-[#ccff00]" style="margin-top:50px;">[email protected]</a></p>
</div>
</footer>
@@ -532,222 +454,6 @@
});
})();
- (function () {
- const form = document.getElementById('demo-questionnaire');
- const status = document.getElementById('questionnaire-status');
- const servicesError = document.getElementById('services-error');
- if (!form || !status || !servicesError) return;
-
- const steps = Array.from(form.querySelectorAll('[data-question-step]'));
- const backButton = document.getElementById('questionnaire-back');
- const nextButton = document.getElementById('questionnaire-next');
- const submitButton = document.getElementById('questionnaire-submit');
- const stepLabel = document.getElementById('questionnaire-step-label');
- const stepName = document.getElementById('questionnaire-step-name');
- const progress = document.getElementById('questionnaire-progress');
- const stepNames = ['Identity', 'Services', 'Business', 'Contact'];
- let currentStep = 0;
-
- if (!steps.length || !backButton || !nextButton || !submitButton || !stepLabel || !stepName || !progress) return;
-
- const defaultButtonText = submitButton.textContent.trim();
-
- function selectedServices() {
- return Array.from(form.querySelectorAll('input[name="services_needed"]:checked'));
- }
-
- function fieldsForStep(step) {
- return Array.from(step.querySelectorAll('input, textarea, select')).filter(field => !field.disabled);
- }
-
- function fieldValue(selector) {
- const field = form.querySelector(selector);
- return field ? field.value.trim() : '';
- }
-
- function checkedValue(selector) {
- const field = form.querySelector(`${selector}:checked`);
- return field ? field.value : '';
- }
-
- function buildMessage() {
- const services = selectedServices().map(input => input.value).join(', ');
-
- return [
- `Name or business: ${fieldValue('[name="name_or_business_name"]')}`,
- `Services needed: ${services}`,
- `Business description: ${fieldValue('[name="business_description"]') || 'Not provided'}`,
- `Email: ${fieldValue('[name="contact_email"]')}`,
- `Phone: ${fieldValue('[name="contact_phone"]') || 'Not provided'}`,
- ].join('\n');
- }
-
- function setStep(index, shouldFocus) {
- currentStep = Math.max(0, Math.min(index, steps.length - 1));
-
- steps.forEach((step, stepIndex) => {
- step.classList.toggle('hidden', stepIndex !== currentStep);
- });
-
- const isFirst = currentStep === 0;
- const isLast = currentStep === steps.length - 1;
-
- backButton.classList.toggle('hidden', isFirst);
- nextButton.classList.toggle('hidden', isLast);
- submitButton.classList.toggle('hidden', !isLast);
- stepLabel.textContent = `Question ${currentStep + 1} of ${steps.length}`;
- stepName.textContent = stepNames[currentStep] || '';
- progress.style.width = `${((currentStep + 1) / steps.length) * 100}%`;
-
- if (shouldFocus) {
- const firstField = fieldsForStep(steps[currentStep])[0];
- if (firstField) firstField.focus({ preventScroll: true });
- }
- }
-
- function validateStep(index) {
- const step = steps[index];
- if (!step) return true;
-
- const servicesStep = step.querySelector('input[name="services_needed"]');
- if (servicesStep) {
- const hasServices = selectedServices().length > 0;
- servicesError.classList.toggle('hidden', hasServices);
- if (!hasServices) {
- servicesError.scrollIntoView({ behavior: 'smooth', block: 'center' });
- return false;
- }
- }
-
- for (const field of fieldsForStep(step)) {
- if (!field.checkValidity()) {
- field.reportValidity();
- return false;
- }
- }
-
- return true;
- }
-
- function validateAllSteps() {
- for (let index = 0; index < steps.length; index++) {
- setStep(index, false);
- if (!validateStep(index)) return false;
- }
-
- setStep(steps.length - 1, false);
- return true;
- }
-
- function showStatus(type, title, message) {
- const isSuccess = type === 'success';
- status.className = [
- 'rounded-3xl border px-8 py-8',
- isSuccess ? 'border-[#ccff00]/50 bg-[#ccff00]/10' : 'border-red-400/40 bg-red-950/30',
- ].join(' ');
- status.setAttribute('role', isSuccess ? 'status' : 'alert');
-
- const eyebrow = document.createElement('p');
- eyebrow.className = `text-sm font-semibold uppercase tracking-[0.2em] ${isSuccess ? 'text-[#ccff00]' : 'text-red-300'}`;
- eyebrow.textContent = isSuccess ? 'Questionnaire sent' : 'Questionnaire not sent';
-
- const heading = document.createElement('h3');
- heading.className = 'heading mt-3 text-3xl font-semibold tracking-tighter text-white';
- heading.textContent = title;
-
- const body = document.createElement('p');
- body.className = 'mt-4 text-lg leading-8 text-gray-300';
- body.textContent = message;
-
- status.replaceChildren(eyebrow, heading, body);
- status.classList.remove('hidden');
- status.focus({ preventScroll: true });
-
- if (isSuccess) {
- form.querySelectorAll(':scope > *:not(#questionnaire-status)').forEach(element => {
- element.remove();
- });
- }
- }
-
- form.addEventListener('submit', async event => {
- event.preventDefault();
-
- if (!validateAllSteps()) return;
-
- submitButton.disabled = true;
- submitButton.textContent = 'Sending...';
- submitButton.classList.add('cursor-wait', 'opacity-80');
-
- try {
- const formData = new FormData(form);
- const cleanFormData = new FormData();
- cleanFormData.append('_gotcha', formData.get('_gotcha') || '');
- cleanFormData.append('email', fieldValue('[name="contact_email"]'));
- cleanFormData.append('message', buildMessage());
-
- const response = await fetch(form.action, {
- method: form.method,
- body: cleanFormData,
- headers: { Accept: 'application/json' },
- });
- const data = await response.json().catch(() => ({}));
-
- if (!response.ok) {
- const errors = Array.isArray(data.errors)
- ? data.errors.map(error => error.message).filter(Boolean).join(' ')
- : '';
- throw new Error(errors || 'The questionnaire could not be submitted.');
- }
-
- showStatus(
- 'success',
- 'Thanks. We will build your demo from this.',
- 'Your questionnaire was sent successfully. We will review it and respond with the next step.'
- );
- } catch (error) {
- showStatus(
- 'error',
- 'We could not send your questionnaire.',
- error.message || 'Please refresh the page and try again in a moment.'
- );
- } finally {
- if (!status.getAttribute('role') || status.getAttribute('role') === 'alert') {
- submitButton.disabled = false;
- }
- submitButton.textContent = defaultButtonText;
- submitButton.classList.remove('cursor-wait', 'opacity-80');
- }
- });
-
- nextButton.addEventListener('click', () => {
- if (validateStep(currentStep)) {
- setStep(currentStep + 1, true);
- }
- });
-
- backButton.addEventListener('click', () => {
- setStep(currentStep - 1, true);
- });
-
- form.querySelectorAll('input[name="services_needed"]').forEach(input => {
- input.addEventListener('change', () => {
- if (selectedServices().length > 0) {
- servicesError.classList.add('hidden');
- }
- });
- });
-
- form.addEventListener('keydown', event => {
- if (event.key === 'Enter' && event.target.tagName !== 'TEXTAREA' && currentStep < steps.length - 1) {
- event.preventDefault();
- nextButton.click();
- }
- });
-
- setStep(0, false);
- })();
-
</script>
</body>
</html>
diff --git a/docs/index.tailwind.css b/docs/index.tailwind.css
index 1420066..117a890 100644
--- a/docs/index.tailwind.css
+++ b/docs/index.tailwind.css
@@ -1 +1 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mt-1{margin-top:-.25rem}.mb-10{margin-bottom:2.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-10{margin-top:2.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-48{height:12rem}.h-9{height:2.25rem}.h-full{height:100%}.min-h-12{min-height:3rem}.min-h-36{min-height:9rem}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize-none{resize:none}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-\[\#ccff00\]{--tw-border-opacity:1;border-color:rgb(204 255 0/var(--tw-border-opacity,1))}.border-\[\#ccff00\]\/50{border-color:rgba(204,255,0,.5)}.border-red-400\/40{border-color:hsla(0,91%,71%,.4)}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.bg-\[\#ccff00\]{--tw-bg-opacity:1;background-color:rgb(204 255 0/var(--tw-bg-opacity,1))}.bg-\[\#ccff00\]\/10{background-color:rgba(204,255,0,.1)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-red-950\/30{background-color:rgba(69,10,10,.3)}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:.375rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pr-3{padding-right:.75rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.28em\]{letter-spacing:.28em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[3px\]{letter-spacing:3px}.tracking-normal{letter-spacing:0}.tracking-tighter{letter-spacing:-.05em}.text-\[\#ccff00\]{--tw-text-opacity:1;color:rgb(204 255 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-80{opacity:.8}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.placeholder\:text-gray-600::-moz-placeholder{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.placeholder\:text-gray-600::placeholder{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/15:hover{background-color:hsla(0,0%,100%,.15)}.hover\:text-\[\#ccff00\]:hover{--tw-text-opacity:1;color:rgb(204 255 0/var(--tw-text-opacity,1))}.focus\:border-\[\#ccff00\]:focus{--tw-border-opacity:1;border-color:rgb(204 255 0/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[\#ccff00\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(204 255 0/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-\[\#17212b\]:focus-visible{--tw-ring-offset-color:#17212b}@media (min-width:640px){.sm\:w-40{width:10rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-7{gap:1.75rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1024px){.lg\:mx-0{margin-left:0;margin-right:0}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-\[1\.3fr_0\.7fr\]{grid-template-columns:1.3fr .7fr}.lg\:items-end{align-items:flex-end}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:text-8xl{font-size:6rem;line-height:1}}
\ No newline at end of file
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.isolate{isolation:isolate}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mt-1{margin-top:-.25rem}.mb-10{margin-bottom:2.5rem}.mb-6{margin-bottom:1.5rem}.mt-10{margin-top:2.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-9{margin-top:2.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-48{height:12rem}.h-9{height:2.25rem}.min-h-12{min-height:3rem}.min-h-screen{min-height:100vh}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-\[\#ccff00\]{--tw-border-opacity:1;border-color:rgb(204 255 0/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.bg-\[\#ccff00\]{--tw-bg-opacity:1;background-color:rgb(204 255 0/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1\.5{padding:.375rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.pr-3{padding-right:.75rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[3px\]{letter-spacing:3px}.tracking-tighter{letter-spacing:-.05em}.text-\[\#ccff00\]{--tw-text-opacity:1;color:rgb(204 255 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:text-\[\#ccff00\]:hover{--tw-text-opacity:1;color:rgb(204 255 0/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[\#ccff00\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(204 255 0/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-\[\#17212b\]:focus-visible{--tw-ring-offset-color:#17212b}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-7{gap:1.75rem}.md\:px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1024px){.lg\:mx-0{margin-left:0;margin-right:0}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-\[1\.3fr_0\.7fr\]{grid-template-columns:1.3fr .7fr}.lg\:items-end{align-items:flex-end}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width:1280px){.xl\:text-8xl{font-size:6rem;line-height:1}}
\ No newline at end of file
diff --git a/docs/index_old.html b/docs/index_old.html
index 779546a..e94cf4f 100644
--- a/docs/index_old.html
+++ b/docs/index_old.html
@@ -160,9 +160,9 @@
<a href="index.html#why-us" class="hover:text-[#ccff00] transition-colors">Why Us</a>
<a href="index.html#work" class="hover:text-[#ccff00] transition-colors">Our Work</a>
<a href="index.html#about" class="hover:text-[#ccff00] transition-colors">About</a>
- <a href="index.html#contact" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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>
@@ -180,7 +180,7 @@
</div>
<div class="mx-auto flex max-w-xl flex-col items-start gap-8 lg:mx-0">
<div class="flex flex-wrap gap-5 justify-start">
- <a href="#contact" class="px-8 py-5 bg-[#ccff00] hover:bg-white text-black font-semibold rounded-3xl text-lg transition-all flex items-center gap-3 group">
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="px-8 py-5 bg-[#ccff00] hover:bg-white text-black font-semibold rounded-3xl text-lg transition-all flex items-center gap-3 group">
Get a FREE demo
<span class="group-hover:rotate-45 transition-transform">→</span>
</a>
@@ -413,34 +413,6 @@
</div>
</section>
- <!-- CTA -->
- <section id="contact" class="py-28 border-t border-b border-white/10 bg-zinc-950">
- <div class="max-w-3xl mx-auto text-center px-6">
- <h2 class="heading text-6xl font-bold tracking-tighter mb-6">Ready to build something exceptional?</h2>
- <p class="text-xl text-gray-400 mb-10">Tell us about your project. We reply the same day!</p>
- <form id="contact-form" class="space-y-6" action="https://formspree.io/f/xeedjery" method="POST">
- <input type="hidden" name="_subject" value="New project inquiry from After Dark Labs">
- <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
- <div class="text-left">
- <label for="contact-name" class="mb-2 block text-sm font-medium text-gray-300">Your Name</label>
- <input id="contact-name" type="text" name="name" placeholder="Your Name" autocomplete="name" required class="min-h-12 w-full bg-zinc-900 border border-white/10 focus:border-[#ccff00] rounded-2xl px-6 py-5 outline-none transition-colors">
- </div>
- <div class="text-left">
- <label for="contact-email" class="mb-2 block text-sm font-medium text-gray-300">Business Email</label>
- <input id="contact-email" type="email" name="email" placeholder="Business Email" autocomplete="email" required class="min-h-12 w-full bg-zinc-900 border border-white/10 focus:border-[#ccff00] rounded-2xl px-6 py-5 outline-none transition-colors">
- </div>
- </div>
- <div class="text-left">
- <label for="contact-message" class="mb-2 block text-sm font-medium text-gray-300">Project Details</label>
- <textarea id="contact-message" name="message" placeholder="Tell us about your project..." rows="6" required class="w-full min-h-36 bg-zinc-900 border border-white/10 focus:border-[#ccff00] rounded-3xl px-6 py-5 outline-none resize-none"></textarea>
- </div>
- <button type="submit" class="min-h-12 w-full py-6 bg-[#ccff00] text-black font-bold text-xl rounded-3xl hover:scale-[1.02] transition-all">
- Send Message
- </button>
- </form>
- <div id="contact-status" class="hidden rounded-3xl border border-white/10 bg-zinc-900 px-8 py-10 text-left" tabindex="-1" aria-live="polite"></div>
- </div>
- </section>
</main>
<!-- FOOTER -->
@@ -460,83 +432,6 @@
</div>
<script>
- (function () {
- const form = document.getElementById('contact-form');
- const status = document.getElementById('contact-status');
-
- if (!form || !status) return;
-
- const submitButton = form.querySelector('button[type="submit"]');
- const defaultButtonText = submitButton.textContent.trim();
-
- function showStatus(type, title, message) {
- const isSuccess = type === 'success';
- status.className = [
- 'rounded-3xl border px-8 py-10 text-left',
- isSuccess ? 'border-[#ccff00]/40 bg-[#ccff00]/10' : 'border-red-400/40 bg-red-950/30',
- ].join(' ');
- status.setAttribute('role', isSuccess ? 'status' : 'alert');
-
- const eyebrow = document.createElement('p');
- eyebrow.className = `text-sm font-semibold uppercase tracking-[0.2em] ${isSuccess ? 'text-[#ccff00]' : 'text-red-300'}`;
- eyebrow.textContent = isSuccess ? 'Message sent' : 'Message not sent';
-
- const heading = document.createElement('h3');
- heading.className = 'heading mt-3 text-3xl font-semibold tracking-tighter text-white';
- heading.textContent = title;
-
- const body = document.createElement('p');
- body.className = 'mt-4 text-lg leading-8 text-gray-300';
- body.textContent = message;
-
- status.replaceChildren(eyebrow, heading, body);
- form.remove();
- status.focus({ preventScroll: true });
- }
-
- form.addEventListener('submit', async event => {
- event.preventDefault();
-
- if (!form.reportValidity()) return;
-
- submitButton.disabled = true;
- submitButton.textContent = 'Sending...';
- submitButton.classList.add('cursor-wait', 'opacity-80');
-
- try {
- const response = await fetch(form.action, {
- method: form.method,
- body: new FormData(form),
- headers: { Accept: 'application/json' },
- });
- const data = await response.json().catch(() => ({}));
-
- if (!response.ok) {
- const errors = Array.isArray(data.errors)
- ? data.errors.map(error => error.message).filter(Boolean).join(' ')
- : '';
- throw new Error(errors || 'The message could not be submitted.');
- }
-
- showStatus(
- 'success',
- 'Thank you. We will be in touch soon.',
- 'Your project details were sent successfully, and we will reply as soon as possible.'
- );
- } catch (error) {
- showStatus(
- 'error',
- 'We could not send your message.',
- error.message || 'Please refresh the page and try again in a moment.'
- );
- } finally {
- submitButton.disabled = false;
- submitButton.textContent = defaultButtonText;
- submitButton.classList.remove('cursor-wait', 'opacity-80');
- }
- });
- })();
-
(function () {
const modal = document.getElementById('work-modal');
const modalImage = document.getElementById('work-modal-image');
diff --git a/docs/influencer-marketing-social-media.html b/docs/influencer-marketing-social-media.html
index 9587f1f..a06a928 100644
--- a/docs/influencer-marketing-social-media.html
+++ b/docs/influencer-marketing-social-media.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 7775fcd..785201a 100644
--- a/docs/mobile-app-branding-ui-ux.html
+++ b/docs/mobile-app-branding-ui-ux.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 857d9e6..0ffd978 100644
--- a/docs/mobile-apps.html
+++ b/docs/mobile-apps.html
@@ -77,9 +77,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 4943e4c..79c0f49 100644
--- a/docs/online-bookings-appointments-memberships.html
+++ b/docs/online-bookings-appointments-memberships.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 475cd8b..41b611b 100644
--- a/docs/seo-performance-optimization.html
+++ b/docs/seo-performance-optimization.html
@@ -64,9 +64,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 2559153..6083949 100644
--- a/docs/service-business-website-design.html
+++ b/docs/service-business-website-design.html
@@ -115,9 +115,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 9d1763f..1d6f5a9 100644
--- a/docs/shopify-migration-optimization.html
+++ b/docs/shopify-migration-optimization.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 0996536..01f2b99 100644
--- a/docs/shopify-seo-optimization.html
+++ b/docs/shopify-seo-optimization.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 8e0d6f7..b88ae58 100644
--- a/docs/shopify-store-design.html
+++ b/docs/shopify-store-design.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 dd19606..708ba01 100644
--- a/docs/shopify-stores.html
+++ b/docs/shopify-stores.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 93a03b6..1548c22 100644
--- a/docs/site.js
+++ b/docs/site.js
@@ -47,7 +47,6 @@
{ id: 'how-it-works', href: 'index.html#how-it-works' },
{ id: 'work', href: 'index.html#work' },
{ id: 'about', href: 'index.html#about' },
- { id: 'questionnaire', href: 'index.html#questionnaire' },
];
function setActive(href) {
diff --git a/docs/small-business-website-design.html b/docs/small-business-website-design.html
index 08c04c3..10ae713 100644
--- a/docs/small-business-website-design.html
+++ b/docs/small-business-website-design.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 892ea6f..0af531e 100644
--- a/docs/websites.html
+++ b/docs/websites.html
@@ -77,9 +77,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 4dbdaa6..2c1bffa 100644
--- a/docs/why-not-godaddy-website-builder.html
+++ b/docs/why-not-godaddy-website-builder.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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">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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 9229cd3..7f3659f 100644
--- a/docs/why-not-shopify.html
+++ b/docs/why-not-shopify.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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">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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 a7f8c37..538f715 100644
--- a/docs/why-not-squarespace.html
+++ b/docs/why-not-squarespace.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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">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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 f650144..99ae43a 100644
--- a/docs/why-not-webflow.html
+++ b/docs/why-not-webflow.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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">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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 d53a48e..a2f3a97 100644
--- a/docs/why-not-wix.html
+++ b/docs/why-not-wix.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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">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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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 a54dfd2..5d449a5 100644
--- a/docs/why-not-wordpress.html
+++ b/docs/why-not-wordpress.html
@@ -109,9 +109,9 @@
<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#questionnaire" class="hover:text-[#ccff00] transition-colors">Contact</a>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" class="hover:text-[#ccff00] transition-colors">Contact</a>
</div>
- <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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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">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#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>
+ <a href="https://calendly.com/harrison-afterdarklabs/30min" target="_blank" rel="noopener noreferrer" 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>