116 lines
7.3 KiB
HTML
116 lines
7.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Digital Operations Partner | Stop Silent Customer Loss</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="./assets/css/dist.css">
|
|
</head>
|
|
<body class="flex flex-col min-h-screen">
|
|
|
|
<!-- Header / Nav -->
|
|
<header class="bg-white border-b border-slate-200 sticky top-0 z-50 shadow-rigor">
|
|
<nav class="max-w-6xl mx-auto px-4 py-4 flex justify-between items-center">
|
|
<div class="font-bold text-xl tracking-tight text-slate-900">DOP<span class="text-dop-red">.</span></div>
|
|
<a href="#audit" class="text-sm font-semibold text-slate-600 hover:text-dop-red transition">Request Audit</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="flex-grow">
|
|
<!-- SECTION A: Hero & Problem (Silent Customer Loss) -->
|
|
<section id="hero" class="py-24 px-4 text-center max-w-4xl mx-auto">
|
|
<h1 class="text-5xl md:text-6xl font-bold mb-6">Stop <span class="text-dop-red">Silent Customer Loss</span>.</h1>
|
|
<p class="text-xl text-slate-600 mb-8 max-w-2xl mx-auto leading-relaxed">AI search engines are recommending your competitors. You don't know it, and traditional SEO tools can't see it. We find the leaks in your customer path and engineer the fix.</p>
|
|
<a href="#audit" class="btn-primary">Request Layer 1a Cold Audit</a>
|
|
</section>
|
|
|
|
<!-- SECTION B: Proof in Action (Replacing Testimonials) -->
|
|
<section id="proof" class="bg-white py-24 px-4 border-y border-slate-200">
|
|
<div class="max-w-5xl mx-auto">
|
|
<h2 class="text-3xl font-bold text-center mb-4">We Don't Guess. We Verify.</h2>
|
|
<p class="text-center text-slate-600 mb-12 max-w-2xl mx-auto">Every finding is human-approved. No AI hallucinations. No Tier-3 self-reports.</p>
|
|
|
|
<!-- Interactive Teardown Placeholder -->
|
|
<div class="bg-slate-50 border border-slate-200 rounded-lg p-8 shadow-rigor">
|
|
<div class="flex items-center justify-between mb-4 border-b border-slate-200 pb-4">
|
|
<span class="badge-tier1">Tier 1 Verified</span>
|
|
<span class="font-mono text-sm text-slate-500">Audit: Gilmore HVAC</span>
|
|
</div>
|
|
<div class="leak-alert mb-4">
|
|
<strong class="font-bold block mb-1">Discovery Failure: 3-Phone Conflict</strong>
|
|
AI models flagged this entity as "untrusted" due to conflicting NAP data across 14 citations, routing high-intent calls to a shadow competitor.
|
|
</div>
|
|
<p class="text-sm text-slate-600 font-medium">This is just one leak. We found 14 in this audit alone.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION C: The 3 Domains of Integrity -->
|
|
<section id="domains" class="py-24 px-4 max-w-6xl mx-auto">
|
|
<h2 class="text-3xl font-bold text-center mb-16">The 3 Domains of Integrity</h2>
|
|
<div class="grid md:grid-cols-3 gap-8">
|
|
<div class="p-6 bg-white rounded-lg border border-slate-200 shadow-rigor">
|
|
<h3 class="text-xl font-bold mb-3 text-slate-900">1. Path Integrity</h3>
|
|
<p class="text-slate-600 text-sm">Mapping the exact journey from AI Search → SERP → Website → Conversion to find where the revenue leaks.</p>
|
|
</div>
|
|
<div class="p-6 bg-white rounded-lg border border-slate-200 shadow-rigor">
|
|
<h3 class="text-xl font-bold mb-3 text-slate-900">2. AEO Integrity</h3>
|
|
<p class="text-slate-600 text-sm">Structuring entity data so LLMs (ChatGPT, Perplexity) actually parse and trust your business context.</p>
|
|
</div>
|
|
<div class="p-6 bg-white rounded-lg border border-slate-200 shadow-rigor">
|
|
<h3 class="text-xl font-bold mb-3 text-slate-900">3. Competitive Awareness</h3>
|
|
<p class="text-slate-600 text-sm">Monitoring the "Shadow Competitors" ranking in AI that don't even appear in traditional top-10 blue links.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION D: Engagement Ladder (Motion) -->
|
|
<section id="engagement" class="bg-slate-900 text-white py-24 px-4">
|
|
<div class="max-w-4xl mx-auto text-center">
|
|
<h2 class="text-3xl font-bold mb-12 text-white">The Engagement Ladder</h2>
|
|
<div class="grid md:grid-cols-4 gap-6 text-left">
|
|
<div class="bg-slate-800 p-6 rounded-lg border border-slate-700">
|
|
<span class="font-mono text-dop-red text-sm">STEP 1</span>
|
|
<h3 class="text-lg font-bold mt-2 mb-2 text-white">Cold Audit</h3>
|
|
<p class="text-sm text-slate-400">Free. We find the leaks. You keep the report.</p>
|
|
</div>
|
|
<div class="bg-slate-800 p-6 rounded-lg border border-slate-700">
|
|
<span class="font-mono text-dop-red text-sm">STEP 2</span>
|
|
<h3 class="text-lg font-bold mt-2 mb-2 text-white">Diagnosis</h3>
|
|
<p class="text-sm text-slate-400">Fixed-fee. We quantify the exact revenue impact.</p>
|
|
</div>
|
|
<div class="bg-slate-800 p-6 rounded-lg border border-slate-700">
|
|
<span class="font-mono text-dop-red text-sm">STEP 3</span>
|
|
<h3 class="text-lg font-bold mt-2 mb-2 text-white">PoC</h3>
|
|
<p class="text-sm text-slate-400">We fix one critical leak. You measure the result.</p>
|
|
</div>
|
|
<div class="bg-slate-800 p-6 rounded-lg border border-slate-700">
|
|
<span class="font-mono text-dop-red text-sm">STEP 4</span>
|
|
<h3 class="text-lg font-bold mt-2 mb-2 text-white">Retainer</h3>
|
|
<p class="text-sm text-slate-400">Ongoing integrity management. Only after PoC success.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- SECTION E: Intake Form Placeholder -->
|
|
<section id="audit" class="py-24 px-4 bg-slate-50 border-t border-slate-200">
|
|
<div class="max-w-xl mx-auto text-center">
|
|
<h2 class="text-3xl font-bold mb-4">Request Layer 1a Cold Audit</h2>
|
|
<p class="text-slate-600 mb-8">No strings attached. We will analyze your AI visibility and customer path leakage.</p>
|
|
<!-- Form integration (Formspree/VPS) will go here -->
|
|
<button class="btn-primary w-full md:w-auto">Start Audit Protocol</button>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-slate-950 text-slate-400 py-12 px-4 text-center border-t border-slate-800">
|
|
<p class="text-sm font-mono">Digital Operations Partner © 2026. Evidence-based growth.</p>
|
|
</footer>
|
|
|
|
</body>
|
|
</html> |