// Press.jsx — small testimonial / press strip
function Press() {
  const QUOTES = [
    { source: 'Vogue India', body: '"A box that arrives feeling more like a piece of jewellery than a snack."' },
    { source: 'Conde Nast Traveller', body: '"The ratio of nut to cocoa is unlike anything we\'ve seen at this price."' },
    { source: 'Mumbai Mirror', body: '"India\'s most considered chocolate, by a mile."' }
  ];
  return (
    <section id="press" style={{ background: 'var(--bb-cream)', padding: '72px 32px', borderTop: '1px solid var(--line-gold)', borderBottom: '1px solid var(--line-gold)' }}>
      <div style={{ maxWidth: 1280, margin: '0 auto' }}>
        <div style={{ textAlign: 'center', fontFamily: 'var(--font-display)', fontSize: 10, letterSpacing: '0.4em', color: 'var(--bb-gold-deep)', marginBottom: 36 }}>✦ &nbsp; KIND WORDS &nbsp; ✦</div>
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 48 }}>
          {QUOTES.map(q => (
            <div key={q.source} style={{ textAlign: 'center' }}>
              <p style={{ fontFamily: 'var(--font-serif)', fontStyle: 'italic', fontSize: 20, lineHeight: 1.5, color: 'var(--bb-burgundy-deep)', margin: '0 0 16px' }}>{q.body}</p>
              <div style={{ fontFamily: 'var(--font-display)', fontSize: 10, letterSpacing: '0.34em', color: 'var(--bb-gold-deep)' }}>— {q.source.toUpperCase()}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.Press = Press;