patx/afterdarklabs
improve seo
Commit b891b78 · patx · 2026-05-16T15:24:43-04:00
Comments
No comments yet.
Diff
diff --git a/docs/CNAME b/docs/CNAME
new file mode 100644
index 0000000..b810f0e
--- /dev/null
+++ b/docs/CNAME
@@ -0,0 +1 @@
+afterdarklabs.io
diff --git a/docs/about.html b/docs/about.html
index 18fafb0..04fefe4 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -5,14 +5,43 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
<title>About Harrison Erd and After Dark Labs | Custom Apps and Websites</title>
- <meta name="description" content="After Dark Labs is run by Harrison Erd, a solo product builder with 15+ years of hands-on experience shipping custom apps, websites, and digital products for U.S. businesses.">
- <link rel="canonical" href="/about.html">
+ <meta name="description" content="Meet Harrison Erd, the solo builder behind After Dark Labs, delivering custom websites, mobile apps, and digital products for U.S. businesses.">
+ <link rel="canonical" href="https://afterdarklabs.io/about.html">
<meta property="og:title" content="About Harrison Erd and After Dark Labs | Custom Apps and Websites">
- <meta property="og:description" content="Work directly with Harrison Erd, the solo operator behind After Dark Labs, for senior custom app, website, and digital product execution without agency overhead.">
+ <meta property="og:description" content="Work directly with Harrison Erd, the solo operator behind After Dark Labs, for senior custom app, website, and digital product execution.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/about.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="About Harrison Erd and After Dark Labs | Custom Apps and Websites">
+ <meta name="twitter:description" content="Work directly with Harrison Erd, the solo operator behind After Dark Labs, for senior custom app, website, and digital product execution.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "About",
+ "item": "https://afterdarklabs.io/about.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
diff --git a/docs/app-store-launch-support.html b/docs/app-store-launch-support.html
index 0f39a63..1df7ead 100644
--- a/docs/app-store-launch-support.html
+++ b/docs/app-store-launch-support.html
@@ -4,15 +4,50 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
- <title>App Store Launch and Support for iOS and Android | After Dark Labs</title>
+ <title>App Store Launch Support for iOS and Android | After Dark Labs</title>
<meta name="description" content="App Store and Google Play launch support for custom mobile apps, including release preparation, store assets, submissions, updates, and post-launch improvements.">
- <link rel="canonical" href="/app-store-launch-support.html">
- <meta property="og:title" content="App Store Launch and Support for iOS and Android | After Dark Labs">
- <meta property="og:description" content="Prepare, submit, launch, and improve your custom iOS and Android app with After Dark Labs.">
+ <link rel="canonical" href="https://afterdarklabs.io/app-store-launch-support.html">
+ <meta property="og:title" content="App Store Launch Support for iOS and Android | After Dark Labs">
+ <meta property="og:description" content="Prepare, submit, launch, and improve your custom iOS and Android app with organized app store launch support.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/app-store-launch-support.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="App Store Launch Support for iOS and Android | After Dark Labs">
+ <meta name="twitter:description" content="Prepare, submit, launch, and improve your custom iOS and Android app with organized app store launch support.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Mobile Apps",
+ "item": "https://afterdarklabs.io/mobile-apps.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "App Store Launch Support",
+ "item": "https://afterdarklabs.io/app-store-launch-support.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,6 +100,19 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Prepared for review and release</h2>
+ <p class="leading-8">A launch-ready mobile app needs more than a final build. Store copy, screenshots, icons, privacy details, release notes, testing paths, and account setup all affect how smoothly submission goes.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Support after the first version</h2>
+ <p class="leading-8">The first release is only the start. Early user feedback, store review notes, production fixes, analytics, and version updates help turn a launched app into a stronger long-term product.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Launch with the next update already in mind.</h2>
diff --git a/docs/backend-api-integration.html b/docs/backend-api-integration.html
index 1eb6ad7..c38b806 100644
--- a/docs/backend-api-integration.html
+++ b/docs/backend-api-integration.html
@@ -5,14 +5,49 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
<title>Backend and API Integration for Mobile Apps | After Dark Labs</title>
- <meta name="description" content="Backend and API integration for mobile apps, including authentication, databases, payment systems, notifications, dashboards, and third-party services.">
- <link rel="canonical" href="/backend-api-integration.html">
+ <meta name="description" content="Backend and API integration for mobile apps, including authentication, databases, payments, notifications, dashboards, and third-party services.">
+ <link rel="canonical" href="https://afterdarklabs.io/backend-api-integration.html">
<meta property="og:title" content="Backend and API Integration for Mobile Apps | After Dark Labs">
- <meta property="og:description" content="Connect your custom mobile app to the backend systems and APIs it needs to operate.">
+ <meta property="og:description" content="Connect your custom mobile app to the backend systems, data, payments, notifications, dashboards, and APIs it needs to operate.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/backend-api-integration.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Backend and API Integration for Mobile Apps | After Dark Labs">
+ <meta name="twitter:description" content="Connect your custom mobile app to the backend systems, data, payments, notifications, dashboards, and APIs it needs to operate.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Mobile Apps",
+ "item": "https://afterdarklabs.io/mobile-apps.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Backend and API Integration",
+ "item": "https://afterdarklabs.io/backend-api-integration.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,6 +100,19 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Planned around the product workflow</h2>
+ <p class="leading-8">Backend architecture should match what the app needs to do on day one and what it may need after launch. We map the data, permissions, payments, notifications, and admin needs before connecting services.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Useful beyond the app screen</h2>
+ <p class="leading-8">The best mobile products often need dashboards, support views, automations, and web-based tools behind them. When the app and backend are designed together, the business can operate the product with less manual work.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Build the systems behind the app.</h2>
diff --git a/docs/brand-positioning-creative-strategy.html b/docs/brand-positioning-creative-strategy.html
index d878136..614ed38 100644
--- a/docs/brand-positioning-creative-strategy.html
+++ b/docs/brand-positioning-creative-strategy.html
@@ -6,13 +6,48 @@
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
<title>Brand Positioning and Creative Strategy | After Dark Labs</title>
<meta name="description" content="Brand positioning and creative strategy for custom websites, including messaging, visual direction, campaign ideas, and conversion-focused content planning.">
- <link rel="canonical" href="/brand-positioning-creative-strategy.html">
+ <link rel="canonical" href="https://afterdarklabs.io/brand-positioning-creative-strategy.html">
<meta property="og:title" content="Brand Positioning and Creative Strategy | After Dark Labs">
- <meta property="og:description" content="Clarify your offer, message, and creative direction before building a custom website.">
+ <meta property="og:description" content="Clarify your offer, message, and creative direction before building or improving a custom website.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/brand-positioning-creative-strategy.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Brand Positioning and Creative Strategy | After Dark Labs">
+ <meta name="twitter:description" content="Clarify your offer, message, and creative direction before building or improving a custom website.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Websites",
+ "item": "https://afterdarklabs.io/websites.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Brand Positioning and Creative Strategy",
+ "item": "https://afterdarklabs.io/brand-positioning-creative-strategy.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,6 +100,19 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">A clearer reason to choose you</h2>
+ <p class="leading-8">Strong positioning gives the website a point of view. It helps explain what you do, who it is for, why it matters, and what makes the next step worth taking.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Creative that supports action</h2>
+ <p class="leading-8">Messaging, visuals, content ideas, and conversion paths should work together. The goal is a website that feels distinct while still making it easy for visitors to understand the offer and reach out.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Make your website feel intentional.</h2>
diff --git a/docs/custom-web-development-ecommerce.html b/docs/custom-web-development-ecommerce.html
index c70a0ab..7f1e911 100644
--- a/docs/custom-web-development-ecommerce.html
+++ b/docs/custom-web-development-ecommerce.html
@@ -4,15 +4,50 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
- <title>Custom Web Development and E-commerce Solutions | After Dark Labs</title>
- <meta name="description" content="Custom web development and ecommerce solutions for businesses that need fast storefronts, polished service pages, product catalogs, checkout flows, and reliable digital tools.">
- <link rel="canonical" href="/custom-web-development-ecommerce.html">
- <meta property="og:title" content="Custom Web Development and E-commerce Solutions | After Dark Labs">
- <meta property="og:description" content="After Dark Labs builds custom websites and ecommerce systems for businesses across the U.S.">
+ <title>Custom Web Development and Ecommerce Solutions | After Dark Labs</title>
+ <meta name="description" content="Custom web development and ecommerce solutions for U.S. businesses that need fast storefronts, polished service pages, checkout flows, and reliable digital tools.">
+ <link rel="canonical" href="https://afterdarklabs.io/custom-web-development-ecommerce.html">
+ <meta property="og:title" content="Custom Web Development and Ecommerce Solutions | After Dark Labs">
+ <meta property="og:description" content="Custom websites, ecommerce storefronts, product pages, service pages, checkout paths, and digital tools for U.S. businesses.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/custom-web-development-ecommerce.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Custom Web Development and Ecommerce Solutions | After Dark Labs">
+ <meta name="twitter:description" content="Custom websites, ecommerce storefronts, product pages, service pages, checkout paths, and digital tools for U.S. businesses.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Websites",
+ "item": "https://afterdarklabs.io/websites.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Custom Web Development and Ecommerce",
+ "item": "https://afterdarklabs.io/custom-web-development-ecommerce.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,10 +100,23 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Built around the way you sell</h2>
+ <p class="leading-8">The strongest custom websites do more than look polished. They make the offer clear, guide visitors through the right information, and connect sales paths to the systems your team already uses.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Ready for the next step</h2>
+ <p class="leading-8">A website can start as a focused marketing site and grow into ecommerce, booking, customer portals, or connected app workflows. For product experiences beyond the browser, After Dark Labs also builds <a href="mobile-apps.html" class="text-[#ccff00] hover:text-white transition-colors">custom mobile apps</a>.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Build a website around how your business sells.</h2>
- <p class="text-gray-400 text-lg mb-8">Custom web development from a Fort Lauderdale-based team serving businesses across the U.S.</p>
+ <p class="text-gray-400 text-lg mb-8">Custom web development for businesses across the U.S.</p>
<a href="index.html#contact" class="inline-flex 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>→</span></a>
</div>
</section>
diff --git a/docs/index.html b/docs/index.html
index 39a8606..9422eba 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,12 +4,17 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
- <title>After Dark Labs | Custom Mobile Apps & Websites</title>
- <meta name="description" content="After Dark Labs builds custom mobile apps and high-performance websites for businesses across America, with strategy, design, development, SEO, and launch support.">
- <link rel="canonical" href="/index.html">
- <meta property="og:title" content="After Dark Labs | Custom Mobile Apps & Websites">
- <meta property="og:description" content="Custom mobile apps and high-performance websites from a Fort Lauderdale-based team serving businesses across the U.S.">
+ <title>Custom Websites and Mobile Apps for U.S. Businesses | After Dark Labs</title>
+ <meta name="description" content="After Dark Labs builds custom websites and mobile apps for U.S. businesses, combining strategy, design, development, SEO, integrations, and launch support.">
+ <link rel="canonical" href="https://afterdarklabs.io/">
+ <meta property="og:title" content="Custom Websites and Mobile Apps for U.S. Businesses | After Dark Labs">
+ <meta property="og:description" content="Custom websites and mobile apps for U.S. businesses, built with strategy, design, development, SEO, integrations, and launch support.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Custom Websites and Mobile Apps for U.S. Businesses | After Dark Labs">
+ <meta name="twitter:description" content="Custom websites and mobile apps for U.S. businesses, built with strategy, design, development, SEO, integrations, and launch support.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<style>
@@ -59,6 +64,39 @@
z-index: 1;
}
</style>
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Organization",
+ "@id": "https://afterdarklabs.io/#organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/",
+ "logo": "https://afterdarklabs.io/moon-stars-fill.svg",
+ "founder": {
+ "@type": "Person",
+ "name": "Harrison Erd"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ },
+ "description": "After Dark Labs builds custom websites and mobile apps for U.S. businesses, combining strategy, design, development, SEO, integrations, and launch support."
+ },
+ {
+ "@type": "WebSite",
+ "@id": "https://afterdarklabs.io/#website",
+ "url": "https://afterdarklabs.io/",
+ "name": "After Dark Labs",
+ "publisher": {
+ "@id": "https://afterdarklabs.io/#organization"
+ },
+ "description": "After Dark Labs builds custom websites and mobile apps for U.S. businesses, combining strategy, design, development, SEO, integrations, and launch support."
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
@@ -94,10 +132,10 @@
<div class="hero-content max-w-4xl mx-auto px-6 py-32 flex flex-col items-center text-center w-full">
<div class="space-y-8">
<h1 class="heading text-7xl md:text-8xl font-bold leading-none tracking-tighter">
- Digital solutions<br>that help businesses<br><span class="neon-text">thrive</span>.
+ Custom websites<br>and mobile apps<br>that help businesses<br><span class="neon-text">thrive</span>.
</h1>
<p class="text-xl text-gray-300 max-w-xl mx-auto">
- Custom mobile apps and blazing-fast websites for businesses across America.
+ Strategy, design, development, SEO, integrations, and launch support for U.S. businesses that need digital products built with focus.
</p>
<div class="flex flex-wrap gap-5 justify-center">
<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">
@@ -117,13 +155,13 @@
<div class="max-w-7xl mx-auto px-6">
<div class="text-center mb-16">
<h2 class="heading text-5xl font-semibold tracking-tighter mb-4">What We Build</h2>
- <p class="text-gray-400">Premium custom development with an edge.</p>
+ <p class="text-gray-400">Custom website development and mobile app development for businesses that need useful, polished digital products.</p>
</div>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-zinc-900 border border-white/10 rounded-3xl p-10 card-hover">
<div class="w-14 h-14 bg-[#ccff00] text-black rounded-2xl flex items-center justify-center mb-8 text-3xl">📱</div>
<h3 class="text-3xl font-semibold mb-3"><a href="mobile-apps.html" class="hover:text-[#ccff00] transition-colors">Custom Mobile Apps</a></h3>
- <p class="text-gray-400 mb-8">Beautiful iOS, Android & cross-platform apps that stand out.</p>
+ <p class="text-gray-400 mb-8">Custom iOS, Android, and cross-platform apps with branding, UI/UX, backend integrations, launch support, and marketing momentum.</p>
<ul class="space-y-4 text-sm">
<li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> <a href="mobile-app-branding-ui-ux.html" class="hover:text-[#ccff00] transition-colors">Branding, logo design, stunning UI/UX</a></li>
<li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> <a href="backend-api-integration.html" class="hover:text-[#ccff00] transition-colors">Backend + API Integration</a></li>
@@ -135,7 +173,7 @@
<div class="bg-zinc-900 border border-white/10 rounded-3xl p-10 card-hover">
<div class="w-14 h-14 bg-[#ccff00] text-black rounded-2xl flex items-center justify-center mb-8 text-3xl">🌐</div>
<h3 class="text-3xl font-semibold mb-3"><a href="websites.html" class="hover:text-[#ccff00] transition-colors">High-Performance Websites</a></h3>
- <p class="text-gray-400 mb-8">Fast, beautiful, conversion-focused websites that get results.</p>
+ <p class="text-gray-400 mb-8">Fast, conversion-focused websites for ecommerce, service pages, booking flows, memberships, SEO, and long-term business growth.</p>
<ul class="space-y-4 text-sm">
<li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> <a href="custom-web-development-ecommerce.html" class="hover:text-[#ccff00] transition-colors">Custom Web Development and E-commerce Solutions</a></li>
<li class="flex items-start gap-3"><i class="fas fa-check text-[#ccff00] mt-1"></i> <a href="online-bookings-appointments-memberships.html" class="hover:text-[#ccff00] transition-colors">Online bookings, appointments, and subscription memberships</a></li>
@@ -159,7 +197,7 @@
<div class="grid md:grid-cols-3 gap-8">
<div class="group rounded-3xl overflow-hidden border border-white/10">
<button type="button" class="block w-full cursor-zoom-in overflow-hidden text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-black" data-work-preview>
- <img src="miadruck.png" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" alt="Mia Druck real estate website project by After Dark Labs">
+ <img src="miadruck.png" width="1901" height="1079" loading="lazy" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" alt="Mia Druck real estate website project by After Dark Labs">
</button>
<div class="p-6">
<div class="text-[#ccff00] text-sm font-medium">Website • Real estate</div>
@@ -168,7 +206,7 @@
</div>
<div class="group rounded-3xl overflow-hidden border border-white/10">
<button type="button" class="block w-full cursor-zoom-in overflow-hidden text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-black" data-work-preview>
- <img src="gardenfresh.png" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" alt="Garden Fresh Wholesale ecommerce web app project by After Dark Labs">
+ <img src="gardenfresh.png" width="1901" height="1079" loading="lazy" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" alt="Garden Fresh Wholesale ecommerce web app project by After Dark Labs">
</button>
<div class="p-6">
<div class="text-[#ccff00] text-sm font-medium">Web App • E-commerce</div>
@@ -177,7 +215,7 @@
</div>
<div class="group rounded-3xl overflow-hidden border border-white/10">
<button type="button" class="block w-full cursor-zoom-in overflow-hidden text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-black" data-work-preview>
- <img src="invoiceotter.png" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" alt="Invoice Otter SaaS web app project by After Dark Labs">
+ <img src="invoiceotter.png" width="1901" height="1079" loading="lazy" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-500" alt="Invoice Otter SaaS web app project by After Dark Labs">
</button>
<div class="p-6">
<div class="text-[#ccff00] text-sm font-medium">Web App • SaaS</div>
diff --git a/docs/influencer-marketing-social-media.html b/docs/influencer-marketing-social-media.html
index 37aa7a3..44312ca 100644
--- a/docs/influencer-marketing-social-media.html
+++ b/docs/influencer-marketing-social-media.html
@@ -6,13 +6,48 @@
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
<title>Influencer Marketing for Mobile Apps | After Dark Labs</title>
<meta name="description" content="Influencer marketing and social media launch strategy for mobile apps, including creator outreach, content angles, campaign planning, and social proof.">
- <link rel="canonical" href="/influencer-marketing-social-media.html">
+ <link rel="canonical" href="https://afterdarklabs.io/influencer-marketing-social-media.html">
<meta property="og:title" content="Influencer Marketing for Mobile Apps | After Dark Labs">
- <meta property="og:description" content="Build social momentum for your mobile app launch with creator outreach and campaign strategy.">
+ <meta property="og:description" content="Build social momentum for your mobile app launch with creator outreach, campaign planning, content angles, and social proof.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/influencer-marketing-social-media.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Influencer Marketing for Mobile Apps | After Dark Labs">
+ <meta name="twitter:description" content="Build social momentum for your mobile app launch with creator outreach, campaign planning, content angles, and social proof.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Mobile Apps",
+ "item": "https://afterdarklabs.io/mobile-apps.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Influencer Marketing for Mobile Apps",
+ "item": "https://afterdarklabs.io/influencer-marketing-social-media.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,6 +100,19 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Positioned for attention</h2>
+ <p class="leading-8">Social campaigns work better when the app has a clear audience, a simple hook, and a story creators can explain quickly. We connect product positioning to content angles that fit the category.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Connected to the product funnel</h2>
+ <p class="leading-8">Creator traffic should have somewhere useful to go. Store listing copy, landing pages, demo flows, screenshots, and onboarding all help turn launch attention into installs, signups, and feedback.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Help the right users discover your app.</h2>
diff --git a/docs/mobile-app-branding-ui-ux.html b/docs/mobile-app-branding-ui-ux.html
index 3d4105b..64f98ac 100644
--- a/docs/mobile-app-branding-ui-ux.html
+++ b/docs/mobile-app-branding-ui-ux.html
@@ -6,13 +6,48 @@
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
<title>Mobile App Branding, Logo Design, and UI/UX | After Dark Labs</title>
<meta name="description" content="Mobile app branding, logo design, and UI/UX design for custom iOS, Android, and cross-platform apps that need a polished launch-ready identity.">
- <link rel="canonical" href="/mobile-app-branding-ui-ux.html">
+ <link rel="canonical" href="https://afterdarklabs.io/mobile-app-branding-ui-ux.html">
<meta property="og:title" content="Mobile App Branding, Logo Design, and UI/UX | After Dark Labs">
- <meta property="og:description" content="Create a launch-ready app identity, product flow, and mobile UI with After Dark Labs.">
+ <meta property="og:description" content="Create a launch-ready app identity, product flow, logo direction, and mobile UI for custom iOS, Android, and cross-platform apps.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/mobile-app-branding-ui-ux.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Mobile App Branding, Logo Design, and UI/UX | After Dark Labs">
+ <meta name="twitter:description" content="Create a launch-ready app identity, product flow, logo direction, and mobile UI for custom iOS, Android, and cross-platform apps.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Mobile Apps",
+ "item": "https://afterdarklabs.io/mobile-apps.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Mobile App Branding and UI/UX",
+ "item": "https://afterdarklabs.io/mobile-app-branding-ui-ux.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,6 +100,19 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Designed before it is built</h2>
+ <p class="leading-8">A mobile app needs more than attractive screens. The brand, onboarding, navigation, empty states, permissions, and core flows should all make the product easier to understand before development starts.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Launch-ready from the first impression</h2>
+ <p class="leading-8">Clear mobile UI and a recognizable product identity support store listings, social campaigns, investor demos, and the first few minutes a new user spends inside the app.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Design the app people remember.</h2>
diff --git a/docs/mobile-apps.html b/docs/mobile-apps.html
index e7296cc..676d64a 100644
--- a/docs/mobile-apps.html
+++ b/docs/mobile-apps.html
@@ -4,15 +4,60 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
- <title>Custom Mobile App Development | After Dark Labs</title>
- <meta name="description" content="After Dark Labs designs, builds, launches, and supports custom iOS, Android, and cross-platform mobile apps for businesses across the U.S.">
- <link rel="canonical" href="/mobile-apps.html">
- <meta property="og:title" content="Custom Mobile App Development | After Dark Labs">
- <meta property="og:description" content="Mobile app branding, UI/UX, backend integrations, app store launch support, and social media marketing from a Fort Lauderdale-based team.">
+ <title>Custom Mobile App Development for U.S. Businesses | After Dark Labs</title>
+ <meta name="description" content="After Dark Labs designs, builds, launches, and supports custom iOS, Android, and cross-platform mobile apps for U.S. businesses.">
+ <link rel="canonical" href="https://afterdarklabs.io/mobile-apps.html">
+ <meta property="og:title" content="Custom Mobile App Development for U.S. Businesses | After Dark Labs">
+ <meta property="og:description" content="Custom mobile app development, branding, UI/UX, backend integrations, app store launch support, and app marketing for U.S. businesses.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/mobile-apps.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Custom Mobile App Development for U.S. Businesses | After Dark Labs">
+ <meta name="twitter:description" content="Custom mobile app development, branding, UI/UX, backend integrations, app store launch support, and app marketing for U.S. businesses.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom mobile app development",
+ "serviceType": "Custom mobile app development",
+ "url": "https://afterdarklabs.io/mobile-apps.html",
+ "description": "After Dark Labs designs, builds, launches, and supports custom iOS, Android, and cross-platform mobile apps for U.S. businesses.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Mobile Apps",
+ "item": "https://afterdarklabs.io/mobile-apps.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -41,7 +86,7 @@
<div class="max-w-5xl mx-auto px-6">
<p class="text-[#ccff00] font-semibold mb-5">Custom mobile app development</p>
<h1 class="heading text-5xl md:text-7xl font-bold tracking-tighter leading-none mb-8">Mobile apps built for launch and long-term growth.</h1>
- <p class="text-xl text-gray-300 max-w-3xl">After Dark Labs builds polished iOS, Android, and cross-platform apps with thoughtful branding, strong backend connections, store launch support, and marketing momentum.</p>
+ <p class="text-xl text-gray-300 max-w-3xl">After Dark Labs builds polished iOS, Android, and cross-platform apps for U.S. businesses with thoughtful branding, strong backend connections, store launch support, and marketing momentum.</p>
</div>
</section>
@@ -95,7 +140,7 @@
<section class="py-24 border-t border-white/10 bg-zinc-950">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Ready to build your mobile app?</h2>
- <p class="text-gray-400 text-lg mb-8">Work with a Fort Lauderdale-based mobile app team serving businesses across the U.S.</p>
+ <p class="text-gray-400 text-lg mb-8">Work with a U.S.-focused mobile app partner for strategy, product design, development, launch, and support.</p>
<a href="index.html#contact" class="inline-flex 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>→</span></a>
</div>
</section>
diff --git a/docs/online-bookings-appointments-memberships.html b/docs/online-bookings-appointments-memberships.html
index 7b59423..2df818c 100644
--- a/docs/online-bookings-appointments-memberships.html
+++ b/docs/online-bookings-appointments-memberships.html
@@ -4,15 +4,50 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
- <title>Online Booking, Appointment, and Membership Websites | After Dark Labs</title>
- <meta name="description" content="Online booking, appointment scheduling, payment, and subscription membership website features for service businesses and growing teams.">
- <link rel="canonical" href="/online-bookings-appointments-memberships.html">
- <meta property="og:title" content="Online Booking, Appointment, and Membership Websites | After Dark Labs">
- <meta property="og:description" content="Add booking, scheduling, subscriptions, and member access to a custom business website.">
+ <title>Online Booking and Membership Websites | After Dark Labs</title>
+ <meta name="description" content="Online booking, appointment scheduling, payment, and subscription membership website features for service businesses and growing U.S. teams.">
+ <link rel="canonical" href="https://afterdarklabs.io/online-bookings-appointments-memberships.html">
+ <meta property="og:title" content="Online Booking and Membership Websites | After Dark Labs">
+ <meta property="og:description" content="Add booking, scheduling, subscriptions, payments, and member access to a custom business website.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/online-bookings-appointments-memberships.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Online Booking and Membership Websites | After Dark Labs">
+ <meta name="twitter:description" content="Add booking, scheduling, subscriptions, payments, and member access to a custom business website.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Websites",
+ "item": "https://afterdarklabs.io/websites.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "Online Booking and Membership Websites",
+ "item": "https://afterdarklabs.io/online-bookings-appointments-memberships.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,6 +100,19 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Built for real operations</h2>
+ <p class="leading-8">Booking and membership features need to match how the business actually runs. That means clear service options, practical intake questions, payment timing, reminders, customer records, and staff-friendly handoffs.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Less friction for customers</h2>
+ <p class="leading-8">A well-planned booking website helps visitors take action without a phone call. It can turn search traffic, social traffic, and repeat customers into scheduled appointments, paid reservations, member signups, or account activity.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Make your website easier to do business with.</h2>
diff --git a/docs/robots.txt b/docs/robots.txt
new file mode 100644
index 0000000..af56477
--- /dev/null
+++ b/docs/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://afterdarklabs.io/sitemap.xml
diff --git a/docs/seo-performance-optimization.html b/docs/seo-performance-optimization.html
index 1694d6f..9626f0f 100644
--- a/docs/seo-performance-optimization.html
+++ b/docs/seo-performance-optimization.html
@@ -5,14 +5,49 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
<title>SEO Optimization and Website Performance | After Dark Labs</title>
- <meta name="description" content="SEO optimization and lightning-fast website performance for custom websites, including page structure, metadata, responsive design, technical cleanup, and speed-focused builds.">
- <link rel="canonical" href="/seo-performance-optimization.html">
+ <meta name="description" content="SEO optimization and fast website performance for custom websites, including page structure, metadata, technical cleanup, and speed-focused builds.">
+ <link rel="canonical" href="https://afterdarklabs.io/seo-performance-optimization.html">
<meta property="og:title" content="SEO Optimization and Website Performance | After Dark Labs">
- <meta property="og:description" content="Technical SEO foundations and fast website performance for custom business websites.">
+ <meta property="og:description" content="Technical SEO foundations, clearer page structure, and fast website performance for custom business websites.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/seo-performance-optimization.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="SEO Optimization and Website Performance | After Dark Labs">
+ <meta name="twitter:description" content="Technical SEO foundations, clearer page structure, and fast website performance for custom business websites.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Websites",
+ "item": "https://afterdarklabs.io/websites.html"
+ },
+ {
+ "@type": "ListItem",
+ "position": 3,
+ "name": "SEO Optimization and Website Performance",
+ "item": "https://afterdarklabs.io/seo-performance-optimization.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -65,6 +100,19 @@
</div>
</section>
+ <section class="py-20 bg-black border-t border-white/10">
+ <div class="max-w-5xl mx-auto px-6 grid md:grid-cols-2 gap-10 text-gray-300">
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Search structure with a purpose</h2>
+ <p class="leading-8">SEO works best when each page has a specific job. We align titles, headings, internal links, service copy, metadata, and calls to action around the searches and decisions your customers are likely to make.</p>
+ </div>
+ <div>
+ <h2 class="heading text-3xl font-semibold tracking-tighter mb-4 text-white">Performance that supports conversion</h2>
+ <p class="leading-8">Fast pages keep visitors moving. Cleaner assets, responsive layouts, sensible image handling, and lightweight implementation choices help your custom website feel better on phones, laptops, and slower connections.</p>
+ </div>
+ </div>
+ </section>
+
<section class="py-24 bg-black border-t border-white/10">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Give every page a stronger job.</h2>
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
new file mode 100644
index 0000000..e5c3b3b
--- /dev/null
+++ b/docs/sitemap.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+ <url>
+ <loc>https://afterdarklabs.io/</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/websites.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/mobile-apps.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/custom-web-development-ecommerce.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/online-bookings-appointments-memberships.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/seo-performance-optimization.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/brand-positioning-creative-strategy.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/mobile-app-branding-ui-ux.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/backend-api-integration.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/app-store-launch-support.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/influencer-marketing-social-media.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+ <url>
+ <loc>https://afterdarklabs.io/about.html</loc>
+ <lastmod>2026-05-16</lastmod>
+ </url>
+</urlset>
diff --git a/docs/websites.html b/docs/websites.html
index 5c870f7..46d0beb 100644
--- a/docs/websites.html
+++ b/docs/websites.html
@@ -4,15 +4,60 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="moon-stars-fill.svg">
- <title>High-Performance Custom Websites | After Dark Labs</title>
- <meta name="description" content="After Dark Labs builds high-performance custom websites, ecommerce stores, booking systems, memberships, and SEO-ready pages for businesses across the U.S.">
- <link rel="canonical" href="/websites.html">
- <meta property="og:title" content="High-Performance Custom Websites | After Dark Labs">
- <meta property="og:description" content="Custom website development, ecommerce, booking systems, memberships, SEO, performance, and brand strategy from a Fort Lauderdale-based team.">
+ <title>Custom Website Development for U.S. Businesses | After Dark Labs</title>
+ <meta name="description" content="After Dark Labs builds high-performance custom websites, ecommerce stores, booking systems, memberships, and SEO-ready pages for U.S. businesses.">
+ <link rel="canonical" href="https://afterdarklabs.io/websites.html">
+ <meta property="og:title" content="Custom Website Development for U.S. Businesses | After Dark Labs">
+ <meta property="og:description" content="Custom website development, ecommerce, booking systems, memberships, SEO, performance, and brand strategy for U.S. businesses.">
<meta property="og:type" content="website">
+ <meta property="og:url" content="https://afterdarklabs.io/websites.html">
+ <meta property="og:site_name" content="After Dark Labs">
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:title" content="Custom Website Development for U.S. Businesses | After Dark Labs">
+ <meta name="twitter:description" content="Custom website development, ecommerce, booking systems, memberships, SEO, performance, and brand strategy for U.S. businesses.">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="site.css">
+ <script type="application/ld+json">
+ {
+ "@context": "https://schema.org",
+ "@graph": [
+ {
+ "@type": "Service",
+ "name": "Custom website development",
+ "serviceType": "Custom website development",
+ "url": "https://afterdarklabs.io/websites.html",
+ "description": "After Dark Labs builds high-performance custom websites, ecommerce stores, booking systems, memberships, and SEO-ready pages for U.S. businesses.",
+ "provider": {
+ "@type": "Organization",
+ "name": "After Dark Labs",
+ "url": "https://afterdarklabs.io/"
+ },
+ "areaServed": {
+ "@type": "Country",
+ "name": "United States"
+ }
+ },
+ {
+ "@type": "BreadcrumbList",
+ "itemListElement": [
+ {
+ "@type": "ListItem",
+ "position": 1,
+ "name": "Home",
+ "item": "https://afterdarklabs.io/"
+ },
+ {
+ "@type": "ListItem",
+ "position": 2,
+ "name": "Websites",
+ "item": "https://afterdarklabs.io/websites.html"
+ }
+ ]
+ }
+ ]
+ }
+ </script>
</head>
<body class="bg-black text-white overflow-x-hidden">
<nav class="fixed top-0 w-full bg-black/90 backdrop-blur-lg z-50 border-b border-white/10">
@@ -41,7 +86,7 @@
<div class="max-w-5xl mx-auto px-6">
<p class="text-[#ccff00] font-semibold mb-5">Custom website development</p>
<h1 class="heading text-5xl md:text-7xl font-bold tracking-tighter leading-none mb-8">High-performance websites built to convert.</h1>
- <p class="text-xl text-gray-300 max-w-3xl">After Dark Labs creates custom websites, ecommerce experiences, booking flows, membership platforms, and SEO-ready pages for businesses that need speed, clarity, and measurable results.</p>
+ <p class="text-xl text-gray-300 max-w-3xl">After Dark Labs creates custom websites, ecommerce experiences, booking flows, membership platforms, and SEO-ready pages for U.S. businesses that need speed, clarity, and measurable results.</p>
</div>
</section>
@@ -95,7 +140,7 @@
<section class="py-24 border-t border-white/10 bg-zinc-950">
<div class="max-w-3xl mx-auto text-center px-6">
<h2 class="heading text-5xl font-bold tracking-tighter mb-6">Need a website that works harder?</h2>
- <p class="text-gray-400 text-lg mb-8">Talk with a Fort Lauderdale-based team building custom websites for businesses across the U.S.</p>
+ <p class="text-gray-400 text-lg mb-8">Talk with a U.S.-focused website partner building custom sites, stores, booking flows, and SEO-ready pages.</p>
<a href="index.html#contact" class="inline-flex 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>→</span></a>
</div>
</section>