diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
index d23208f..ce3066a 100644
--- a/.idea/jsLibraryMappings.xml
+++ b/.idea/jsLibraryMappings.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="JavaScriptLibraryMappings">
+    <file url="PROJECT" libraries="{script}" />
     <includedPredefinedLibrary name="Node.js Core" />
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/my_portfolio.iml b/.idea/my_portfolio.iml
index 24643cc..a73c701 100644
--- a/.idea/my_portfolio.iml
+++ b/.idea/my_portfolio.iml
@@ -8,5 +8,6 @@
     </content>
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
+    <orderEntry type="library" name="script" level="application" />
   </component>
 </module>
\ No newline at end of file
diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
index 62b1017..a0d0362 100644
--- a/app/components/Footer.tsx
+++ b/app/components/Footer.tsx
@@ -1,80 +1,82 @@
 import Link from "next/link";
-import { useEffect, useState } from "react";
+import {useEffect, useState} from "react";
 
 export default function Footer() {
-  const [isVisible, setIsVisible] = useState(false);
+    const [isVisible, setIsVisible] = useState(false);
 
-  useEffect(() => {
-    setTimeout(() => {
-      setIsVisible(true);
-    }, 450); // Delay to start the animation
-  }, []);
+    useEffect(() => {
+        setTimeout(() => {
+            setIsVisible(true);
+        }, 450); // Delay to start the animation
+    }, []);
 
-  const scrollToSection = (id: string) => {
-    const element = document.getElementById(id);
-    if (element) {
-      element.scrollIntoView({ behavior: "smooth" });
-    }
-  };
+    const scrollToSection = (id: string) => {
+        const element = document.getElementById(id);
+        if (element) {
+            element.scrollIntoView({behavior: "smooth"});
+        }
+    };
 
-  return (
-    <footer
-      className={`sticky- bottom-0 p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? "animate-fly-in" : "opacity-0"}`}
-    >
-      <div className={`flex flex-col md:flex-row items-center justify-between`}>
-        <div className={`flex-col items-center`}>
-          <h1 className="md:text-xl font-bold">Thank You for Visiting</h1>
-          <p className="md:mt-1 text-lg">
-            Connect with me on social platforms:
-          </p>
-          <div className="flex justify-center items-center space-x-4 mt-4">
-            <Link href="https://github.com/Denshooter" target="_blank">
-              <svg
-                className="w-10 h-10"
-                fill="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z" />
-              </svg>
-            </Link>
-            <Link href="https://linkedin.com/in/dkonkol" target="_blank">
-              <svg
-                className="w-10 h-10"
-                fill="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z" />
-              </svg>
-            </Link>
-          </div>
-        </div>
-        <div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
-          <button
-            onClick={() => scrollToSection("about")}
-            className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition"
-          >
-            Back to Top
-          </button>
-        </div>
-        <div className="flex-col">
-          <div className="mt-4">
-            <Link
-              href="/privacy-policy"
-              className="text-blue-800 transition-underline"
-            >
-              Privacy Policy
-            </Link>
-            <Link
-              href="/legal-notice"
-              className="ml-4 text-blue-800 transition-underline"
-            >
-              Legal Notice
-            </Link>
-          </div>
+    return (
+        <footer
+            className={`sticky- bottom-0 p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? "animate-fly-in" : "opacity-0"}`}
+        >
+            <div className={`flex flex-col md:flex-row items-center justify-between`}>
+                <div className={`flex-col items-center`}>
+                    <h1 className="md:text-xl font-bold">Thank You for Visiting</h1>
+                    <p className="md:mt-1 text-lg">
+                        Connect with me on social platforms:
+                    </p>
+                    <div className="flex justify-center items-center space-x-4 mt-4">
+                        <Link aria-label={"Dennis Github"} href="https://github.com/Denshooter" target="_blank">
+                            <svg
+                                className="w-10 h-10"
+                                fill="currentColor"
+                                viewBox="0 0 24 24"
+                            >
+                                <path
+                                    d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z"/>
+                            </svg>
+                        </Link>
+                        <Link aria-label={"Dennis Linked In"} href="https://linkedin.com/in/dkonkol" target="_blank">
+                            <svg
+                                className="w-10 h-10"
+                                fill="currentColor"
+                                viewBox="0 0 24 24"
+                            >
+                                <path
+                                    d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z"/>
+                            </svg>
+                        </Link>
+                    </div>
+                </div>
+                <div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
+                    <button
+                        onClick={() => scrollToSection("about")}
+                        className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition"
+                    >
+                        Back to Top
+                    </button>
+                </div>
+                <div className="flex-col">
+                    <div className="mt-4">
+                        <Link
+                            href="/privacy-policy"
+                            className="text-blue-800 transition-underline"
+                        >
+                            Privacy Policy
+                        </Link>
+                        <Link
+                            href="/legal-notice"
+                            className="ml-4 text-blue-800 transition-underline"
+                        >
+                            Legal Notice
+                        </Link>
+                    </div>
 
-          <p className="md:mt-4">© Dennis Konkol 2025</p>
-        </div>
-      </div>
-    </footer>
-  );
+                    <p className="md:mt-4">© Dennis Konkol 2025</p>
+                </div>
+            </div>
+        </footer>
+    );
 }
