import type { Metadata } from 'next';
import { staticMetadata } from '@/lib/meta';
import { LegalPage } from '@/components/LegalPage';
import { InfoIcon, LockIcon } from '@/components/Icons';

export const metadata: Metadata = staticMetadata({
  title: 'Privacy',
  description: 'How Justice Choice handles enquiry data, consent records and analytics — first-party, cookie-free and shared only with the lawyers you are matched with.',
  path: '/privacy/',
});

export default function Privacy() {
  return (
    <LegalPage title="Privacy" path="/privacy/" eyebrow="Your data" icon={<LockIcon className="h-3.5 w-3.5" />}>
      <p>When you send an enquiry through Justice Choice we store your name, contact details, description, the consent you gave and when you gave it. We share the enquiry only with the lawyers it is routed to, and we record which lawyers received it.</p>
      <p>We do not store raw IP addresses for enquiries or reports; we keep a salted hash to prevent abuse. Review authors’ email addresses are stored only as a hash. Analytics are first-party, cookie-free and contain no personal data.</p>
      <p>You can ask us to access, correct or delete your data. Professionals can correct their profile at any time from their dashboard or by reporting inaccurate information.</p>
      <p className="flex items-start gap-2 rounded-lg border border-rule bg-surface px-4 py-3 text-sm text-muted">
        <InfoIcon className="mt-0.5 h-4 w-4" />
        Template text for the demo — have it reviewed by counsel for each market before launch.
      </p>
    </LegalPage>
  );
}