Files
obdx-web/index.html
kang 6fa79157dc polish: Testimonials + FAQ sections, 4-card Hero features, OG tags
New sections:
  • Testimonials (#reviews) — 3 persona quotes (DIY owner / shop owner /
    dad) with star rating, 3 social-proof stats (4.9/5, 12k+ reports,
    98% recommend), middle card on dark for rhythm
  • FAQ (#faq) — 8 questions answered, accordion with first item open,
    mailto helper link at the bottom

Hero features:
  • Expanded from 2 to 4 cards (col-span 6 → 3): Vehicle-Specific +
    Plain English + No App + Any Scanner. Covers more value props in
    the same vertical space.

Footer:
  • Killed the placeholder href="#" links. Product now points to real
    sections (added Sample report + FAQ); Company/Legal collapsed to
    real mailto links. No more dead anchors.

index.html:
  • Full OG tags + Twitter summary_large_image using scene-done 16x9
    as preview image
  • theme-color for mobile browser chrome
  • <link rel=preload> for the LCP mascot JPG

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-23 22:03:00 +08:00

38 lines
2.2 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/brand/logo/obdx-logo-icon-v2.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="OBDX — Plug in a $10 OBD scanner, scan a QR code, get an AI-written repair report in plain English. 706GB knowledge base, 82 brands, 24,935 vehicle models." />
<meta name="theme-color" content="#F5F1EA" />
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:site_name" content="OBDX" />
<meta property="og:url" content="https://obd.kang-kang.com/" />
<meta property="og:title" content="OBDX — Your car, decoded." />
<meta property="og:description" content="Plug in a $10 OBD scanner. Scan a QR code. Get an AI-written repair report in plain English — in 10 seconds. 706GB knowledge base, 82 brands, 24,935 vehicle models." />
<meta property="og:image" content="https://obd.kang-kang.com/brand/scenes/obdx-scene-done-16x9.png" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />
<meta property="og:locale" content="en_US" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="OBDX — Your car, decoded." />
<meta name="twitter:description" content="AI car diagnostics in plain English. Any $10 OBD scanner. No app. 10-second report." />
<meta name="twitter:image" content="https://obd.kang-kang.com/brand/scenes/obdx-scene-done-16x9.png" />
<title>OBDX — Your car, decoded.</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=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
<link rel="preload" as="image" href="/brand/ip/wrench-uncle/default.jpg" />
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>