diff --git a/app/components/Footer_Back.tsx b/app/components/Footer_Back.tsx
index e7315f8..1436296 100644
--- a/app/components/Footer_Back.tsx
+++ b/app/components/Footer_Back.tsx
@@ -1,71 +1,73 @@
 import Link from "next/link";
-import { useEffect, useState } from "react";
+import {useEffect, useState} from "react";
 
 export default function Footer_Back() {
-  const [isVisible, setIsVisible] = useState(false);
+    const [isVisible, setIsVisible] = useState(false);
 
-  useEffect(() => {
-    setTimeout(() => {
-      setIsVisible(true);
-    }, 450); // Delay to start the animation
-  }, []);
+    useEffect(() => {
+        setTimeout(() => {
+            setIsVisible(true);
+        }, 450); // Delay to start the animation
+    }, []);
 
-  return (
-    <footer
-      className={`p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? "animate-fly-in" : "opacity-0"}`}
-    >
-      <div className={`flex flex-col md:flex-row items-center justify-between`}>
-        <div className={`flex-col items-center`}>
-          <p className="md:mt-1 text-lg">
-            Connect with me on social platforms:
-          </p>
-          <div className="flex justify-center items-center space-x-4 mt-4">
-            <Link href="https://github.com/Denshooter" target="_blank">
-              <svg
-                className="w-10 h-10"
-                fill="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z" />
-              </svg>
-            </Link>
-            <Link href="https://linkedin.com/in/dkonkol" target="_blank">
-              <svg
-                className="w-10 h-10"
-                fill="currentColor"
-                viewBox="0 0 24 24"
-              >
-                <path d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z" />
-              </svg>
-            </Link>
-          </div>
-        </div>
-        <div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
-          <Link
-            href={"/"}
-            className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition"
-          >
-            Back to main page
-          </Link>
-        </div>
-        <div className="flex-col">
-          <div className="mt-4">
-            <Link
-              href="/privacy-policy"
-              className="text-blue-800 transition-underline"
-            >
-              Privacy Policy
-            </Link>
-            <Link
-              href="/legal-notice"
-              className="ml-4 text-blue-800 transition-underline"
-            >
-              Legal Notice
-            </Link>
-          </div>
-          <p className="md:mt-4">© Dennis Konkol 2025</p>
-        </div>
-      </div>
-    </footer>
-  );
+    return (
+        <footer
+            className={`p-3 bg-gradient-to-br from-white/60 to-white/30 backdrop-blur-lg rounded-2xl shadow-xl text-center text-gray-800 ${isVisible ? "animate-fly-in" : "opacity-0"}`}
+        >
+            <div className={`flex flex-col md:flex-row items-center justify-between`}>
+                <div className={`flex-col items-center`}>
+                    <p className="md:mt-1 text-lg">
+                        Connect with me on social platforms:
+                    </p>
+                    <div className="flex justify-center items-center space-x-4 mt-4">
+                        <Link aria-label={"Dennis Github"} href="https://github.com/Denshooter" target="_blank">
+                            <svg
+                                className="w-10 h-10"
+                                fill="currentColor"
+                                viewBox="0 0 24 24"
+                            >
+                                <path
+                                    d="M12 0C5.37 0 0 5.37 0 12c0 5.3 3.438 9.8 8.205 11.387.6.11.82-.26.82-.577v-2.17c-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.757-1.333-1.757-1.09-.746.083-.73.083-.73 1.205.084 1.84 1.237 1.84 1.237 1.07 1.835 2.807 1.305 3.492.997.108-.774.42-1.305.763-1.605-2.665-.305-5.466-1.332-5.466-5.93 0-1.31.467-2.38 1.235-3.22-.123-.303-.535-1.527.117-3.18 0 0 1.008-.322 3.3 1.23.957-.266 1.98-.4 3-.405 1.02.005 2.043.14 3 .405 2.29-1.552 3.297-1.23 3.297-1.23.653 1.653.24 2.877.118 3.18.77.84 1.233 1.91 1.233 3.22 0 4.61-2.803 5.62-5.475 5.92.43.37.823 1.1.823 2.22v3.293c0 .32.218.694.825.577C20.565 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z"/>
+                            </svg>
+                        </Link>
+                        <Link aria-label={"Dennis Linked In"} href="https://linkedin.com/in/dkonkol" target="_blank">
+                            <svg
+                                className="w-10 h-10"
+                                fill="currentColor"
+                                viewBox="0 0 24 24"
+                            >
+                                <path
+                                    d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11 19h-3v-10h3v10zm-1.5-11.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5 11.5h-3v-5.5c0-1.38-1.12-2.5-2.5-2.5s-2.5 1.12-2.5 2.5v5.5h-3v-10h3v1.5c.83-1.17 2.17-1.5 3.5-1.5 2.48 0 4.5 2.02 4.5 4.5v5.5z"/>
+                            </svg>
+                        </Link>
+                    </div>
+                </div>
+                <div className="mt-4 md:absolute md:left-1/2 md:transform md:-translate-x-1/2">
+                    <Link
+                        href={"/"}
+                        className="p-4 mt-4 md:px-4 md:my-6 text-white bg-gradient-to-r from-blue-500 to-purple-500 rounded-2xl hover:from-blue-600 hover:to-purple-600 transition"
+                    >
+                        Back to main page
+                    </Link>
+                </div>
+                <div className="flex-col">
+                    <div className="mt-4">
+                        <Link
+                            href="/privacy-policy"
+                            className="text-blue-800 transition-underline"
+                        >
+                            Privacy Policy
+                        </Link>
+                        <Link
+                            href="/legal-notice"
+                            className="ml-4 text-blue-800 transition-underline"
+                        >
+                            Legal Notice
+                        </Link>
+                    </div>
+                    <p className="md:mt-4">© Dennis Konkol 2025</p>
+                </div>
+            </div>
+        </footer>
+    );
 }
diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index 6bbe7a5..466e205 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -42,6 +42,7 @@ export default function Header() {
                         <button
                             className="text-gray-700 hover:text-gray-900 md:hidden"
                             onClick={toggleSidebar}
+                            aria-label={isSidebarOpen ? "Close menu" : "Open menu"}
                         >
                             <svg
                                 className="w-6 h-6"
@@ -123,7 +124,7 @@ export default function Header() {
                         Contact
                     </button>
                 </div>
-                <h6 className="text-center text-xs text-gray-500 p-4">© 2025 Dennis</h6>
+                <p className="text-center text-xs text-gray-500 p-4">© 2025 Dennis</p>
             </div>
         </div>
     );
diff --git a/app/layout.tsx b/app/layout.tsx
index 156f64d..a1b4021 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,35 +1,64 @@
 // app/layout.tsx
 
-"use client";
-
 import "./globals.css";
 
-import { Roboto } from "next/font/google";
+import {Metadata} from "next";
+
+import {Roboto} from "next/font/google";
 import React from "react";
 //import ClientCookieConsentBanner from "./components/ClientCookieConsentBanner";
 
 const roboto = Roboto({
-  variable: "--font-roboto",
-  weight: "400",
-  subsets: ["latin"],
+    variable: "--font-roboto",
+    weight: "400",
+    subsets: ["latin"],
 });
 
 export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
+                                       children,
+                                   }: {
+    children: React.ReactNode;
 }) {
-  return (
-    <html lang="en">
-      <head>
-        <script
-          defer
-          src="https://umami.denshooter.de/script.js"
-          data-website-id="1f213877-deef-4238-8df1-71a5a3bcd142"
-        ></script>
-        <meta charSet="utf-8" />
-      </head>
-      <body className={roboto.variable}>{children}</body>
-    </html>
-  );
+    return (
+        <html lang="en">
+        <head>
+            <script
+                defer
+                src="https://umami.denshooter.de/script.js"
+                data-website-id="1f213877-deef-4238-8df1-71a5a3bcd142"
+            ></script>
+            <meta charSet="utf-8"/>
+            <title>Dennis Konkol&#39;s Portfolio</title>
+        </head>
+        <body className={roboto.variable}>{children}</body>
+        </html>
+    );
 }
