// PrivacyPage.jsx — Privacy policy and clinical disclaimers
function ChPrivacyPage({ onCta }) {
  const isMobile = window.useIsMobile();

  const sectionHead = {
    fontWeight: 800, fontSize: isMobile ? 18 : 22, letterSpacing: '-0.2px',
    color: '#1B544F', margin: '0 0 12px',
  };
  const body = {
    fontSize: isMobile ? 14 : 15, lineHeight: 1.85, color: '#555', margin: '0 0 32px',
  };
  const rule = {
    border: 'none', borderTop: '1px solid rgba(27,84,79,0.10)',
    margin: '0 0 36px',
  };

  return (
    <div style={{ background: '#fff', fontFamily: 'Montserrat, sans-serif' }}>

      {/* HERO */}
      <section style={{
        background: '#F0EEE6',
        padding: isMobile ? '72px 24px 56px' : '100px 40px 80px',
        textAlign: 'center',
      }}>
        <div style={{
          fontWeight: 700, fontSize: 11, letterSpacing: '4px', textTransform: 'uppercase',
          color: '#7FD6CF', marginBottom: 18,
        }}>Legal</div>
        <h1 style={{
          fontWeight: 800, fontSize: isMobile ? 38 : 60, letterSpacing: isMobile ? '-1px' : '-2px',
          lineHeight: 1.0, color: '#1A1A1A', margin: '0 0 20px',
        }}>Privacy &amp; Disclaimers</h1>
        <p style={{
          fontSize: isMobile ? 14 : 16, lineHeight: 1.75, color: '#666',
          margin: '0 auto', maxWidth: 580,
        }}>
          Last updated: May 2026. Questions? Reach us at{' '}
          <a href="mailto:hello@clinicallyhappy.com"
             style={{ color: '#1B544F', fontWeight: 700, textUnderlineOffset: 3 }}>
            hello@clinicallyhappy.com
          </a>
        </p>
      </section>

      {/* CONTENT */}
      <section style={{
        padding: isMobile ? '56px 24px 80px' : '80px 40px 120px',
      }}>
        <div style={{ maxWidth: 720, margin: '0 auto' }}>

          {/* 1. Clinical Disclaimer */}
          <h2 style={sectionHead}>1. Clinical Disclaimer</h2>
          <p style={body}>
            Clinically Happy is an educational platform. The content published here, including articles,
            books, newsletters, social media posts, and any other materials, is intended for general
            informational and educational purposes only. It is not a substitute for professional
            psychological, medical, or legal advice.
          </p>
          <p style={body}>
            Reading, subscribing to, or engaging with Clinically Happy content does not establish
            a therapist-client or psychologist-patient relationship between you and Dr. Carla Fry,
            Dr. Lisa Ferrari, or Clinically Happy. If you are experiencing a mental health emergency
            or crisis, please contact a licensed mental health professional or call 9-8-8 (Canada's
            Suicide Crisis Helpline) immediately.
          </p>
          <hr style={rule} />

          {/* 2. Information We Collect */}
          <h2 style={sectionHead}>2. Information We Collect</h2>
          <p style={body}>
            We collect only what is necessary to respond to your inquiries and deliver our newsletter.
          </p>
          <p style={{ ...body, marginBottom: 16 }}>
            <strong style={{ color: '#1A1A1A' }}>Contact form:</strong> When you submit our contact
            form, your name, email address, and message are transmitted to and stored by Formspree
            (formspree.io), our form processing service. Formspree's privacy policy governs how that
            data is handled. We use your information solely to respond to your message.
          </p>
          <p style={body}>
            <strong style={{ color: '#1A1A1A' }}>Newsletter:</strong> Our newsletter is delivered
            through Substack (substack.com). When you subscribe, your email address is collected and
            stored by Substack. Substack's privacy policy applies. We do not store your email address
            on our own servers.
          </p>
          <p style={body}>
            We do not run analytics trackers, ad networks, or third-party cookies on this website.
            We do not sell, rent, or share your personal information with third parties for marketing
            purposes.
          </p>
          <hr style={rule} />

          {/* 3. Cookies */}
          <h2 style={sectionHead}>3. Cookies</h2>
          <p style={body}>
            This website does not set any first-party cookies. If you subscribe to our Substack
            newsletter or visit linked third-party sites (Amazon, Stan Store, Substack), those
            platforms may set their own cookies in accordance with their respective privacy policies.
          </p>
          <hr style={rule} />

          {/* 4. External Links */}
          <h2 style={sectionHead}>4. External Links</h2>
          <p style={body}>
            Our site contains links to third-party websites including Amazon, Substack, and Stan Store.
            These links are provided for your convenience. We have no control over the content or
            privacy practices of those sites and accept no responsibility for them. We encourage you
            to review the privacy policy of any site you visit.
          </p>
          <hr style={rule} />

          {/* 5. Copyright */}
          <h2 style={sectionHead}>5. Copyright</h2>
          <p style={body}>
            All content on this website, including text, images, graphics, book covers, and the
            Clinically Happy name and logo, is the intellectual property of Clinically Happy and
            is protected under applicable copyright law. Reproduction or redistribution without
            written permission is prohibited.
          </p>
          <p style={body}>
            Books published under the Clinically Happy imprint are separately protected. Please
            contact us for licensing or media reprint requests.
          </p>
          <hr style={rule} />

          {/* 6. Changes */}
          <h2 style={sectionHead}>6. Changes to This Policy</h2>
          <p style={{ ...body, marginBottom: 0 }}>
            We may update this page from time to time. The "last updated" date at the top of this
            page reflects the most recent revision. Continued use of this site after changes are
            posted constitutes your acceptance of the updated policy.
          </p>

        </div>
      </section>

      {/* CTA */}
      <section style={{
        background: '#F0EEE6',
        padding: isMobile ? '56px 24px' : '80px 40px',
        textAlign: 'center',
      }}>
        <div style={{ maxWidth: 600, margin: '0 auto' }}>
          <h2 style={{
            fontWeight: 800, fontSize: isMobile ? 26 : 36, letterSpacing: '-0.5px',
            color: '#1A1A1A', margin: '0 0 16px',
          }}>Have a question?</h2>
          <p style={{ fontSize: isMobile ? 14 : 15, lineHeight: 1.75, color: '#666', margin: '0 0 32px' }}>
            For media inquiries, speaking engagements, or privacy-related requests,
            reach out directly.
          </p>
          <ChButton onClick={() => onCta && onCta('contact')}>Contact the DrF's</ChButton>
        </div>
      </section>

    </div>
  );
}

window.ChPrivacyPage = ChPrivacyPage;