From f8c10ca80bc6d753f5b8cc1019feb0242477bf88 Mon Sep 17 00:00:00 2001
From: CanbiZ <47820557+MickLesk@users.noreply.github.com>
Date: Thu, 16 Jan 2025 15:09:13 +0100
Subject: [PATCH] Update page.tsx

---
 frontend/src/app/page.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 2ed0369b..4621ab83 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -40,22 +40,31 @@ export default function Page() {
         color={color}
         refresh
       />
+
+      {/* Header */}
       <header className="sticky top-0 z-50 bg-background/80 backdrop-blur-lg">
         <div className="container mx-auto flex flex-col items-center gap-4 px-4 py-4 sm:flex-row sm:justify-between">
+          {/* Logo */}
           <Link href="/" className="flex items-center gap-2 font-bold text-lg">
             Proxmox VE Helper-Scripts
           </Link>
+
+          {/* Suchleiste */}
           <input
             type="text"
             placeholder="Search scripts..."
             className="w-full sm:w-1/3 px-4 py-2 rounded-md bg-gray-800 text-gray-300 border border-gray-700"
           />
+
+          {/* Icons */}
           <div className="flex items-center gap-4">
             <FaGithub className="w-5 h-5 text-gray-300" />
             <FaDiscord className="w-5 h-5 text-gray-300" />
           </div>
         </div>
       </header>
+
+      {/* "Scripts by Tteck"-Button */}
       <div className="fixed top-16 right-4 sm:top-4 z-40">
         <Dialog>
           <DialogTrigger>
@@ -75,6 +84,8 @@ export default function Page() {
           </DialogContent>
         </Dialog>
       </div>
+
+      {/* Hauptinhalt */}
       <main className="container mx-auto mt-32 px-4">
         <h1 className="text-5xl sm:text-7xl font-bold text-center">
           Make managing your Homelab a breeze