Deploy

2026-07-28 07:32:33 +00:00
parent 67f2ffab45
commit 97923d0f4d
1 changed files with 51 additions and 0 deletions
@@ -0,0 +1,51 @@
+'use client'
+
+export default function VoicesOfNurtureTestimonialsSection() {
+  const testimonials = [
+    {
+      name: 'Thandi Mokoena',
+      role: 'Midrand regular',
+      quote: 'The marula body butter healed my dry patches within a week — now it steals my morning.',
+    },
+    {
+      name: 'Liam Botha',
+      role: 'First-time buyer',
+      quote: 'Bought the rooibos face oil for my mom. She says it smells like her grandmother\'s garden.',
+    },
+    {
+      name: 'Naledi Nkosi',
+      role: 'Skin therapist from Rosebank',
+      quote: 'I recommend Ndlovu Naturals to every client. Cold-pressed buchu is a game changer for acne.',
+    },
+  ]
+
+  return (
+    <section
+      id="voices-of-nurture"
+      data-vula-section="voicesofnurturetestimonials"
+      data-vula-cms="testimonials"
+      className="py-20 bg-[#f9f5f4]"
+    >
+      <div className="container mx-auto px-4">
+        <h2 className="text-4xl font-bold text-[#21140d] mb-4 text-center">
+          Voices of Nurture
+        </h2>
+        <p className="text-[#16a34a] italic text-center mb-12 max-w-2xl mx-auto">
+          What our community says about their skin journey
+        </p>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+          {testimonials.map((t, i) => (
+            <div key={i} className="rounded-xl bg-white p-6 border border-[#e2dad4] shadow-sm">
+              <p className="text-[#21140d] italic mb-4 leading-relaxed">
+                "{t.quote}"
+              </p>
+              <p className="font-semibold text-[#8b5a3c]">{t.name}</p>
+              <p className="text-sm text-[#16a34a]">{t.role}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}