diff --git a/components/testimonials.tsx b/components/testimonials.tsx new file mode 100644 index 0000000..b25104c --- /dev/null +++ b/components/testimonials.tsx @@ -0,0 +1,54 @@ +import { Container } from "@/components/container"; +import { Heading } from "@/components/heading"; +import { Subheading } from "@/components/subheading"; +import { Star } from "lucide-react"; + +const reviews = [ + { + name: "Michael R.", + role: "Tesla Model S Owner", + content: "The AI surface scan they did before the ceramic coating was mind-blowing. My car looks better than the day I picked it up from the showroom.", + stars: 5 + }, + { + name: "Sarah J.", + role: "BMW X5 Owner", + content: "Best detailer in Cedar Rapids. The attention to detail is unmatched. They found and fixed scratches I didn't even know were there.", + stars: 5 + }, + { + name: "David L.", + role: "Classic Mustang Owner", + content: "I'm very picky about who touches my vintage cars. Apex is the only shop I trust. Their paint correction is pure wizardry.", + stars: 5 + } +]; + +export function Testimonials() { + return ( +
+ +
+ Trusted by Cedar Rapids' Elite + Don't just take our word for it. See what our clients are saying. +
+
+ {reviews.map((review, i) => ( +
+
+ {[...Array(review.stars)].map((_, i) => ( + + ))} +
+

"{review.content}"

+
+

{review.name}

+

{review.role}

+
+
+ ))} +
+
+
+ ); +}