6fa79157dc
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>
26 lines
751 B
TypeScript
26 lines
751 B
TypeScript
import Hero from "@/components/Hero";
|
|
import DTCCarousel from "@/components/DTCCarousel";
|
|
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() {
|
|
return (
|
|
<div className="min-h-screen bg-[#F5F1EA] text-[#1A1A1A] antialiased selection:bg-[#2563EB]/20">
|
|
<Hero />
|
|
<DTCCarousel />
|
|
<Showcase />
|
|
<SampleReport />
|
|
<Pricing />
|
|
<Comparison />
|
|
<Testimonials />
|
|
<FAQ />
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|