vula-projects/vula-55097b6f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deploy

Browse Source
This commit is contained in:
Vula Builder
2026-07-14 17:42:08 +00:00
parent 62e742f025
commit 27aeeb2e9b
1 changed files with 64 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/GuestWhispersSection.tsx
+64
View File
@@ -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>
)
}