Deploy

src/components/sections/TestimonialsSection.tsx

@@ -0,0 +1,23 @@
+export default function TestimonialsSection() {
+  const testimonials = [
+    { name: "Nomsa Dlamini", role: "Regular from Durban North", quote: "Durban Curry's bunny chow is the best I've had outside of Grey Street." },
+    { name: "Raj Patel", role: "Food blogger from Cape Town", quote: "The blend of Indian spices with Durban freshness is unforgettable." },
+    { name: "Sarah van der Merwe", role: "Family of four", quote: "Our kids love the mild butter chicken while we enjoy the fiery mutton curry." },
+  ]
+  return (
+    <section data-vula-section="testimonials" id="testimonials" className="py-20 bg-[#ffffff]">
+      <div className="max-w-6xl mx-auto px-4">
+        <h2 className="text-3xl lg:text-4xl font-bold tracking-tight text-center mb-12 text-[#dc2626]">What Our Guests Say</h2>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+          {testimonials.map((t, i) => (
+            <div key={i} className="bg-white rounded-xl border border-[#e5e7eb] p-8 shadow-[var(--shadow-card)] hover:shadow-[var(--shadow-lifted)] hover:-translate-y-0.5 transition-all duration-200 ease-out">
+              <p className="text-[#111827] text-lg leading-relaxed mb-6 italic">"{t.quote}"</p>
+              <p className="font-semibold text-[#8b5a3c]">{t.name}</p>
+              <p className="text-sm text-[#6b7280]">{t.role}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}