// ClosingSection.jsx — Section 7. Soft conversational close.
const ClosingSection = () => (
  <section className="closing" id="contact">
    <span className="edge-label">EM · 08 — CONTACT</span>
    <div className="shell">
      <div className="eyebrow eyebrow-rule">Section · 08 — Contact</div>
      <h2 className="closing__title">If eyewear is something your brand has considered exploring, we would be happy to share thoughts.</h2>
      <p className="closing__lede">
        A short note about what you're working on is enough
        to start — references, retail intent, anything tangible.
      </p>
      <div className="closing__cta">
        <button className="btn btn--primary" onClick={() => window.openContactModal && window.openContactModal()}>Send us a note</button>
        <a className="link-arrow" href="mailto:hello@emsley.com">hello@emsley.com</a>
      </div>
    </div>
  </section>
);

window.ClosingSection = ClosingSection;
