'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 Vercel's Speed Insights and Web Analytics to collect information about the usage of my
                    website.
                    This includes data such as page views, time spent on pages, interaction metrics, and performance
                    insights.
                </p>
                <h2 className="text-2xl font-semibold mt-6">How I Use Your Information</h2>
                <p className="mt-2">
                    The information collected is used to improve the performance, usability, and user experience of my
                    website.
                    I analyze this data to optimize content, and enhance site performance.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Third-Party Services</h2>
                <p className="mt-2">
                    Vercel may process collected data in accordance with their own privacy policies. Please review
                    <a href="https://vercel.com/legal/privacy-policy" className="text-blue-500 underline"> Vercel's
                        Privacy Policy</a> for more details.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Data Protection</h2>
                <p className="mt-2">
                    I take data security seriously. The information collected through Vercel's Speed Insights and Web
                    Analytics
                    is securely stored and only accessible to me.
                </p>
                <h2 className="text-2xl font-semibold mt-6">Your Rights</h2>
                <p className="mt-2">
                    You have the right to request information about your data, ask for corrections, or request its
                    deletion.
                    If you wish to exercise these rights, please 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>
    );
}
