feat: add cookie consent banner and privacy policy page; update dependencies and improve animations

app/privacy-policy/page.tsx

@@ -0,0 +1,66 @@
+'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>
+    );
+}