+
+export const metadata: Metadata = {
+    title: "Dennis Konkol | Portfolio",
+    description: "Portfolio of Dennis Konkol, a student and software engineer based in Osnabrück, Germany. Passionate about technology, coding, and solving real-world problems.",
+    keywords: ["Dennis Konkol", "Software Engineer", "Portfolio", "Student"],
+    authors: [{name: "Dennis Konkol", url: "https://dki.one"}],
+    openGraph: {
+        title: "Dennis Konkol | Portfolio",
+        description: "Explore my projects and get in touch!",
+        url: "https://dki.one",
+        siteName: "Dennis Konkol Portfolio",
+        images: [
+            {
+                url: "https://dki.one/api/og",
+                width: 1200,
+                height: 630,
+                alt: "Dennis Konkol Portfolio",
+            },
+        ],
+        type: "website",
+    },
+    twitter: {
+        card: "summary_large_image",
+        title: "Dennis Konkol | Portfolio",
+        description: "Student & Software Engineer based in Osnabrück, Germany.",
+        images: ["https://dki.one/api/og"],
+    },
+};
diff --git a/app/metadata.tsx b/app/metadata.tsx
index 013349b..e69de29 100644
--- a/app/metadata.tsx
+++ b/app/metadata.tsx
@@ -1,31 +0,0 @@
-// app/metadata.ts
-
-import {Metadata} from "next";
-
-export const metadata: Metadata = {
-    title: "Dennis Konkol | Portfolio",
-    description: "Portfolio of Dennis Konkol, a student and software engineer based in Osnabrück, Germany. Passionate about technology, coding, and solving real-world problems.",
-    keywords: ["Dennis Konkol", "Software Engineer", "Portfolio", "Student"],
-    authors: [{name: "Dennis Konkol", url: "https://dki.one"}],
-    openGraph: {
-        title: "Dennis Konkol | Portfolio",
-        description: "Explore my projects and get in touch!",
-        url: "https://dki.one",
-        siteName: "Dennis Konkol Portfolio",
-        images: [
-            {
-                url: "https://dki.one/api/og",
-                width: 1200,
-                height: 630,
-                alt: "Dennis Konkol Portfolio",
-            },
-        ],
-        type: "website",
-    },
-    twitter: {
-        card: "summary_large_image",
-        title: "Dennis Konkol | Portfolio",
-        description: "Student & Software Engineer based in Osnabrück, Germany.",
-        images: ["https://dki.one/api/og"],
-    },
-};
diff --git a/public/robots.txt b/public/robots.txt
index a672edc..69da470 100644
--- a/public/robots.txt
+++ b/public/robots.txt
@@ -1,4 +1,5 @@
 User-agent: *
 Allow: /
-Disallow: ['/legal-notice', '/privacy-policy']
-Page: https://dki.one/sitemap.xml
+Disallow: /legal-notice
+Disallow: /privacy-policy
+Sitemap: https://dki.one/sitemap.xml