// Privacy Policy page content
const Privacy = () => {
  const linkStyle = {
    color: 'var(--brand-black)',
    textDecoration: 'underline',
    textUnderlineOffset: '2px',
    fontWeight: 600,
  };

  const sectionStyle = {
    paddingTop: 40,
    paddingBottom: 40,
    borderTop: '1px solid var(--brand-gray-2)',
  };

  const h2Style = {
    fontFamily: "'National Park', sans-serif",
    fontWeight: 700,
    fontSize: 28,
    lineHeight: 1.2,
    letterSpacing: '-0.01em',
    color: 'var(--brand-black)',
    margin: '0 0 16px',
  };

  const pStyle = {
    fontSize: 18,
    fontWeight: 500,
    lineHeight: 1.6,
    color: '#666666',
    margin: '0 0 14px',
  };

  return (
    <main className="privacy-page" style={{ paddingTop: 136, paddingBottom: 0 }}>
      <div className="container" style={{ maxWidth: 720 }}>
        <h1 className="h-display center" style={{ marginTop: 24 }}>Privacy Policy</h1>

        <p className="body center" style={{ margin: '20px auto 0', fontSize: 18, fontWeight: 500, color: 'var(--brand-black)', maxWidth: 'none' }}>
          This Privacy Policy outlines our practices regarding the collection, use, and disclosure of your personal information in relation to our games (the &ldquo;Games&rdquo;). BOBAFRIENDS is committed to protecting your privacy.
        </p>

        <div style={{ display: 'flex', justifyContent: 'center', marginTop: 28 }}>
          <div style={{
            display: 'inline-flex',
            alignItems: 'center',
            gap: 8,
            height: 40,
            background: 'var(--brand-gray)',
            color: 'var(--brand-black)',
            borderRadius: 'var(--radius-pill)',
            border: '1px solid #DDE5ED',
            padding: '0 16px',
            fontSize: 16,
            fontWeight: 500,
          }}>
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
              <circle cx="12" cy="12" r="9" />
              <path d="M12 7v5l3 2" />
            </svg>
            Last Updated: June 20, 2025
          </div>
        </div>

        <div style={{ marginTop: 72 }}>

          <section style={{ ...sectionStyle, borderTop: 'none', paddingTop: 0 }}>
            <h2 style={h2Style}>Information We Collect</h2>
            <p style={pStyle}>
              We <strong>do not</strong> require you to create an account or submit personal details (e.g., name, email) to play our Games. We do not knowingly collect any information that directly identifies you. When you play our Games, we automatically collect certain technical and usage data, including:
            </p>
            <ol style={{ ...pStyle, paddingLeft: 24, margin: '0 0 0' }}>
              <li style={{ marginBottom: 6 }}><strong>Device identifiers:</strong> Advertising ID (Android) or IDFA (iOS)</li>
              <li style={{ marginBottom: 6 }}><strong>Device details:</strong> Model, operating system, screen resolution</li>
              <li style={{ marginBottom: 6 }}><strong>Usage data:</strong> Game session timestamps, level progress, in-game events</li>
              <li><strong>Crash reports:</strong> Logs and diagnostics in the event of app crashes</li>
            </ol>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>How We Use Your Information</h2>
            <p style={pStyle}>
              We use the data we collect to run and improve our Games, fix bugs, and optimize performance. Through Google AdMob, we leverage device identifiers and interaction data to show you more relevant ads. Additionally, we use this information to protect our Games—detecting fraud, enforcing our terms, and meeting legal obligations.
            </p>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>Analytics &amp; Advertising</h2>
            <p style={pStyle}>
              Our Games use Google AdMob to display advertisements. AdMob collects device identifiers like your Advertising ID, app usage information, ad interaction data, and device details to provide personalized ads. You can learn more about Google&rsquo;s privacy practices at <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" style={linkStyle}>https://policies.google.com/privacy</a>.
            </p>
            <p style={pStyle}>
              We use analytics services to understand how our Games are played and to identify technical issues. These services collect device information, game performance data, crash reports, and user engagement metrics.
            </p>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>Data Security &amp; Integrity</h2>
            <p style={pStyle}>
              Most of your game data is stored locally on your device, which means you maintain control over this information. This local data remains on your device until you delete the app. While we work hard to protect your information, no method of internet transmission or electronic storage is completely secure, and we cannot guarantee absolute security.
            </p>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>Third-Party Disclosure</h2>
            <p style={pStyle}>
              We do not sell, trade, or otherwise transfer your personal information to third parties without your consent, except as required by law or as necessary to provide our services. We may share your information with trusted third-party service providers who assist us in operating our Games, provided that they agree to keep your information confidential.
            </p>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>Children&rsquo;s Privacy</h2>
            <p style={pStyle}>
              We <strong>do not</strong> knowingly collect personal information from children under 13. If we discover that we have collected information from a child under 13, we will delete such information promptly.
            </p>
            <p style={pStyle}>
              Parents can use device-level parental controls to restrict app downloads, disable in-app purchases through device settings, and contact us if they believe their child has provided personal information to us.
            </p>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>Your Choices &amp; Controls</h2>
            <p style={pStyle}>
              You may reset or limit ad tracking by adjusting your device settings. To opt out of interest-based advertising more broadly, you can play our Games without connecting to the Internet or WiFi. If you prefer not to have additional analytics data collected, uninstalling the Game will stop further collection.
            </p>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>Changes to This Privacy Policy</h2>
            <p style={pStyle}>
              We may update this Privacy Policy from time to time to reflect changes in our practices or legal requirements. When material changes occur, we will update the &ldquo;Last Updated&rdquo; date at the top of this page. Continued use of our Games after any change signifies your acceptance of the revised terms.
            </p>
          </section>

          <section style={sectionStyle}>
            <h2 style={h2Style}>Related Policies</h2>
            <p style={pStyle}>
              Your use of our Games is also governed by our <a href="terms.html" style={linkStyle}>Terms of Service</a>. Please review them to understand your rights and obligations when playing.
            </p>
          </section>

          <section style={{ ...sectionStyle, paddingBottom: 0 }}>
            <h2 style={h2Style}>Contact Us</h2>
            <p style={pStyle}>
              If you have any questions or concerns about our Privacy Policy or the handling of your personal information, please contact us at <a href="mailto:hello@bobafriends.net" style={linkStyle}>hello@bobafriends.net</a>.
            </p>
          </section>

        </div>
      </div>

      <style>{`
        @media (max-width: 810px) {
          .privacy-page p,
          .privacy-page ol,
          .privacy-page li {
            font-size: 16px !important;
          }
          .privacy-page h2 {
            font-size: 24px !important;
          }
        }
      `}</style>
    </main>
  );
};

window.Privacy = Privacy;