Deploy

2026-07-26 17:41:19 +00:00
parent a9f41a0a60
commit eca822ef0e
1 changed files with 32 additions and 0 deletions
@@ -0,0 +1,32 @@
+'use client'
+export default function GuestTestimonialsSection() {
+  const testimonials = [
+    { name: 'Sarah & James McIntyre', role: 'From Cape Town', quote: 'The most magical bush break. Every detail was flawless, from sundowners to the roaring campfire.' },
+    { name: 'Oliver Schmidt', role: 'Travel journalist', quote: 'Mpofana Lodge captures the soul of Zululand. A place where time slows and wildlife thrives.' },
+    { name: 'Amina & David Osei', role: 'Anniversary stay', quote: 'Pure luxury woven into nature. The suite, the game drives, the hospitality — unforgettable.' },
+  ]
+
+  return (
+    <section data-vula-section="guesttestimonials" id="guest-testimonials" className="py-24 bg-[#15271c]">
+      <div className="max-w-7xl mx-auto px-4">
+        <div className="flex items-center justify-center gap-6 mb-16">
+          <span className="block w-14 h-px bg-[#d4af37]"></span>
+          <span className="text-[#d4af37] uppercase tracking-[0.2em] text-sm font-medium">Word of Mouth</span>
+          <span className="block w-14 h-px bg-[#d4af37]"></span>
+        </div>
+        <h2 className="text-4xl md:text-5xl font-light text-center mb-16 text-[#e7eeea]">
+          What <span className="italic text-[#d4af37]">Guests Say</span>
+        </h2>
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          {testimonials.map((t, i) => (
+            <div key={i} className="p-6 border border-[#304036] rounded-md bg-[#0f1712]">
+              <p className="text-[#e7eeea] leading-relaxed mb-6 italic">&ldquo;{t.quote}&rdquo;</p>
+              <p className="font-semibold text-[#d4af37]">{t.name}</p>
+              <p className="text-sm text-[#6b8c78]">{t.role}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}