// ── PRIVACY POLICY PAGE ───────────────────────────────
function PrivacyPage({ navigate, tweaks }) {
  const gold = tweaks.accentColor;
  useReveal();

  return (
    <div>
      <PageHero
        eyebrow="Legal"
        title="Privacy Policy"
        subhead="Last updated: May 2026"
        imgUrl={null}
        accentColor={gold}
      />

      <section style={{ background:'var(--paper)', padding:'clamp(64px,8vw,100px) 0' }}>
        <div style={{ maxWidth:'800px', margin:'0 auto', padding:'0 clamp(24px,5vw,80px)' }}>

          {[
            {
              heading: '1. Introduction',
              body: `Metera Collective ("we," "us," or "our") operates the website meteracollective.com. This Privacy Policy explains how we collect, use, and protect information you provide when you use our website or contact us through our contact form. We are based in Oklahoma and operate in compliance with applicable United States federal law.`
            },
            {
              heading: '2. Information We Collect',
              body: `We collect information you voluntarily provide when you fill out our contact form, including your name, email address, phone number, and any message or inquiry you submit. We do not collect any information automatically beyond standard web server logs (such as IP address and browser type) that are generated when you visit our site.`
            },
            {
              heading: '3. How We Use Your Information',
              body: `We use the information you provide solely to respond to your inquiry, communicate with you about our services, and follow up regarding your business needs. We do not use your information for unsolicited marketing purposes without your consent.`
            },
            {
              heading: '4. SMS and Text Communications',
              body: `If you opt in to receive SMS communications from us, your mobile number will be used only to send messages directly related to your inquiry or engagement with Metera Collective. No mobile information will be shared with third parties for marketing purposes. You may opt out at any time by replying STOP to any text message from us.`
            },
            {
              heading: '5. Sharing of Information',
              body: `We do not sell, trade, rent, or otherwise share your personal information with third parties for their marketing purposes. We may share your information with trusted service providers who assist us in operating our website or conducting our business, provided those parties agree to keep your information confidential.`
            },
            {
              heading: '6. Cookies',
              body: `Our website may use basic cookies to improve your browsing experience. These cookies do not collect personally identifiable information. You may disable cookies through your browser settings; however, some features of the site may not function properly as a result.`
            },
            {
              heading: '7. Data Security',
              body: `We implement reasonable administrative, technical, and physical safeguards to protect your personal information from unauthorized access, disclosure, or destruction. However, no method of transmission over the internet is 100% secure, and we cannot guarantee absolute security.`
            },
            {
              heading: '8. Your Rights',
              body: `You have the right to request access to the personal information we hold about you, to request correction of inaccurate information, or to request deletion of your information. To exercise any of these rights, please contact us at hello@meteracollective.com.`
            },
            {
              heading: '9. Children\'s Privacy',
              body: `Our website is not directed at children under the age of 13. We do not knowingly collect personal information from children. If you believe we have inadvertently collected information from a child, please contact us immediately and we will take steps to delete it.`
            },
            {
              heading: '10. Changes to This Policy',
              body: `We may update this Privacy Policy from time to time. Any changes will be posted on this page with an updated effective date. Your continued use of our website after any changes constitutes your acceptance of the updated policy.`
            },
            {
              heading: '11. Contact Us',
              body: `If you have any questions about this Privacy Policy or how we handle your information, please contact us at:\n\nMetera Collective\nEmail: hello@meteracollective.com`
            },
          ].map((s, i) => (
            <div key={i} className="reveal" style={{ marginBottom:'40px', paddingBottom:'40px', borderBottom: i < 10 ? '1px solid var(--fog)' : 'none' }}>
              <h2 style={{ fontFamily:'var(--serif)', fontSize:'clamp(20px,2.2vw,26px)', fontWeight:'400', color:'var(--ink)', marginBottom:'14px' }}>{s.heading}</h2>
              {s.body.split('\n\n').map((para, j) => (
                <p key={j} className="t-body" style={{ marginBottom:'10px' }}>{para}</p>
              ))}
            </div>
          ))}

        </div>
      </section>
    </div>
  );
}

Object.assign(window, { PrivacyPage });