// Pretty Rare Boutique — Intro (clean, no script, no diamond cluster)

function SiteIntro() {
  return (
    <section data-screen-label="intro" className="section" style={{
      position: 'relative', overflow: 'hidden',
      paddingTop: 96, paddingBottom: 96,
    }}>
      <div className="wrap-prose" style={{ textAlign: 'center' }}>
        <div className="eyebrow" style={{ marginBottom: 32, justifyContent: 'center' }}>Our vision</div>

        <h2 className="h-1">
          Built with intention.<br/>
          <span className="thin">Designed for the way you already are.</span>
        </h2>

        <p className="body" style={{ marginTop: 32 }}>
          Pretty Rare is a boutique cosmetic clinic. We deliver aesthetic treatments
          and IV infusions that inspire confidence at every stage of life.
        </p>
      </div>
    </section>
  );
}

window.SiteIntro = SiteIntro;