'use client';

import React, { useEffect, useState } from "react";
import Header from "../components/Header";
import Footer_Back from "../components/Footer_Back";

export default function PrivacyPolicy() {
    const [isVisible, setIsVisible] = useState(false);

    useEffect(() => {
        setTimeout(() => {
            setIsVisible(true);
        }, 350);
    }, []);

    return (
        <div className={`min-h-screen flex flex-col bg-radiant-animated ${isVisible ? 'animate-fly-in' : 'opacity-0'}`}>
            <Header />
            <div className="h-10"></div>
            <main className="flex-grow p-10">
                <h1 className="text-3xl font-bold">Privacy Policy</h1>
                <p className="mt-4">
                    This Privacy Policy explains how I collect, use, and protect your information when you use my
                    website.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Information We Collect</h2>
                <p className="mt-2">
                    I use Umami Web Analytics to collect anonymized data about the usage of my website. This includes
                    information such as page views, time spent on pages, and general interaction metrics. No personally
                    identifiable information is stored or processed.
                </p>
                <h2 className="text-2xl font-semibold mt-6">How I Use Your Information</h2>
                <p className="mt-2">
                    The collected data is used solely to improve the performance, usability, and user experience of my
                    website. Since all data is anonymized, it cannot be linked back to any individual.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Third-Party Services</h2>
                <p className="mt-2">
                    Umami is a privacy-focused analytics tool that does not use cookies or track users across different
                    sites. More information can be found on the official Umami website.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Contact Form</h2>
                <p className="mt-2">
                    If you use the contact form on my website, the submitted information will be sent to me via email.
                    This data is not stored or shared with third parties and is used solely to respond to your inquiry.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Social Media Links</h2>
                <p className="mt-2">
                    My website contains links to GitHub and LinkedIn. Clicking on these links may result in data
                    collection by the respective platforms, subject to their own privacy policies.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Your Rights</h2>
                <p className="mt-2">
                    Since the collected data is fully anonymized, individual deletion requests are not applicable.
                    However, if you have any concerns, you can contact me.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Contact Us</h2>
                <p className="mt-2">
                    If you have any questions about this Privacy Policy, please contact me at info@dki.one or use the
                    contact form.
                </p>
            </main>
            <Footer_Back />
        </div>
    );
}