import { Star } from 'lucide-react';

const testimonials = [
  {
    name: 'Sarah Chen',
    role: 'Founder, Pixelwave',
    avatar: '👩‍💻',
    content: 'Lovable turned my weekend side project into a funded startup. I built the entire MVP in one afternoon — something that would have taken months with traditional development.',
    stars: 5,
  },
  {
    name: 'Marcus Rodriguez',
    role: 'CTO, DataFlow',
    avatar: '👨‍💼',
    content: 'We replaced our prototyping workflow entirely. What used to take our team 2 weeks now takes 2 hours. The code quality is genuinely production-ready.',
    stars: 5,
  },
  {
    name: 'Emily Watson',
    role: 'Indie Maker',
    avatar: '👩‍🎨',
    content: 'As a designer who codes, Lovable is a dream. I describe my vision and it generates exactly what I imagine — pixel perfect, responsive, and accessible.',
    stars: 5,
  },
  {
    name: 'Alex Kim',
    role: 'Engineering Lead, Stripe',
    avatar: '👨‍🔬',
    content: 'The Supabase integration is seamless. Full-stack apps with auth, database, and storage — all from a single prompt. This is the future of development.',
    stars: 5,
  },
  {
    name: 'Priya Patel',
    role: 'Product Manager, Notion',
    avatar: '👩‍🔬',
    content: 'I can finally prototype without waiting for engineering bandwidth. Lovable lets me validate ideas in real-time during user interviews. Game changer.',
    stars: 5,
  },
  {
    name: 'James O\'Brien',
    role: 'Freelance Developer',
    avatar: '🧑‍💻',
    content: 'My productivity has 10x\'d. I take on more clients, deliver faster, and the quality of my work has actually improved. Lovable handles the boilerplate so I can focus on the interesting parts.',
    stars: 5,
  },
];

export default function Testimonials() {
  return (
    <section className="py-24 px-4 sm:px-6 lg:px-8 relative">
      <div className="absolute inset-0 pointer-events-none">
        <div className="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-white/5 to-transparent" />
      </div>

      <div className="max-w-7xl mx-auto">
        <div className="text-center mb-16">
          <div className="