Upload src/components/Testimonials.tsx

src/components/Testimonials.tsx

@@ -0,0 +1,36 @@
+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>
+  )
+}