patx/afterdarklabs
update services
Commit 4a3d7e9 · patx · 2026-06-03T07:29:01-04:00
Comments
No comments yet.
Diff
diff --git a/docs/index.html b/docs/index.html
index 43f321f..574f4f1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -260,8 +260,32 @@
<h2 class="heading text-4xl font-semibold leading-none tracking-tighter md:text-6xl">Built different, by design.</h2>
<div class="mt-8 max-w-3xl space-y-6 text-lg leading-8 text-gray-300">
<p>After Dark Labs, run by <a href="https://harrisonerd.com/" class="font-semibold text-white underline decoration-[#ccff00]/60 underline-offset-4 transition-colors hover:text-[#ccff00]">Harrison Erd</a>, makes websites and applications for businesses across the United States.</p>
- <p>Instead of relying only on templates, plugins, and cookie-cutter AI site builders that end up costing you money instead of making it for you, we build real software from the ground up — custom code, backend APIs, databases, 3rd party integrations, and tools designed around how your business actually works.</p>
- <p>We create business websites, personal websites, Shopify stores, mobile apps, and internal tools. We can also implement memberships, subscriptions, portals, online payments, blogs, online bookings and more within your site. SEO, hosting, logo design, backend systems, and custom integrations can all be included, giving your business a complete digital foundation built to grow.</p>
+ <p>Instead of templates, plugins, and cookie-cutter AI site builders that end up costing you tons of money and time, we build real software from the ground up, designed around how your business actually works.</p>
+ <p>
+ <div class="flex flex-wrap gap-3">
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Business websites</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Personal websites</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Shopify stores</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">iOS and Android apps</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Customer portals</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Admin dashboards</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Booking systems</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Membership sites</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Subscription platforms</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Internal tools</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Custom web applications</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Online payments</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Blogs</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">SEO & GEO</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Domain name & hosting</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Logo design</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">CRM-style lead capture</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Email/SMS notifications</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">Backend APIs</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">AI-powered features</span>
+ <span class="rounded-full border border-[#ccff00]/30 bg-[#ccff00]/10 px-4 py-2 text-sm font-semibold text-white shadow-[0_0_24px_rgba(204,255,0,0.08)]">3rd party integrations</span>
+ </div>
+ </p>
</div>
</div>
</section>
@@ -272,7 +296,7 @@
<p class="mb-5 text-sm font-bold uppercase tracking-[0.28em] text-[#ccff00]">A sample of what we have shipped. </p>
<h2 class="heading text-4xl font-semibold tracking-tighter md:text-6xl">Our Work</h2>
</div>
- <div class="grid gap-5 md:grid-cols-3">
+ <div class="grid gap-5 md:grid-cols-4">
<article class="overflow-hidden rounded-3xl bg-zinc-950">
<button type="button" class="block w-full cursor-zoom-in overflow-hidden rounded-t-3xl text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-[#17212b]" data-work-preview>
<img src="https://afterdarklabs.io/miadruck.png?v=1" width="1901" height="1079" loading="lazy" class="h-48 w-full object-cover" alt="Mia Druck real estate website project by After Dark Labs">
@@ -345,18 +369,18 @@
<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="Business website" class="sr-only">Business website</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="Personal website" class="sr-only">Personal website</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="Shopify store" class="sr-only">Shopify store</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="E-commerce" class="sr-only">E-commerce/Online Payments</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="E-commerce" class="sr-only">E-commerce & Online Payments</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 bookings" class="sr-only">Online bookings</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="Appointments" class="sr-only">Appointments</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="Subscriptions" class="sr-only">Subscriptions</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="Blog or content site" class="sr-only">Blog or content site</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="Dashboard" class="sr-only">Dashboard or Portal</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</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">Mobile 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="Redesign" class="sr-only">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="SEO" class="sr-only">SEO</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="Saas MVP" class="sr-only">SaaS MVP</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="Backend or API integrations" class="sr-only">Backend or API integrations</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>