// Pretty Rare Boutique — Marquee strip (real credentials)

const MARQUEE_ITEMS = [
  'Registered Nurse NMW0002651494',
  'Refined',
  'Individualised',
  'Elevated',
  'Palm Beach Avenue boutique',
  'Now open',
  'Wed to Sat',
  'Complimentary cosmetic consultations',
  'Aesthetics · Skin · Lymphatic',
  'Text 0450 466 052 to book',
];

function SiteTrust() {
  const items = [...MARQUEE_ITEMS, ...MARQUEE_ITEMS];
  return (
    <section data-screen-label="trust" style={{
      background: 'var(--fg)',
      color: 'var(--pr-off-100)',
      padding: '22px 0',
      position: 'relative',
      overflow: 'hidden',
    }}>
      <div className="marquee-track">
        <div className="marquee">
          {items.map((t, i) => (
            <div className="marquee-item" key={i}>
              <span style={{
                fontFamily: 'var(--font-sans)', fontWeight: 500,
                fontSize: 11, letterSpacing: '0.32em', textTransform: 'uppercase',
                color: 'rgba(248, 245, 244, 0.95)',
              }}>{t}</span>
              <span style={{
                width: 8, height: 8,
                background: 'var(--accent)',
                transform: 'rotate(45deg)',
                marginLeft: 32,
              }} />
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}

window.SiteTrust = SiteTrust;