import Link from 'next/link';

export default function PrivacyPage() {
  return (
    <div className="min-h-screen" style={{ backgroundColor: 'var(--cm-bg-canvas)' }}>
      <div className="max-w-2xl mx-auto px-4 py-12">
        <Link href="/" className="text-sm mb-8 inline-block" style={{ color: 'var(--cm-accent)' }}>
          ← Back to ChronoMind
        </Link>

        <h1 className="text-3xl font-bold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
          Privacy Policy
        </h1>
        <p className="text-sm mb-8" style={{ color: 'var(--cm-text-tertiary)' }}>
          Last updated: February 2026
        </p>

        <div className="space-y-6 text-sm leading-relaxed" style={{ color: 'var(--cm-text-secondary)' }}>
          <section>
            <h2 className="text-lg font-semibold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
              1. What We Collect
            </h2>
            <p>
              <strong>Nothing.</strong> ChronoMind stores all your data locally in your browser using IndexedDB.
              No data is sent to any server. No accounts are required.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-semibold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
              2. Local Storage
            </h2>
            <p>
              Your timers, routines, categories, and preferences are stored locally in your browser&apos;s IndexedDB.
              This data never leaves your device. Clearing your browser data will delete all ChronoMind data.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-semibold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
              3. Analytics
            </h2>
            <p>
              We may collect anonymous, aggregated usage analytics (e.g., number of timers created, features used)
              to improve the product. No personally identifiable information is collected. You can opt out in Settings.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-semibold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
              4. Notifications
            </h2>
            <p>
              ChronoMind requests notification permission to send pre-warning alerts. This is entirely optional
              and can be revoked in your browser settings at any time.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-semibold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
              5. Cloud Sync (Future)
            </h2>
            <p>
              When cloud sync is available (planned for a future release), it will be opt-in.
              Data will be encrypted in transit (TLS) and at rest. You will be able to delete all cloud data at any time.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-semibold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
              6. Third Parties
            </h2>
            <p>
              ChronoMind does not share any data with third parties. There are no ads, no tracking pixels,
              and no data brokers.
            </p>
          </section>

          <section>
            <h2 className="text-lg font-semibold mb-2" style={{ color: 'var(--cm-text-primary)' }}>
              7. Contact
            </h2>
            <p>
              Questions about this policy? Open an issue on our{' '}
              <a
                href="https://github.com/saravanakumardb1/learning_ai_clock"
                className="underline"
                style={{ color: 'var(--cm-accent)' }}
                target="_blank"
                rel="noopener noreferrer"
              >
                GitHub repository
              </a>.
            </p>
          </section>
        </div>
      </div>
    </div>
  );
}