Add/Update web/pages/gilmore-hvac.html (Batch 2: Gilmore teardown + governance JS)
This commit is contained in:
@@ -0,0 +1,100 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Teardown: Gilmore HVAC | Digital Operations Partner</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 bg-slate-50">
|
||||||
|
<!-- Header -->
|
||||||
|
<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">
|
||||||
|
<a href="../index.html" class="font-bold text-xl tracking-tight text-slate-900">DOP<span class="text-dop-red">.</span></a>
|
||||||
|
<a href="../index.html#audit" class="text-sm font-semibold text-slate-600 hover:text-dop-red transition">Request Audit</a>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class="flex-grow">
|
||||||
|
<!-- Teardown Hero -->
|
||||||
|
<section class="py-16 px-4 max-w-4xl mx-auto border-b border-slate-200">
|
||||||
|
<span class="badge-tier1 mb-4 inline-block">Live Teardown</span>
|
||||||
|
<h1 class="text-4xl font-bold mb-4 text-slate-950">Gilmore HVAC: The 3-Phone Conflict</h1>
|
||||||
|
<p class="text-lg text-slate-600 mb-2">How conflicting NAP data caused AI models to route high-intent local searches to a shadow competitor.</p>
|
||||||
|
<p class="font-mono text-sm text-slate-500">Audit ID: GIL-001 | Target: Local AI Search Visibility</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- The Leak Visualization -->
|
||||||
|
<section class="py-12 px-4 max-w-4xl mx-auto">
|
||||||
|
<h2 class="text-2xl font-bold mb-6 text-slate-900">The Silent Leak</h2>
|
||||||
|
<div class="grid md:grid-cols-2 gap-6">
|
||||||
|
<!-- Agent View (The Problem) -->
|
||||||
|
<div class="bg-white border border-slate-200 rounded-lg p-6 shadow-rigor">
|
||||||
|
<h3 class="font-bold text-sm text-slate-500 uppercase mb-4 flex items-center gap-2">
|
||||||
|
<span class="w-2 h-2 rounded-full bg-red-500"></span> What the AI Saw (Unverified)
|
||||||
|
</h3>
|
||||||
|
<div class="font-mono text-sm text-slate-800 space-y-2 mb-4">
|
||||||
|
<p>Phone: (555) 123-4567</p>
|
||||||
|
<p>Phone: (555) 987-6543</p>
|
||||||
|
<p>Phone: (555) 456-7890</p>
|
||||||
|
</div>
|
||||||
|
<div class="leak-alert">
|
||||||
|
<strong class="block">AI Confidence: LOW</strong>
|
||||||
|
Entity flagged as unstable due to conflicting citations. AI routed user to competitor.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Ground Truth (The Fix) -->
|
||||||
|
<div class="bg-white border border-slate-200 rounded-lg p-6 shadow-rigor">
|
||||||
|
<h3 class="font-bold text-sm text-green-700 uppercase mb-4 flex items-center gap-2">
|
||||||
|
<span class="w-2 h-2 rounded-full bg-green-500"></span> Ground Truth (Tier 1 Verified)
|
||||||
|
</h3>
|
||||||
|
<div class="font-mono text-sm text-slate-800 space-y-2 mb-4">
|
||||||
|
<p><strong>Primary:</strong> (555) 123-4567 (Main)</p>
|
||||||
|
<p><strong>Secondary:</strong> (555) 987-6543 (After-hours)</p>
|
||||||
|
<p class="text-slate-400 line-through">Phone: (555) 456-7890 (Ghost)</p>
|
||||||
|
</div>
|
||||||
|
<div class="border-l-4 border-green-500 bg-green-50 p-4 text-sm text-green-700">
|
||||||
|
<strong class="block">AI Confidence: HIGH</strong>
|
||||||
|
Schema corrected and citations pruned. Entity trusted.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Evidence Governance Demo (The Differentiator) -->
|
||||||
|
<section class="py-12 px-4 max-w-4xl mx-auto">
|
||||||
|
<h2 class="text-2xl font-bold mb-6 text-slate-900">Evidence Governance Protocol</h2>
|
||||||
|
<div class="bg-slate-900 text-white rounded-lg p-8 shadow-rigor">
|
||||||
|
<p class="text-slate-400 text-sm mb-6">Watch how an agent-generated finding becomes client-ready. If a proposed Tier 1 classification is rejected by human review, it defaults to Tier 2 or is discarded.</p>
|
||||||
|
|
||||||
|
<div class="flex flex-wrap items-center gap-4 mb-6 p-4 bg-slate-800 rounded border border-slate-700">
|
||||||
|
<span id="agent-badge" class="badge-tier2">Tier 2: Indicative (Agent Draft)</span>
|
||||||
|
<span class="text-slate-500 font-mono">→</span>
|
||||||
|
<span id="final-badge" class="badge-tier2 opacity-50">Pending Human Review</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p id="review-status" class="text-slate-400 text-sm mb-6 font-mono">Awaiting human analyst sign-off...</p>
|
||||||
|
|
||||||
|
<div class="flex gap-4">
|
||||||
|
<button id="approve-btn" class="bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-4 rounded transition text-sm">
|
||||||
|
Approve (Make Tier 1)
|
||||||
|
</button>
|
||||||
|
<button id="reject-btn" class="bg-slate-700 hover:bg-slate-600 text-white font-bold py-2 px-4 rounded transition text-sm">
|
||||||
|
Reject (Default to Tier 2)
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="bg-slate-950 text-slate-400 py-8 px-4 text-center border-t border-slate-800 mt-12">
|
||||||
|
<p class="text-sm font-mono">Digital Operations Partner © 2026. Evidence-based growth.</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script src="../assets/js/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user