import { getCmsDocument, DEFAULT_POLICY_PAGES, PolicyPagesContent } from '../../lib/cms';

export default async function PrivacyPage() {
  const content = await getCmsDocument<PolicyPagesContent>('policy_pages', DEFAULT_POLICY_PAGES);
  const privacyText = content.privacy_policy || DEFAULT_POLICY_PAGES.privacy_policy;
  const paragraphs = privacyText.split(/\n\n+/).filter(Boolean);

  return (
    <section className="content-page legal-page">
      <span className="eyebrow">Your data</span>
      <h1>Privacy</h1>
      {paragraphs.map((p, i) => (
        <p key={i}>{p}</p>
      ))}
      <h2>What we collect</h2>
      <p>Information you provide, device and session details, and ride data generated when you use telemetry and recording features.</p>
      <h2>How we use it</h2>
      <p>We use this information to operate the app, sync your rides, provide support, prevent abuse, and improve reliability. We do not expose private ride data through public pages.</p>
      <h2>Your choices</h2>
      <p>You can manage your account through the portal and contact support for access, correction, or deletion requests.</p>
    </section>
  );
}