From 27aeeb2e9be34fc85a695d6e22b7fd5c2988c271 Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Tue, 14 Jul 2026 17:42:08 +0000
Subject: [PATCH] Deploy

---
 .../sections/GuestWhispersSection.tsx         | 64 +++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 src/components/sections/GuestWhispersSection.tsx

diff --git a/src/components/sections/GuestWhispersSection.tsx b/src/components/sections/GuestWhispersSection.tsx
new file mode 100644
index 0000000..6640695
--- /dev/null
+++ b/src/components/sections/GuestWhispersSection.tsx
@@ -0,0 +1,64 @@
+'use client'
+
+export default function GuestWhispersSection() {
+  return (
+    <section id="guest-whispers" data-vula-section="guestwhispers" className="py-20 bg-[#f4f5f2]">
+      <div className="container mx-auto px-4 max-w-6xl">
+        <div className="text-center mb-12 max-w-[44ch] mx-auto">
+          <p className="text-[#36454F] uppercase tracking-widest text-sm font-medium mb-2">From our guests</p>
+          <h2 className="font-serif text-4xl md:text-5xl text-[#2c331f] leading-tight">
+            Whispers of <span className="text-[#6b8e23]">home</span> &amp; hospitality
+          </h2>
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+          <div className="bg-white rounded-[22px] shadow-2xl p-8 border-0">
+            <p className="text-[#36454F] leading-relaxed italic mb-6">
+              "The scent of fynbos in the garden and homemade apricot jam at breakfast — we felt like family."
+            </p>
+            <div className="flex items-center gap-2">
+              <span className="w-1.5 h-1.5 rounded-full bg-[#6b8e23]" />
+              <div>
+                <p className="font-semibold text-[#2c331f]">Anna &amp; Thomas</p>
+                <p className="text-sm text-[#36454F]">Honeymooners from Munich</p>
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-white rounded-[22px] shadow-2xl p-8 border-0">
+            <p className="text-[#36454F] leading-relaxed italic mb-6">
+              "Every detail — from the linen to the wine‑pairing suggestions — showed a deep love for the valley."
+            </p>
+            <div className="flex items-center gap-2">
+              <span className="w-1.5 h-1.5 rounded-full bg-[#6b8e23]" />
+              <div>
+                <p className="font-semibold text-[#2c331f]">Sarah &amp; David</p>
+                <p className="text-sm text-[#36454F]">Food bloggers, Cape Town</p>
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-white rounded-[22px] shadow-2xl p-8 border-0">
+            <p className="text-[#36454F] leading-relaxed italic mb-6">
+              "We came for the wine route, but the farm breakfasts and the chickens under the fruit trees stole our hearts."
+            </p>
+            <div className="flex items-center gap-2">
+              <span className="w-1.5 h-1.5 rounded-full bg-[#6b8e23]" />
+              <div>
+                <p className="font-semibold text-[#2c331f]">Claire &amp; Olivier</p>
+                <p className="text-sm text-[#36454F]">Travellers from Lyon</p>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div className="mt-10 text-center">
+          <p className="text-[#36454F] text-sm">
+            <span className="w-1.5 h-1.5 rounded-full bg-[#6b8e23] inline-block mr-2" />
+            Real words from real guests — we never edit the warmth.
+          </p>
+        </div>
+      </div>
+    </section>
+  )
+}
\ No newline at end of file