import SiteLayout from "@/pages/components/SiteLayout";
import Link from "next/link";

const s = {
  main: {
    maxWidth: "780px",
    margin: "0 auto",
    padding: "56px 32px 80px",
  } as React.CSSProperties,
  eyebrow: {
    display: "block",
    fontSize: "0.78rem",
    fontWeight: 700,
    letterSpacing: "0.14em",
    textTransform: "uppercase" as const,
    color: "#c0392b",
    marginBottom: "12px",
  } as React.CSSProperties,
  h1: {
    fontFamily: "'Georgia', 'Times New Roman', serif",
    fontSize: "clamp(2rem, 5vw, 2.8rem)",
    fontWeight: 700,
    color: "#e8dcc8",
    marginBottom: "8px",
    lineHeight: 1.2,
  } as React.CSSProperties,
  updated: {
    fontSize: "0.85rem",
    color: "#9e9080",
    marginBottom: "48px",
    paddingBottom: "32px",
    borderBottom: "1px solid rgba(232,220,200,0.1)",
  } as React.CSSProperties,
  h2: {
    fontFamily: "'Georgia', 'Times New Roman', serif",
    fontSize: "1.35rem",
    fontWeight: 700,
    color: "#e8dcc8",
    marginTop: "40px",
    marginBottom: "12px",
  } as React.CSSProperties,
  p: {
    fontSize: "0.95rem",
    color: "#c8bfae",
    marginBottom: "14px",
  } as React.CSSProperties,
  ul: {
    paddingLeft: "20px",
    marginBottom: "14px",
  } as React.CSSProperties,
  li: {
    fontSize: "0.95rem",
    color: "#c8bfae",
    marginBottom: "6px",
  } as React.CSSProperties,
  a: {
    color: "#c0392b",
    textDecoration: "underline",
  } as React.CSSProperties,
};

