import Link from "next-intl/link";
import { Button } from "@/components/ui/button";
import { ArrowLeft } from "lucide-react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { useTranslations } from "next-intl";

export default function PrivacyPage() {
  const t = useTranslations("PrivacyPage");
  return (
    <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background">
      <div className="w-full max-w-4xl mx-auto">
        <Button asChild variant="ghost" className="mb-4 -ml-4">
          <Link href="/">
            <ArrowLeft className="mr-2 h-4 w-4" />
            {t('back')}
          </Link>
        </Button>
        <main className="w-full">
          <Card>
            <CardHeader>
              <CardTitle className="text-3xl font-bold">Data Privacy Policy</CardTitle>
            </CardHeader>
            <CardContent className="space-y-6 text-muted-foreground">
              <div className="space-y-2">
                <h3 className="font-semibold text-foreground">1. General Information</h3>
                <p>
                  This is a placeholder for your data privacy policy. It outlines how personal data is collected, used, and protected when you use this website.
                </p>
              </div>
              <div className="space-y-2">
                <h3 className="font-semibold text-foreground">2. Data Collection on This Website</h3>
                <p>
                  All image processing happens directly in your browser. The images you upload are not sent to any server and are not stored by us. We do not collect any personal data from the images.
                </p>
              </div>
              <div className="space-y-2">
                <h3 className="font-semibold text-foreground">3. Your Rights</h3>
                <p>
                  As no personal data is collected, rights regarding access, rectification, or erasure of personal data are not applicable in this context.
                </p>
              </div>
              <div className="pt-4 border-t">
                <h3 className="font-semibold text-foreground">Disclaimer:</h3>
                <p className="text-sm">
                  This is a sample privacy policy and not legally binding. It is crucial to adapt this text to your specific data processing activities and to consult with a legal professional to ensure full GDPR compliance.
                </p>
              </div>
            </CardContent>
          </Card>
        </main>
      </div>
    </div>
  );
}