import { Star } from 'lucide-react';
 
export default function TestimonialSection() {
    return (
        <section className="py-16 lg:py-32">
            <div className="mx-auto w-full max-w-2xl px-6 lg:max-w-7xl">
                <div className="mx-auto max-w-4xl">
                    <div className="flex justify-center gap-4">
                        {[1, 2, 3, 4, 5].map((i) => (
                            <Star key={i} className="size-5 fill-amber-400 text-amber-400" />
                        ))}
                    </div>
                    <h2 className="mt-4 text-center text-2xl/snug font-semibold tracking-tight sm:text-3xl/snug">
                        Blookie has revolutionized my workflow. The amazing design blocks are a game changer for my projects.
                    </h2>
                    <div className="mt-8 flex items-center justify-center gap-4">
                        <img className="size-12 rounded-full" src="https://untitledui.com/images/avatars/byron-robertson" alt="" />
                        <div className="flex flex-col gap-2">
                            <span className="text-base/none font-medium">Michael Craig</span>
                            <span className="text-muted-foreground text-sm/none">Frontend Developer</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
}