2 Commits

Author SHA1 Message Date
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
kang
7193eacfa5 init: OBDX web landing (Bento Garage design)
- Vite + React + TS + Tailwind v4 + framer-motion + lucide
- 5 sections: Hero, Showcase (steps + 3 cases), Pricing, Comparison, Footer
- Brand assets local (logo v2 SVG, 3 mascots, 6 scenes) under public/brand/
- Dockerfile multi-stage (node 20 build → nginx 1.27 alpine)
- nginx /api/* reverse-proxy to obdx-api:8080, SPA fallback
- /healthz endpoint for Coolify

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