import config from "@/lib/config"

export default async function Cookie() {
  return (
    <div className="prose prose-slate max-w-none">
      <h1 className="text-3xl font-bold mb-6 text-slate-900 border-b pb-2">Cookie Policy</h1>
      <p className="bg-slate-50 p-4 rounded-lg border border-slate-200 mb-6">
        <strong className="text-slate-700">Effective Date:</strong> April 22, 2025
        <br />
        <strong className="text-slate-700">Service:</strong>{" "}
        <a href="https://taxhacker.app" className="text-blue-600 hover:text-blue-800">
          https://taxhacker.app
        </a>
        <br />
        <strong className="text-slate-700">Contact:</strong>{" "}
        <a href={`mailto:${config.app.supportEmail}`} className="text-blue-600 hover:text-blue-800">
          {config.app.supportEmail}
        </a>
      </p>

      <p className="text-slate-700 mb-6 leading-relaxed">
        This Cookie Policy explains how TaxHacker uses cookies and similar technologies when you visit our website or
        use our services.
      </p>

      <h2 className="text-2xl font-semibold text-slate-800 mb-4">1. What Are Cookies?</h2>
      <p className="text-slate-700 mb-6 leading-relaxed">
        Cookies are small text files stored on your device by your browser when you visit websites. They are widely used
        to make websites work more efficiently and to provide information to site owners.
      </p>

      <h2 className="text-2xl font-semibold text-slate-800 mb-4">2. How We Use Cookies</h2>
      <p className="text-slate-700 mb-3">
        We use cookies <strong className="text-slate-800">strictly for essential purposes</strong>, including:
      </p>
      <ul className="list-disc pl-6 mb-6 space-y-2 text-slate-700">
        <li>
          Maintaining user <strong className="text-slate-800">sessions and authentication</strong>
        </li>
        <li>
          Enabling <strong className="text-slate-800">caching and performance improvements</strong>
        </li>
        <li>
          Ensuring <strong className="text-slate-800">security</strong>, including DDoS and bot protection through
          Cloudflare
        </li>
      </ul>
      <p className="text-slate-700 mb-3">
        We do <strong className="text-slate-800">not</strong> use cookies for:
      </p>
      <ul className="list-disc pl-6 mb-6 space-y-2 text-slate-700">
        <li>Advertising or behavioral tracking</li>
        <li>Analytics or profiling</li>
        <li>Third-party ad services</li>
      </ul>

      <h2 className="text-2xl font-semibold text-slate-800 mb-4">3. Third-Party Infrastructure</h2>
      <p className="text-slate-700 mb-6 leading-relaxed">
        We rely on a limited number of third-party services that may set their own cookies or use related technologies:
      </p>

      <div className="overflow-x-auto mb-6">
        <table className="min-w-full border-collapse border border-slate-200 rounded-lg">
          <thead className="bg-slate-50">
            <tr>
              <th className="border border-slate-200 px-6 py-3 text-left text-sm font-semibold text-slate-700">
                Provider
              </th>
              <th className="border border-slate-200 px-6 py-3 text-left text-sm font-semibold text-slate-700">
                Purpose
              </th>
              <th className="border border-slate-200 px-6 py-3 text-left text-sm font-semibold text-slate-700">
                Cookie Usage
              </th>
            </tr>
          </thead>
          <tbody>
            <tr className="bg-white">
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                <strong className="text-slate-800">Cloudflare</strong>
              </td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                CDN, caching, security, bot protection
              </td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">Yes (essential)</td>
            </tr>
            <tr className="bg-slate-50">
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                <strong className="text-slate-800">Stripe</strong>
              </td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                Payment processing (subscriptions, billing)
              </td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">Yes (essential)</td>
            </tr>
            <tr className="bg-white">
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                <strong className="text-slate-800">GitHub</strong>
              </td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                Embedded resources or OAuth (if used)
              </td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">Possibly, if embedded</td>
            </tr>
            <tr className="bg-slate-50">
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                <strong className="text-slate-800">Sentry</strong>
              </td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">Application error monitoring</td>
              <td className="border border-slate-200 px-6 py-4 text-sm text-slate-700">
                No cookies, but may collect browser metadata
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <h2 className="text-2xl font-semibold text-slate-800 mb-4">4. Your Cookie Choices</h2>
      <p className="text-slate-700 mb-4 leading-relaxed">
        We do not currently display a cookie banner because we only use cookies that are strictly necessary for the
        operation of the website.
      </p>
      <p className="text-slate-700 mb-6 leading-relaxed">
        If you prefer, you can block or delete cookies via your browser settings. However, doing so may affect the core
        functionality of the site, including login and session persistence.
      </p>

      <h2 className="text-2xl font-semibold text-slate-800 mb-4">5. Updates to This Policy</h2>
      <p className="text-slate-700 mb-6 leading-relaxed">
        We may update this Cookie Policy from time to time. The latest version will always be available on this page,
        with the "Effective Date" updated accordingly.
      </p>

      <h2 className="text-2xl font-semibold text-slate-800 mb-4">6. Contact</h2>
      <p className="text-slate-700 mb-6 leading-relaxed">
        For questions about our cookie usage, please contact us at{" "}
        <a href={`mailto:${config.app.supportEmail}`} className="text-blue-600 hover:text-blue-800">
          {config.app.supportEmail}
        </a>
        .
      </p>
    </div>
  )
}
