const testimonials = [
  { name:'Amaya & Ruwan', location:'Colombo', text:'Evermore made our wedding planning feel effortless. The contract system gave us so much confidence — every detail was documented and tracked.', rating:5 },
  { name:'Nisha & Kaveen', location:'Kandy', text:'We compared 12 photographers side by side, shortlisted our top 3, and had a signed contract within a week. The audit trail is brilliant.', rating:5 },
  { name:'Thilini & Ashan', location:'Galle', text:'The budget tracker saved us. We knew exactly where every rupee was going. Our planner dashboard kept everything on schedule.', rating:5 },
]

export default function Testimonials() {
  return (
    <section className="py-20 bg-ivory-100">
      <div className="wedding-section">
        <div className="text-center mb-12">
          <p className="text-gold-400 font-heading text-sm tracking-[0.2em] uppercase mb-3">Love stories</p>
          <h2 className="font-heading text-3xl md:text-4xl font-semibold text-charcoal-700">Couples love Evermore</h2>
          <div className="wedding-divider mt-6" />
        </div>
        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
          {testimonials.map((t) => (
            <div key={t.name} className="wedding-card p-8">
              <div className="flex gap-0.5 mb-4">
                {Array.from({length:t.rating}).map((_,i)=><span key={i} className="text-gold-400 text-lg">★</span>)}
              </div>
              <p className="text-charcoal-500 text-sm leading-relaxed mb-6 italic">&ldquo;{t.text}&rdquo;</p>
              <div className="flex items-center gap-3">
                <div className="w-10 h-10 rounded-full bg-gradient-to-br from-rose-200 to-gold-200 flex items-center justify-center text-sm font-heading font-semibold text-charcoal-600">{t.name.charAt(0)}</div>
                <div>
                  <p className="font-heading text-sm font-semibold text-charcoal-700">{t.name}</p>
                  <p className="text-xs text-charcoal-300">{t.location}</p>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  )
}