// Testimonials.jsx — Section I
// Real, verbatim Google reviews from the FTOTM Google Business Profile
// (provided by Tony, June 2026). Display = full name + "Google review".
// Star ratings omitted (not captured per-review); add `stars` if confirmed.
const QUOTES = [
  {
    quote: 'Carmela was fantastic to work with. Her follow up, attention to detail and professionalism were all fantastic. I would definitely work with her and Food Trucks On The Move again.',
    name:  'Andrea Rickard',
    source:'Google review',
  },
  {
    quote: 'Such a great experience!! I used Food Trucks on the Move for a work event and everyone LOVED the food on both trucks — tacos and donuts! We weren’t sure how much to order as it was a soft RSVP but Carmela and Nancy were great about assuring me that they could add extra if I needed it. So easy to work with and food was delicious. A great experience — we will be using them again and will recommend to everyone. THANK YOU.',
    name:  'Colleen DeTroia',
    source:'Google review',
  },
  {
    quote: 'Tony came through tremendously at the last minute. The food was amazing and the process for booking the food truck was great. I will definitely be booking again.',
    name:  'Teaira Turner',
    source:'Google review',
  },
];

const tInitials = (n) => n.split(' ').filter(Boolean).slice(0, 2).map(w => w[0]).join('').toUpperCase();

const Testimonials = () => (
  <section style={{ padding:'clamp(64px, 8vw, 96px) 24px', background: T.white }}>
    <div style={{ maxWidth:1200, margin:'0 auto' }}>
      <h2 style={{ margin:'0 0 36px' }}>What clients say</h2>
      <div className="grid-3" style={{ display:'grid', gridTemplateColumns:'repeat(3, 1fr)', gap:24 }}>
        {QUOTES.map((q, i) => (
          <figure key={i} style={{
            margin:0,
            background: T.bgAlt,
            borderRadius:12, padding:'24px 26px',
            display:'flex', flexDirection:'column', gap:18,
            position:'relative',
          }}>
            <blockquote style={{
              margin:0, fontSize:17, lineHeight:1.55, color: T.ink, textWrap:'pretty',
            }}>"{q.quote}"</blockquote>
            <figcaption style={{ display:'flex', alignItems:'center', gap:12, marginTop:'auto' }}>
              <div style={{
                width:44, height:44, borderRadius:999, flex:'0 0 auto',
                background:`linear-gradient(135deg, ${T.teal}, ${T.navy})`,
                display:'flex', alignItems:'center', justifyContent:'center',
                color: T.white, fontSize:14, fontWeight:700, letterSpacing:'.02em',
              }}>{tInitials(q.name)}</div>
              <div>
                <div style={{ fontWeight:600, fontSize:14, color: T.ink }}>{q.name}</div>
                <div style={{ fontSize:12, color: T.inkSoft, lineHeight:1.45 }}>{q.source}</div>
              </div>
            </figcaption>
          </figure>
        ))}
      </div>
    </div>
  </section>
);

Object.assign(window, { Testimonials });