export default function Privacy() {
  return (
    <SiteLayout
      title="Privacy Policy"
      description="Privacy Policy for Bone Lord Bob — how we collect, use, and protect your data."
      keywords="Bone Lord Bob, privacy policy, cookies, GDPR, CCPA, CASL, American Anime"
    >
      <main style={s.main}>
        <span style={s.eyebrow}>Legal</span>
        <h1 style={s.h1}>Privacy Policy</h1>
        <p style={s.updated}>Last updated: April 2026</p>

        <p style={s.p}>
          Bone Lord Bob (&quot;we&quot;, &quot;us&quot;, &quot;our&quot;) is
          operated by Mathison Projects Inc. We respect your privacy and are
          committed to protecting any personal data we collect. This policy
          explains what we collect, how we use it, and your rights.
        </p>

        <h2 style={s.h2}>1. Information We Collect</h2>
        <p style={s.p}>
          We collect limited information when you visit{" "}
          <strong>www.bonelordbob.com</strong>:
        </p>
        <ul style={s.ul}>
          <li style={s.li}>
            <strong>Usage data</strong> — pages visited, browser type, device,
            IP address, and referral source, collected automatically via
            analytics tools.
          </li>
          <li style={s.li}>
            <strong>Cookie consent preference</strong> — stored locally in
            your browser&apos;s localStorage.
          </li>
          <li style={s.li}>
            <strong>Contact information</strong> — only if you email us
            directly at{" "}
            <a href="mailto:hello@bonelordbob.com" style={s.a}>
              hello@bonelordbob.com
            </a>
            .
          </li>
        </ul>

        <h2 style={s.h2}>2. Cookies &amp; Analytics</h2>
        <p style={s.p}>
          We use <strong>Google Analytics</strong> to understand how visitors
          interact with our site. Google Analytics places cookies on your device
          to collect anonymized data about your visit (e.g., pages viewed,
          session duration, geographic region).
        </p>
        <p style={s.p}>
          You can opt out of Google Analytics tracking by installing the{" "}
          <a
            href="https://tools.google.com/dlpage/gaoptout"
            target="_blank"
            rel="noopener noreferrer"
            style={s.a}
          >
            Google Analytics Opt-out Browser Add-on
          </a>
          .
        </p>
        <p style={s.p}>
          We also use a localStorage key (<code>blb_cookie_consent</code>) to
          remember your cookie consent choice. This is not transmitted to any
          server.
        </p>

        <h2 style={s.h2}>3. Third-Party Services</h2>
        <p style={s.p}>
          Our site links to and embeds content from third-party platforms. Each has
          its own privacy policy:
        </p>
        <ul style={s.ul}>
          <li style={s.li}>
            <strong>YouTube</strong> —{" "}
            <a href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" style={s.a}>
              Google Privacy Policy
            </a>
          </li>
          <li style={s.li}>
            <strong>Instagram</strong> —{" "}
            <a href="https://privacycenter.instagram.com/policy" target="_blank" rel="noopener noreferrer" style={s.a}>
              Meta Privacy Policy
            </a>
          </li>
          <li style={s.li}>
            <strong>X (Twitter)</strong> —{" "}
            <a href="https://twitter.com/en/privacy" target="_blank" rel="noopener noreferrer" style={s.a}>
              X Privacy Policy
            </a>
          </li>
          <li style={s.li}>
            <strong>Facebook</strong> —{" "}
            <a href="https://www.facebook.com/privacy/policy" target="_blank" rel="noopener noreferrer" style={s.a}>
              Meta Privacy Policy
            </a>
          </li>
          <li style={s.li}>
            <strong>Patreon</strong> —{" "}
            <a href="https://www.patreon.com/policy/privacy" target="_blank" rel="noopener noreferrer" style={s.a}>
              Patreon Privacy Policy
            </a>
          </li>
          <li style={s.li}>
            <strong>TikTok</strong> —{" "}
            <a href="https://www.tiktok.com/legal/page/us/privacy-policy/en" target="_blank" rel="noopener noreferrer" style={s.a}>
              TikTok Privacy Policy
            </a>
          </li>
        </ul>
        <p style={s.p}>
          We are not responsible for the privacy practices of these third-party
          platforms. Visiting their links is subject to their respective
          policies.
        </p>

        <h2 style={s.h2}>4. How We Use Your Information</h2>
        <p style={s.p}>We use the data we collect to:</p>
        <ul style={s.ul}>
          <li style={s.li}>Analyze and improve site performance</li>
          <li style={s.li}>Understand audience demographics and interests</li>
          <li style={s.li}>Respond to inquiries you send via email</li>
        </ul>
        <p style={s.p}>
          We do <strong>not</strong> sell, rent, or trade your personal
          information to third parties.
        </p>

        <h2 style={s.h2}>5. Your Rights</h2>
        <p style={s.p}>
          <strong>GDPR (European Union):</strong> If you are located in the
          EU/EEA, you have the right to access, rectify, erase, restrict, or
          object to processing of your personal data. You also have the right to
          data portability. To exercise these rights, contact us at{" "}
          <a href="mailto:hello@bonelordbob.com" style={s.a}>
            hello@bonelordbob.com
          </a>
          .
        </p>
        <p style={s.p}>
          <strong>CCPA (California, USA):</strong> California residents have the
          right to know what personal information we collect, to request deletion
          of that information, and to opt out of the sale of personal
          information. We do not sell personal information. To submit a request,
          contact{" "}
          <a href="mailto:hello@bonelordbob.com" style={s.a}>
            hello@bonelordbob.com
          </a>
          .
        </p>
        <p style={s.p}>
          <strong>CASL (Canada):</strong> We do not send commercial electronic
          messages unless you have given express or implied consent. If you wish
          to withdraw consent, contact us at{" "}
          <a href="mailto:hello@bonelordbob.com" style={s.a}>
            hello@bonelordbob.com
          </a>
          .
        </p>

        <h2 style={s.h2}>6. Data Retention</h2>
        <p style={s.p}>
          Analytics data is retained by Google Analytics per their default
          retention settings (26 months). We do not store personal data on our
          own servers beyond what is needed to respond to direct inquiries.
        </p>

        <h2 style={s.h2}>7. Children&apos;s Privacy</h2>
        <p style={s.p}>
          Bone Lord Bob is intended for mature audiences. We do not knowingly
          collect personal information from children under 13. If you believe a
          child has provided us with personal data, please contact us
          immediately.
        </p>

        <h2 style={s.h2}>8. Changes to This Policy</h2>
        <p style={s.p}>
          We may update this Privacy Policy from time to time. We will post the
          updated version on this page with a revised &quot;Last updated&quot;
          date. Continued use of the site after changes constitutes acceptance.
        </p>

        <h2 style={s.h2}>9. Contact</h2>
        <p style={s.p}>
          For any privacy-related questions, requests, or concerns, contact us
          at:
        </p>
        <p style={s.p}>
          <strong>Mathison Projects Inc.</strong>
          <br />
          Email:{" "}
          <a href="mailto:hello@bonelordbob.com" style={s.a}>
            hello@bonelordbob.com
          </a>
          <br />
          Website:{" "}
          <a href="https://www.bonelordbob.com" target="_blank" rel="noopener noreferrer" style={s.a}>
            www.bonelordbob.com
          </a>
        </p>

        <p style={{ ...s.p, marginTop: "40px" }}>
          <Link href="/terms" style={s.a}>Terms &amp; Conditions</Link>
          {" "}·{" "}
          <Link href="/" style={s.a}>Back to Home</Link>
        </p>
      </main>
    </SiteLayout>
  );
}
