From 6fa79157dcd41fb026068731ddba22b9689d5120 Mon Sep 17 00:00:00 2001 From: kang Date: Thu, 23 Apr 2026 22:03:00 +0800 Subject: [PATCH] polish: Testimonials + FAQ sections, 4-card Hero features, OG tags MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 • for the LCP mascot JPG Co-Authored-By: Claude Opus 4.7 (1M context) --- index.html | 20 ++++ src/App.tsx | 4 + src/components/FAQ.tsx | 168 ++++++++++++++++++++++++++++++++ src/components/Footer.tsx | 12 +-- src/components/Hero.tsx | 65 +++++++++--- src/components/Testimonials.tsx | 152 +++++++++++++++++++++++++++++ tsconfig.tsbuildinfo | 2 +- 7 files changed, 402 insertions(+), 21 deletions(-) create mode 100644 src/components/FAQ.tsx create mode 100644 src/components/Testimonials.tsx diff --git a/index.html b/index.html index f9b889c..49ffc35 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,30 @@ + + + + + + + + + + + + + + + + + + + OBDX — Your car, decoded. +
diff --git a/src/App.tsx b/src/App.tsx index 2aa410b..f4f2f61 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -4,6 +4,8 @@ import Showcase from "@/components/Showcase"; import SampleReport from "@/components/SampleReport"; import Pricing from "@/components/Pricing"; import Comparison from "@/components/Comparison"; +import Testimonials from "@/components/Testimonials"; +import FAQ from "@/components/FAQ"; import Footer from "@/components/Footer"; export default function App() { @@ -15,6 +17,8 @@ export default function App() { + +