import React from 'react';
import Link from 'next/link';

export default function PrivacyPage() {
  return (
    <div className="min-h-screen bg-gray-50 flex flex-col font-sans">
      <nav className="bg-gray-900 border-b border-gray-800">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="flex justify-between h-20 items-center">
            <Link href="/" className="flex items-center gap-3">
              <div className="w-10 h-10 bg-indigo-600 rounded-xl flex items-center justify-center">
                <span className="text-white font-black text-xl tracking-tighter">CQ</span>
              </div>
              <span className="font-extrabold text-2xl tracking-tight text-white">CK-QR</span>
            </Link>
          </div>
        </div>
      </nav>
      <main className="flex-1 max-w-4xl mx-auto w-full px-6 py-16">
        <h1 className="text-5xl font-black text-gray-900 mb-6">Privacy Policy</h1>
        <p className="text-xl text-gray-500 mb-10">Last updated: August 2026</p>
        <div className="prose prose-lg prose-indigo max-w-none text-gray-700">
          <h2>1. Data Collection</h2>
          <p>
            When users scan your QR codes, we collect basic telemetry data including IP address (anonymized), user agent strings to determine device type, and the timestamp of the scan. We do not collect personally identifiable information (PII) from end-users scanning the codes.
          </p>
          <h2>2. Data Usage</h2>
          <p>
            This data is used strictly to populate your analytics dashboard. We do not sell this data to third parties or data brokers.
          </p>
          <h2>3. Account Deletion</h2>
          <p>
            You may request deletion of your CK-QR account at any time. Upon deletion, all associated dynamic QR codes will instantly break and route to a 404 page.
          </p>
        </div>
      </main>
    </div>
  );
}
