import { Header } from '@/components/layout/Header';

export default function Privacy() {
  return (
    <div className="min-h-screen bg-background">
      <Header />
      <main className="container mx-auto px-4 py-8 max-w-4xl">
        <div className="prose dark:prose-invert max-w-none">
          <h1 className="text-4xl font-bold mb-8">Privacy Policy</h1>
          
          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">Information We Collect</h2>
            <p className="text-muted-foreground mb-4">
              We collect information you provide directly to us, such as when you create an account, submit reviews, or contact us.
            </p>
            <ul className="list-disc pl-6 text-muted-foreground mb-4">
              <li>Account information (email, username, display name)</li>
              <li>Profile information and photos</li>
              <li>Reviews, ratings, and comments</li>
              <li>Photos and media uploads</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">How We Use Your Information</h2>
            <p className="text-muted-foreground mb-4">
              We use the information we collect to:
            </p>
            <ul className="list-disc pl-6 text-muted-foreground mb-4">
              <li>Provide and maintain ThrillWiki services</li>
              <li>Process and display your reviews and content</li>
              <li>Communicate with you about your account</li>
              <li>Improve our services and user experience</li>
              <li>Prevent fraud and maintain security</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">Information Sharing</h2>
            <p className="text-muted-foreground mb-4">
              We do not sell, trade, or share your personal information with third parties except as described in this policy:
            </p>
            <ul className="list-disc pl-6 text-muted-foreground mb-4">
              <li>Public content (reviews, ratings) is visible to all users</li>
              <li>We may share information if required by law</li>
              <li>We may share aggregated, non-personal data for research</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">Data Security</h2>
            <p className="text-muted-foreground mb-4">
              We implement appropriate security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction.
            </p>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">Your Rights</h2>
            <p className="text-muted-foreground mb-4">
              You have the right to:
            </p>
            <ul className="list-disc pl-6 text-muted-foreground mb-4">
              <li>Access and update your account information</li>
              <li>Delete your account and associated data</li>
              <li>Export your data</li>
              <li>Opt out of communications</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-2xl font-semibold mb-4">Cookies and Analytics</h2>
            <p className="text-muted-foreground mb-4">
              We use cookies and similar technologies to improve your experience and analyze usage patterns. You can control cookie settings in your browser.
            </p>
          </section>

          <div className="mt-12 p-4 bg-muted rounded-lg">
            <p className="text-sm text-muted-foreground">
              Last updated: January 2024
            </p>
          </div>
        </div>
      </main>
    </div>
  );
}