/* Privacy Policy page content — Rep by Rep
   Loaded by privacy-policy.html alongside Nav + Footer from components.jsx.
   CAN-SPAM + basic GDPR-lite coverage. Written in JP's voice.
   Brand rules enforced: no mid-sentence em dashes, no exclamation marks,
   sharp radii (--r-md 6px), correct type hierarchy. */

const PrivacyPolicy = () => (
  <main style={{ background: 'var(--bg)', paddingTop: 96, paddingBottom: 120 }}>
    <div className="wrap" style={{ maxWidth: 720 }}>

      {/* Page header */}
      <div style={{ marginBottom: 56 }}>
        <div className="eyebrow" style={{ marginBottom: 16 }}>Legal</div>
        <h1 className="h-section" style={{ marginBottom: 16 }}>Privacy Policy</h1>
        <div className="rule" />
        <p style={{ fontSize: 13, color: 'var(--fg-3)', marginTop: 20 }}>Last updated: June 2, 2026</p>
      </div>

      {/* TL;DR summary box */}
      <div style={{
        background: 'var(--rxr-haze)',
        borderRadius: 'var(--r-md)',
        padding: '28px 32px',
        marginBottom: 56,
        borderLeft: '3px solid var(--accent)',
      }}>
        <div style={{
          fontSize: 10, fontWeight: 600, letterSpacing: '0.22em',
          textTransform: 'uppercase', color: 'var(--accent)', marginBottom: 14,
        }}>
          The short version
        </div>
        <ul style={{ listStyle: 'none', padding: 0, margin: 0, display: 'flex', flexDirection: 'column', gap: 10 }}>
          {[
            'We collect only what you give us: name, email, and what you type into our forms.',
            'We use it to send the thing you asked for and nothing else.',
            'We never sell your data. Ever.',
            'You can unsubscribe or ask us to delete your information at any time.',
            'One email: info@repxrep.fit. That’s the whole contact.',
          ].map(item => (
            <li key={item} style={{ fontSize: 14, color: 'var(--fg)', display: 'flex', gap: 10, lineHeight: 1.65 }}>
              <span style={{ color: 'var(--accent)', fontWeight: 700, flexShrink: 0, marginTop: 1 }}>—</span>
              <span>{item}</span>
            </li>
          ))}
        </ul>
      </div>

      {/* Policy sections */}
      {[
        {
          title: '01 · Who we are',
          body: `Rep by Rep is an online coaching business operated by Jason Parkins out of the United States. We offer training and nutrition coaching for men 30 and up, along with free resources including the Macro Guide and 3-Week Reset Plan. Our website is repxrep.fit.`,
        },
        {
          title: '02 · What we collect',
          body: `We collect information only when you voluntarily give it to us. That includes:

• Your name and email address when you sign up for Field Notes, the Macro Guide, or the 3-Week Reset.
• Your name, email, age, training history, goal, and availability when you submit a coaching application.
• Your name, email, topic, and message when you use the Contact form.
• Information Cal.com collects when you book a Discovery Call (name, email, and your selected time). Cal.com’s own privacy policy governs that data.

We do not collect payment information on this site. Billing is handled separately through Stripe.`,
        },
        {
          title: '03 · How we use it',
          body: `We use your information to do what you asked us to do:

• If you signed up for Field Notes, we send Field Notes. Twice a month. That’s it.
• If you downloaded the Macro Guide or 3-Week Reset, we send you the resource, and occasionally relevant follow-ups. You can opt out at any time.
• If you submitted a coaching application, we use it to evaluate fit and respond to you directly.
• If you sent a message, we use it to reply.

We do not use your information to build advertising profiles, sell you to third parties, or add you to lists you didn’t ask to be on.`,
        },
        {
          title: '04 · Who we share it with',
          body: `We use a small number of third-party services to run the site. Each one only receives what it needs to do its job:

• MailerLite — email delivery. Stores your email and name. Privacy policy: mailerlite.com/legal/privacy-policy
• Cal.com — call booking. Stores your booking details. Privacy policy: cal.com/privacy
• Formspree — contact and application form routing. Forwards submissions to our inbox and does not store them beyond processing. Privacy policy: formspree.io/legal/privacy-policy

We don’t use ad networks, tracking pixels, or social media retargeting on this site.`,
        },
        {
          title: '05 · Cookies',
          body: `We don’t run advertising cookies or third-party trackers. The site uses a single first-party session cookie to maintain your login session. Cal.com may set its own cookies when the booking widget loads. We don’t use Google Analytics or any behavioral tracking tools.`,
        },
        {
          title: '06 · Email and CAN-SPAM',
          body: `Every marketing email we send includes an unsubscribe link. One click and you’re off the list. No re-confirmation, no re-engagement series, no “are you sure?” email.

If you receive an email from us you didn’t ask for, that’s a mistake on our end. Email info@repxrep.fit and we’ll fix it.

Our physical mailing address for CAN-SPAM purposes: Rep by Rep · 321 Montgomery Rd, Unit 160554 · Altamonte Springs, FL 32714 · United States.`,
        },
        {
          title: '07 · Your rights',
          body: `You can ask us to do any of the following at any time:

• Send you a copy of the data we hold on you.
• Correct information that’s wrong.
• Delete your information from our records and from MailerLite.
• Stop emailing you.

Email info@repxrep.fit with the request. We’ll handle it within 10 business days.`,
        },
        {
          title: '08 · Data retention',
          body: `We keep your information for as long as you’re subscribed or engaged with us. If you unsubscribe from all lists and don’t interact with us for 24 months, we’ll remove your record from our active database. You can also request deletion at any time per Section 07.`,
        },
        {
          title: '09 · Changes to this policy',
          body: `If we change this policy in a material way, we’ll update the date at the top of this page. We won’t send a policy-update email every time we fix a typo. If the changes affect how we use your data, we’ll let you know directly.`,
        },
        {
          title: '10 · Contact',
          body: `Questions about this policy: info@repxrep.fit. That’s a real inbox. It goes to Jason.`,
        },
      ].map(({ title, body }) => (
        <div key={title} style={{ marginBottom: 48, paddingBottom: 48, borderBottom: '1px solid var(--border)' }}>
          <div style={{
            fontFamily: 'var(--font-headline)',
            fontWeight: 600,
            fontSize: 13,
            textTransform: 'uppercase',
            letterSpacing: '0.14em',
            color: 'var(--fg-3)',
            marginBottom: 12,
          }}>
            {title}
          </div>
          <div style={{
            fontSize: 15,
            lineHeight: 1.75,
            color: 'var(--fg-2)',
            whiteSpace: 'pre-line',
            fontFamily: 'var(--font-body)',
          }}>
            {body}
          </div>
        </div>
      ))}

    </div>
  </main>
);

Object.assign(window, { PrivacyPolicy });
