'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&#39;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&#39;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&#39;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>
    );
}