feat: add thank you dialog for Tteck

src/app/page.tsx

@@ -4,10 +4,15 @@ import Particles from "@/components/ui/particles";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
 import { cn } from "@/lib/utils";
-import { ArrowRightIcon } from "lucide-react";
+import { ArrowRightIcon, ExternalLink } from "lucide-react";
 import { useTheme } from "next-themes";
 import Link from "next/link";
 import { useEffect, useState } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import logo from "../../public/logo.png"
+import Image from "next/image";
+import { CardFooter } from "@/components/ui/card";
+import { FaGithub } from "react-icons/fa";
 
 function CustomArrowRightIcon() {
   return <ArrowRightIcon className="h-4 w-4" width={1} />;
@@ -33,25 +38,63 @@ export default function Page() {
       />
       <div className="container mx-auto">
         <div className="flex h-[80vh] flex-col items-center justify-center gap-4 py-20 lg:py-40">
-          <div>
-            <AnimatedGradientText>
-              <div
-                className={cn(
-                  `absolute inset-0 block size-full animate-gradient bg-gradient-to-r from-[#ffaa40]/50 via-[#9c40ff]/50 to-[#ffaa40]/50 bg-[length:var(--bg-size)_100%] [border-radius:inherit] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)]`,
-                  `p-px ![mask-composite:subtract]`,
-                )}
-              />
-              🎉 <Separator className="mx-2 h-4" orientation="vertical" />
-              <span
-                className={cn(
-                  `animate-gradient bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent`,
-                  `inline`,
-                )}
-              >
-                Redesigned Website
-              </span>
-            </AnimatedGradientText>
-          </div>
+          <Dialog>
+            <DialogTrigger>
+              <div>
+                <AnimatedGradientText>
+                  <div
+                    className={cn(
+                      `absolute inset-0 block size-full animate-gradient bg-gradient-to-r from-[#ffaa40]/50 via-[#9c40ff]/50 to-[#ffaa40]/50 bg-[length:var(--bg-size)_100%] [border-radius:inherit] [mask:linear-gradient(#fff_0_0)_content-box,linear-gradient(#fff_0_0)]`,
+                      `p-px ![mask-composite:subtract]`,
+                    )}
+                  />
+                  ❤️ <Separator className="mx-2 h-4" orientation="vertical" />
+                  <span
+                    className={cn(
+                      `animate-gradient bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent`,
+                      `inline`,
+                    )}
+                  >
+                    Scripts by Tteck
+                  </span>
+                </AnimatedGradientText>
+              </div>
+            </DialogTrigger>
+            <DialogContent>
+              <DialogHeader>
+                <DialogTitle>Thank You!</DialogTitle>
+                <DialogDescription>
+                  A big thank you to Tteck and the many contributors who have
+                  made this project possible. Your hard work is truly
+                  appreciated by the entire Proxmox community!
+                </DialogDescription>
+              </DialogHeader>
+              <CardFooter className="flex flex-col gap-2">
+                <Button className="w-full" variant="outline" asChild>
+                  <a
+                    href="https://github.com/tteck"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center justify-center"
+                  >
+                    <FaGithub className="mr-2 h-4 w-4" /> Tteck's GitHub
+                  </a>
+                </Button>
+                <Button className="w-full" asChild>
+                  <a
+                    href="https://github.com/tteck/Proxmox"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="flex items-center justify-center"
+                  >
+                    <ExternalLink className="mr-2 h-4 w-4" /> Proxmox Helper
+                    Scripts
+                  </a>
+                </Button>
+              </CardFooter>
+            </DialogContent>
+          </Dialog>
+
           <div className="flex flex-col gap-4">
             <h1 className="max-w-2xl text-center text-5xl font-semibold tracking-tighter md:text-7xl">
               Make managing your Homelab a breeze

src/components/CommandMenu.tsx

@@ -89,12 +89,12 @@ export default function CommandMenu() {
           <CommandEmpty>No scripts found.</CommandEmpty>
           {links.map((category) => (
             <CommandGroup
-              key={category.categoryId}
+              key={"category:" + category.categoryId}
               heading={category.catagoryName}
             >
               {category.expand.items.map((script) => (
                 <CommandItem
-                  key={script.id}
+                  key={"script:"+script.id}
                   value={script.title}
                   onSelect={() => {
                     setOpen(false);

src/components/Navbar.tsx

@@ -3,7 +3,7 @@ import { Button } from "@/components/ui/button";
 import Image from "next/image";
 import Link from "next/link";
 import { useEffect, useState } from "react";
-import logo from "/public/logo.png";
+import logo from "../../public/logo.png";
 
 import { navbarLinks } from "@/config/siteConfig";