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>
  )
 }