'use client'

import ThemeToggle from '../../components/ThemeToggle'

export default function PrivacyPage() {
  return (
    <main className="min-h-screen bg-white dark:bg-carbon-950 text-carbon-950 dark:text-white font-sans antialiased">
      <div className="max-w-4xl mx-auto px-chorus-lg py-chorus-xxl">
        
        {/* Header */}
        <div className="mb-chorus-xxl">
          <h1 className="text-h1 font-logo font-thin text-carbon-950 dark:text-white mb-chorus-md text-center">
            CHORUS
          </h1>
          <nav className="text-center">
            <a 
              href="/" 
              className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors font-medium"
            >
              ← Back to Home
            </a>
          </nav>
        </div>

        {/* Privacy Policy Content */}
        <article className="prose prose-lg max-w-none">
          <header className="mb-chorus-xl">
            <h1 className="text-h2 font-bold text-carbon-950 dark:text-white mb-chorus-md">
              Privacy Policy
            </h1>
            <p className="text-carbon-600 dark:text-mulberry-300 font-medium">
              Effective Date: January 1, 2025
            </p>
          </header>

          <div className="space-y-chorus-lg text-carbon-700 dark:text-mulberry-100 leading-relaxed">
            <p>
              This Privacy Policy explains how we collect, use, and protect your information when you use our website.
            </p>

            <section>
              <h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
                Information We Collect
              </h2>
              <p>
                <strong>Email Address:</strong> When you sign up for early access or join the waitlist, we collect your email address.
              </p>
            </section>

            <section>
              <h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
                How We Use Your Information
              </h2>
              <ul className="list-disc pl-chorus-lg space-y-2">
                <li>To notify you about early access opportunities, product updates, and launch information.</li>
                <li>To communicate directly with you regarding our product.</li>
              </ul>
            </section>

            <section>
              <h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
                Data Storage and Security
              </h2>
              <ul className="list-disc pl-chorus-lg space-y-2">
                <li>Your email address is stored in a secure, encrypted database.</li>
                <li>We take reasonable steps to protect your data from unauthorized access, disclosure, or misuse.</li>
              </ul>
            </section>

            <section>
              <h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
                Sharing of Information
              </h2>
              <p>
                We do not sell, rent, or share your personal information with any third parties.
              </p>
            </section>

            <section>
              <h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
                Your Rights
              </h2>
              <ul className="list-disc pl-chorus-lg space-y-2">
                <li>You may request the deletion of your email address from our records at any time by contacting us at policy@chorus.services.</li>
                <li>You can unsubscribe from our communications at any time via the link in our emails.</li>
              </ul>
            </section>

            <section>
              <h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
                Changes to This Policy
              </h2>
              <p>
                We may update this Privacy Policy from time to time. Any changes will be posted on this page with a new effective date.
              </p>
            </section>

            <section>
              <h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
                Contact Us
              </h2>
              <p>
                If you have any questions about this Privacy Policy or your data, please contact us at:{" "}
                <a 
                  href="mailto:policy@chorus.services" 
                  className="text-carbon-950 dark:text-white font-semibold hover:underline"
                >
                  policy@chorus.services
                </a>
              </p>
            </section>
          </div>
        </article>

        {/* Footer */}
        <footer className="mt-chorus-xxl pt-chorus-xl border-t border-sand-300/30 dark:border-mulberry-800/30">
          <div className="text-center">
            <div className="text-xs text-carbon-500 dark:text-mulberry-400">
              <p className="font-medium">CHORUS.services - Anthony Lewis Rawlins</p>
              <p>ABN: 38558842858 | Ballarat, Victoria 3350, Australia</p>
              <p className="text-carbon-400 dark:text-mulberry-500">AI Development & IT Consultancy</p>
            </div>
          </div>
        </footer>
      </div>

      {/* Theme Toggle */}
      <ThemeToggle />
    </main>
  )
}