"use client"
import Link from "next/link";
import { Button } from "@/components/ui/button";
import { ArrowLeft } from "lucide-react";
import { TopBar } from "@/components/top-bar";

export default function PrivacyPage() {
  return (
    <div className="min-h-screen bg-background flex flex-col">
      <TopBar />
      <div className="max-w-3xl mx-auto p-8 flex items-start gap-3 flex-col w-full">
        <Button variant="ghost" onClick={() => window.history.back()}>
          <ArrowLeft className="mr-2 h-4 w-4" /> Back to action
        </Button>
      <h1 className="text-3xl text-primary font-bold mb-1">Privacy Policy</h1>
      <p className="text-sm text-muted-foreground mb-4">
          Last updated: December 21, 2025
        </p>
      <p>FRG Network is a private Minecraft server.</p>
      <div className="text-sm space-y-6">
        <section className="space-y-3">
          <h2 className="text-xl font-semibold mb-2">What we collect</h2>
          <p>
            If you choose to accept our cookie policy, FRG Network use Vercel
            Analytics and Speed Insights to analyse how people use our website
            and how we can improve our services. This monitors:
          </p>
          <ul className="list-disc list-inside mt-2 space-y-1 ml-4">
            <li>page views and navigation patterns</li>
            <li>device type, browser, and operating system</li>
            <li>approximate location (country level only)</li>
            <li>performance metrics like page load times</li>
          </ul>
        </section>

        <section className="space-y-3">
          <h2 className="text-xl font-semibold mb-2">How we use this data</h2>
          <p>We use this information to:</p>
          <ul className="list-disc list-inside mt-2 space-y-1 ml-4">
            <li>improve website performance and user experience</li>
            <li>understand how visitors use our site</li>
            <li>optimise our content and features</li>
          </ul>
        </section>
        <section className="space-y-3">
          <h2 className="text-xl font-semibold mb-2">What we don't collect</h2>
          <p>We don't collect:</p>
          <ul className="list-disc list-inside space-y-1 ml-4">
            <li>personal identifiable information</li>
            <li>IP addresses</li>
            <li>Minecraft account details or passwords</li>
            <li>precise location data</li>
          </ul>
        </section>
        <section className="space-y-3">
          <h2 className="text-xl font-semibold mb-2">Third party services</h2>
          <p>
            We use Vercel Analytics and Speed Insights. You can read their privacy policy {" "}
            <Link
              href="https://vercel.com/legal/privacy-policy" 
              target="_blank" 
              rel="noopener noreferrer"
              className="text-primary underline-1 underline decoration-1"
            >
              here
            </Link>.
          </p>
        </section>
        <section className="space-y-3">
          <h2 className="text-xl font-semibold mb-2">Your choices and rights</h2>
          <div className="space-y-4">
            <p>Analytics are entirely optional and this website works without them. You may manage your preferences below:</p>
            
            <div className="flex flex-col sm:flex-row gap-4 items-start">
              <Button 
                variant="outline" 
                onClick={() => {
                  localStorage.setItem('analytics-enabled', 'false');
                  localStorage.setItem('cookie-consent', 'declined');
                  window.location.reload();
                }}
                className="w-full sm:w-auto"
              >
                Disable Analytics
              </Button>
              <Button 
                variant="outline" 
                onClick={() => {
                  localStorage.clear();
                  window.location.reload();
                }}
                className="w-full sm:w-auto"
              >
                Reset All Preferences
              </Button>
            </div>
            
            <p className="text-sm text-muted-foreground">
              You can also clear your browser's cache at any time to reset all preferences. 
              This will not affect the functionality of the website in any way.
            </p>
          </div>
        </section>
      </div>
      </div>
    </div>
  );
}