/* global React */

function PrivacyPage() {
  const sections = [
    {
      num: "1",
      title: "Information We Collect",
      body: "We may collect personal information from you when you contact us, register for services, subscribe to our newsletter, or otherwise interact with TraderDaddy. The types of information we may collect include:",
      bullets: [
        "Full name",
        "Email address",
        "Phone number",
        "Payment and billing information (processed by our third-party payment providers)",
        "Communications you send us (e.g., contact form submissions)",
        "Usage data and interaction data with our website",
      ],
    },
    {
      num: "2",
      title: "How We Use Your Information",
      body: "The information we collect is used solely to operate and improve our services. Specifically, we use it to:",
      bullets: [
        "Provide, operate, and maintain our educational and community services",
        "Process transactions and send related information such as confirmations and receipts",
        "Respond to inquiries, questions, and other requests",
        "Send administrative information, updates, and security alerts",
        "Send marketing and promotional communications (you may opt out at any time)",
        "Analyze usage trends to improve our website and offerings",
        "Comply with legal obligations",
      ],
    },
    {
      num: "3",
      title: "Cookies and Tracking Technologies",
      body: "Our website may use cookies and similar tracking technologies to enhance your experience. Cookies are small data files stored on your device. We use:",
      bullets: [
        "Essential cookies — required for the website to function properly",
        "Analytics cookies — to understand how visitors interact with our site",
        "Preference cookies — to remember your settings and preferences",
      ],
      footer: "You may disable cookies through your browser settings. Note that doing so may affect certain functionality of the site.",
    },
    {
      num: "4",
      title: "Third-Party Services",
      body: "We use trusted third-party service providers to operate our business. These providers may receive limited personal data solely to perform services on our behalf, including:",
      bullets: [
        "Formspree — contact form processing",
        "Whop — membership and payment processing",
        "Calendly — scheduling and booking",
        "Google Fonts — website typography (no personal data shared)",
      ],
      footer: "Each third party is bound by their own privacy policies and data protection obligations. We do not authorize them to use your information for any purpose beyond the services they provide to us.",
    },
    {
      num: "5",
      title: "No Sale or Disclosure to Third Parties",
      body: "TraderDaddy will never sell, rent, trade, or otherwise transfer your personal information to outside parties for commercial purposes. We may disclose your information only in the following limited circumstances:",
      bullets: [
        "To comply with applicable law, regulation, or legal process",
        "To protect the rights, property, or safety of TraderDaddy, our members, or the public",
        "In connection with a merger, acquisition, or sale of assets (with prior notice to you)",
      ],
    },
    {
      num: "6",
      title: "Data Retention",
      body: "We retain your personal information only for as long as necessary to fulfill the purposes described in this policy, comply with our legal obligations, resolve disputes, and enforce our agreements. When data is no longer required, we securely delete or anonymize it.",
      bullets: [],
    },
    {
      num: "7",
      title: "Security of Your Information",
      body: "We implement industry-standard security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. These measures include SSL/TLS encryption for data in transit and restricted access controls. However, no method of transmission over the internet is 100% secure. While we strive to protect your information using commercially acceptable means, we cannot guarantee absolute security.",
      bullets: [],
    },
    {
      num: "8",
      title: "Your Rights",
      body: "Depending on your jurisdiction, you may have the following rights regarding your personal information:",
      bullets: [
        "Access — request a copy of the personal data we hold about you",
        "Correction — request that inaccurate or incomplete data be corrected",
        "Deletion — request that we delete your personal data (subject to legal retention requirements)",
        "Opt-out — unsubscribe from marketing emails at any time via the unsubscribe link in any email",
        "Data portability — request your data in a structured, machine-readable format",
      ],
      footer: "To exercise any of these rights, contact us at Thetraderdaddy1@gmail.com. We will respond within 30 days.",
    },
    {
      num: "9",
      title: "California Privacy Rights (CCPA)",
      body: "If you are a California resident, you have specific rights under the California Consumer Privacy Act (CCPA), including the right to know what personal information we collect and how it is used, the right to delete your personal information, and the right to opt out of the sale of personal information. TraderDaddy does not sell personal information. To submit a CCPA request, contact us at Thetraderdaddy1@gmail.com.",
      bullets: [],
    },
    {
      num: "10",
      title: "Children's Privacy",
      body: "Our services are not directed to individuals under the age of 18. We do not knowingly collect personal information from minors. If you believe we have inadvertently collected information from a child, please contact us immediately and we will take steps to delete such information.",
      bullets: [],
    },
    {
      num: "11",
      title: "Financial Disclaimer",
      body: "TraderDaddy provides educational and community-based content only. Nothing on our website, in our sessions, or in any of our communications constitutes financial, investment, or trading advice. Trading involves substantial risk of loss and is not suitable for all investors. Past performance is not indicative of future results. You should consult a licensed financial advisor before making any investment decisions. By using our services, you acknowledge that TraderDaddy bears no responsibility for any trading losses you may incur.",
      bullets: [],
    },
    {
      num: "12",
      title: "Changes to This Policy",
      body: "We may update this Privacy Policy from time to time to reflect changes in our practices or applicable law. When we make material changes, we will update the effective date at the top of this page and, where appropriate, notify you by email or by placing a prominent notice on our website. We encourage you to review this policy periodically.",
      bullets: [],
    },
  ];

  return (
    <div className="page">
      <section className="page-hero">
        <div className="container">
          <span className="t-mono-label">// LEGAL</span>
          <h1 className="t-h1" style={{ marginTop: 16, maxWidth: 800 }}>Privacy Policy</h1>
          <div className="t-mono" style={{ marginTop: 12, fontSize: 12, color: "var(--ink-3)" }}>
            Effective Date: October 11, 2024 &nbsp;·&nbsp; Last Updated: April 2026
          </div>
          <p className="t-body" style={{ color: "var(--ink-2)", marginTop: 24, maxWidth: 680 }}>
            At TraderDaddy, we are committed to protecting your privacy and ensuring the security
            of your personal information. This Privacy Policy describes how we collect, use, and
            protect information when you engage with our services.
          </p>
        </div>
      </section>

      <section style={{ paddingTop: 0 }}>
        <div className="container" style={{ maxWidth: 780 }}>

          {sections.map(({ num, title, body, bullets, footer }) => (
            <div key={num} style={{ marginBottom: 48, paddingBottom: 48, borderBottom: "1px solid var(--line)" }}>
              <div style={{ display: "flex", gap: 24, alignItems: "baseline" }}>
                <span className="t-mono" style={{ color: "var(--acc)", fontSize: 12, flexShrink: 0 }}>{num}.</span>
                <div>
                  <h2 className="t-h3" style={{ marginBottom: 16 }}>{title}</h2>
                  <p className="t-body" style={{ color: "var(--ink-2)" }}>{body}</p>
                  {bullets && bullets.length > 0 && (
                    <ul style={{ marginTop: 16, paddingLeft: 0, listStyle: "none" }}>
                      {bullets.map((b, i) => (
                        <li key={i} style={{ display: "flex", gap: 12, marginBottom: 8, color: "var(--ink-2)" }}>
                          <span className="t-mono" style={{ color: "var(--acc)", fontSize: 12, flexShrink: 0, paddingTop: 2 }}>—</span>
                          <span className="t-body">{b}</span>
                        </li>
                      ))}
                    </ul>
                  )}
                  {footer && (
                    <p className="t-body" style={{ color: "var(--ink-3)", marginTop: 16, fontStyle: "italic" }}>{footer}</p>
                  )}
                </div>
              </div>
            </div>
          ))}

          <div style={{ marginBottom: 80 }}>
            <div style={{ display: "flex", gap: 24, alignItems: "baseline" }}>
              <span className="t-mono" style={{ color: "var(--acc)", fontSize: 12, flexShrink: 0 }}>13.</span>
              <div>
                <h2 className="t-h3" style={{ marginBottom: 16 }}>Contact Us</h2>
                <p className="t-body" style={{ color: "var(--ink-2)" }}>
                  If you have any questions or concerns about this Privacy Policy or how we handle
                  your personal information, please contact us:
                </p>
                <div style={{ marginTop: 24, padding: "24px 28px", background: "var(--bg-1)", border: "1px solid var(--line)", borderRadius: "var(--r-2)", display: "grid", gap: 8 }}>
                  <div style={{ color: "var(--ink-0)", fontWeight: 500 }}>TraderDaddy LLC</div>
                  <a href="mailto:Thetraderdaddy1@gmail.com" className="t-mono" style={{ fontSize: 13, color: "var(--acc)" }}>Thetraderdaddy1@gmail.com</a>
                  <a href="tel:18778280062" className="t-mono" style={{ fontSize: 13, color: "var(--ink-1)" }}>1-877-828-0062</a>
                  <div className="t-mono" style={{ fontSize: 12, color: "var(--ink-3)" }}>
                    433 5th Avenue, New York, NY &nbsp;·&nbsp; 50 Chestnut Street, Morristown, NJ
                  </div>
                </div>
                <p className="t-body" style={{ color: "var(--ink-2)", marginTop: 24 }}>
                  Thank you for trusting TraderDaddy with your personal information.
                  We are committed to safeguarding your privacy.
                </p>
              </div>
            </div>
          </div>

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

window.PrivacyPage = PrivacyPage;