'use client'

import { Header } from '@/components/Header'
import { Footer } from '@/components/Footer'
import { Shield, Calendar } from 'lucide-react'

const sections = [
  {
    title: '1. Information We Collect',
    content: `
      <p>We collect information you provide directly to us, including:</p>
      <ul>
        <li><strong>Account Information:</strong> When you create an account, we collect your email address and password (stored securely using industry-standard encryption).</li>
        <li><strong>Domain Data:</strong> Domains you add to your watchlist and their monitoring preferences.</li>
        <li><strong>Payment Information:</strong> If you subscribe to a paid plan, our payment processor (Stripe) collects and processes your payment information. We do not store credit card numbers.</li>
        <li><strong>Communications:</strong> When you contact us, we collect the information you provide in your messages.</li>
      </ul>
    `,
  },
  {
    title: '2. How We Use Your Information',
    content: `
      <p>We use the information we collect to:</p>
      <ul>
        <li>Provide, maintain, and improve our services</li>
        <li>Process transactions and send related information</li>
        <li>Send you technical notices, updates, security alerts, and support messages</li>
        <li>Respond to your comments, questions, and requests</li>
        <li>Monitor and analyze trends, usage, and activities</li>
        <li>Detect, investigate, and prevent fraudulent transactions and abuse</li>
      </ul>
    `,
  },
  {
    title: '3. Information Sharing',
    content: `
      <p>We do not sell, trade, or rent your personal information to third parties. We may share your information only in the following circumstances:</p>
      <ul>
        <li><strong>Service Providers:</strong> We work with third-party service providers who need access to your information to perform services on our behalf (e.g., payment processing, email delivery).</li>
        <li><strong>Legal Requirements:</strong> We may disclose your information if required by law or in response to valid legal requests.</li>
        <li><strong>Business Transfers:</strong> If pounce is involved in a merger, acquisition, or sale of assets, your information may be transferred as part of that transaction.</li>
      </ul>
    `,
  },
  {
    title: '4. Data Security',
    content: `
      <p>We implement appropriate technical and organizational measures to protect your personal information, including:</p>
      <ul>
        <li>Encryption of data in transit (TLS/SSL) and at rest</li>
        <li>Secure password hashing using bcrypt</li>
        <li>Regular security audits and vulnerability assessments</li>
        <li>Access controls and authentication for all systems</li>
        <li>Regular backups with encrypted storage</li>
      </ul>
    `,
  },
  {
    title: '5. Data Retention',
    content: `
      <p>We retain your personal information for as long as your account is active or as needed to provide you services. You can request deletion of your account and associated data at any time by contacting us at hello@pounce.ch.</p>
      <p>We may retain certain information as required by law or for legitimate business purposes, such as fraud prevention.</p>
    `,
  },
  {
    title: '6. Your Rights',
    content: `
      <p>Depending on your location, you may have the following rights regarding your personal information:</p>
      <ul>
        <li><strong>Access:</strong> Request a copy of the personal information we hold about you.</li>
        <li><strong>Correction:</strong> Request that we correct inaccurate or incomplete information.</li>
        <li><strong>Deletion:</strong> Request that we delete your personal information.</li>
        <li><strong>Data Portability:</strong> Request a copy of your data in a machine-readable format.</li>
        <li><strong>Objection:</strong> Object to processing of your personal information.</li>
      </ul>
      <p>To exercise any of these rights, please contact us at hello@pounce.ch.</p>
    `,
  },
  {
    title: '7. International Data Transfers',
    content: `
      <p>Your information may be transferred to and processed in countries other than your own. We ensure appropriate safeguards are in place for such transfers, including standard contractual clauses approved by relevant authorities.</p>
    `,
  },
  {
    title: '8. Changes to This Policy',
    content: `
      <p>We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new policy on this page and updating the "Last Updated" date. We encourage you to review this policy periodically.</p>
    `,
  },
  {
    title: '9. Contact Us',
    content: `
      <p>If you have any questions about this Privacy Policy, please contact us at:</p>
      <ul>
        <li>Email: hello@pounce.ch</li>
        <li>Address: Gugger Digital Services, Zurich, Switzerland</li>
      </ul>
    `,
  },
]

export default function PrivacyPage() {
  return (
    <div className="min-h-screen bg-background relative flex flex-col">
      <Header />

      <main className="relative pt-32 sm:pt-36 pb-20 px-4 sm:px-6 flex-1">
        <div className="max-w-3xl mx-auto">
          {/* Hero */}
          <div className="mb-12 animate-fade-in">
            <div className="inline-flex items-center gap-2 px-3 py-1.5 bg-background-secondary/80 backdrop-blur-sm border border-border rounded-full mb-6">
              <Shield className="w-4 h-4 text-accent" />
              <span className="text-ui-sm text-foreground-muted">Legal</span>
            </div>
            <h1 className="font-display text-[2.25rem] sm:text-[3rem] leading-[1.1] tracking-[-0.035em] text-foreground mb-4">
              Privacy Policy
            </h1>
            <div className="flex items-center gap-2 text-body-sm text-foreground-muted">
              <Calendar className="w-4 h-4" />
              <span>Last Updated: December 8, 2025</span>
            </div>
          </div>

          {/* Introduction */}
          <div className="prose-custom mb-12 animate-slide-up">
            <p className="text-body-lg text-foreground-muted leading-relaxed">
              At Pounce, we take your privacy seriously. This Privacy Policy explains how we collect, 
              use, disclose, and safeguard your information when you use our domain monitoring service.
            </p>
          </div>

          {/* Sections */}
          <div className="space-y-10">
            {sections.map((section, i) => (
              <section
                key={section.title}
                className="animate-slide-up"
                style={{ animationDelay: `${i * 50}ms` }}
              >
                <h2 className="text-heading-sm font-medium text-foreground mb-4">
                  {section.title}
                </h2>
                <div
                  className="prose-custom text-body text-foreground-muted leading-relaxed [&_ul]:list-disc [&_ul]:pl-5 [&_ul]:space-y-2 [&_li]:text-foreground-muted [&_strong]:text-foreground [&_p]:mb-4"
                  dangerouslySetInnerHTML={{ __html: section.content }}
                />
              </section>
            ))}
          </div>
        </div>
      </main>

      <Footer />
    </div>
  )
}

