diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index c6fad745..69f8fb10 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -34,113 +34,104 @@ export default function Page() {
   }, [theme]);
 
   return (
-    <div className="w-full mt-16">
-      <Particles
-        className="absolute inset-0 -z-40"
-        quantity={100}
-        ease={80}
-        color={color}
-        refresh
-      />
-      <div className="container mx-auto">
-        <div className="flex h-[80vh] flex-col items-center justify-center gap-4 py-20 lg:py-40">
-          <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&apos;s GitHub
-                  </a>
-                </Button>
-                <Button className="w-full" asChild>
-                  <a
-                    href={`https://github.com/community-scripts/${basePath}`}
-                    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="w-full mt-16">
+				<Particles
+					className="absolute inset-0 -z-40"
+					quantity={100}
+					ease={80}
+					color={color}
+					refresh
+				/>
+				<div className="container mx-auto">
+					<div className="flex h-[80vh] flex-col items-center justify-center gap-4 py-20 lg:py-40">
+						<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&apos;s GitHub
+										</a>
+									</Button>
+									<Button className="w-full" asChild>
+										<a
+											href={`https://github.com/community-scripts/${basePath}`}
+											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
-            </h1>
-            <p className="max-w-2xl text-center text-lg leading-relaxed tracking-tight text-muted-foreground md:text-xl">
-              We are a community-driven initiative that simplifies the setup of
-              Proxmox Virtual Environment (VE).
-              <br />
-              <br />
-              Originally created by{" "}
-              <a href="https://github.com/tteck" target="_blank">
-                tteck
-              </a>
-              , these scripts automate and streamline
-              <br />
-              the process of creating and configuring Linux containers (LXC) and
-              virtual machines (VMs) on Proxmox VE.
-              <br />
-              <br />
-              With 200+ scripts to help you manage your{" "}
-              <b>Proxmox VE environment</b>.<br />
-              Whether you&#39;re a seasoned user or a newcomer, we&#39;ve got
-              you covered.
-            </p>
-          </div>
-          <div className="flex flex-row gap-3">
-            <Link href="/scripts">
-              <Button
-                size="lg"
-                variant="expandIcon"
-                Icon={CustomArrowRightIcon}
-                iconPlacement="right"
-                className="hover:"
-              >
-                View Scripts
-              </Button>
-            </Link>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
+						<div className="flex flex-col gap-4">
+							<h1 className="max-w-2xl text-center text-3xl font-semibold tracking-tighter md:text-7xl">
+								Make managing your Homelab a breeze
+							</h1>
+							<div className="max-w-2xl gap-2 flex flex-col text-center sm:text-lg text-sm leading-relaxed tracking-tight text-muted-foreground md:text-xl">
+								<p>
+									We are a community-driven initiative that simplifies the setup
+									of Proxmox Virtual Environment (VE).
+								</p>
+								<p>
+									With 200+ scripts to help you manage your{" "}
+									<b>Proxmox VE environment</b>. Whether you&#39;re a seasoned
+									user or a newcomer, we&#39;ve got you covered.
+								</p>
+							</div>
+						</div>
+						<div className="flex flex-row gap-3">
+							<Link href="/scripts">
+								<Button
+									size="lg"
+									variant="expandIcon"
+									Icon={CustomArrowRightIcon}
+									iconPlacement="right"
+									className="hover:"
+								>
+									View Scripts
+								</Button>
+							</Link>
+						</div>
+					</div>
+				</div>
+			</div>
+		);
 }
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index 38a93803..56062d6f 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -5,7 +5,7 @@ export default function Footer() {
   return (
     <div className="supports-backdrop-blur:bg-background/90 mt-auto flex border-t border-border bg-background/40 py-6 backdrop-blur-lg">
       <div className="flex w-full justify-between">
-        <div className="mx-6 w-full max-w-7xl text-sm text-muted-foreground">
+        <div className="mx-6 w-full max-w-7xl text-xs sm:text-sm text-muted-foreground">
           Website built by the community. The source code is avaliable on{" "}
           <Link
             href={`https://github.com/community-scripts/${basePath}`}
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index 482c2897..ac0d8ba0 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -9,12 +9,7 @@ import { navbarLinks } from "@/config/siteConfig";
 import CommandMenu from "./CommandMenu";
 import StarOnGithubButton from "./ui/star-on-github-button";
 import { ThemeToggle } from "./ui/theme-toggle";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "./ui/tooltip";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
 
 export const dynamic = "force-dynamic";
 
@@ -33,56 +28,59 @@ function Navbar() {
     };
   }, []);
   return (
-    <>
-      <div
-        className={`fixed left-0 top-0 z-50 flex w-screen justify-center px-4 xl:px-0 ${
-          isScrolled ? "glass border-b bg-background/50" : ""
-        }`}
-      >
-        <div className="flex h-20 w-full max-w-7xl flex-row-reverse items-center justify-between sm:flex-row">
-          <Link
-            href={"/"}
-            className="flex cursor-pointer flex-row-reverse items-center gap-2 font-semibold sm:flex-row"
-          >
-            <Image
-              height={18}
-              unoptimized
-              width={18}
-              alt="logo"
-              src="logo.png"
-            />
-            <span className="hidden lg:block">Proxmox VE Helper-Scripts</span>
-          </Link>
-          <div className="flex gap-2">
-            <CommandMenu />
-            <StarOnGithubButton />
-            {navbarLinks.map(({ href, event, icon, text }) => (
-              <TooltipProvider key={event}>
-                <Tooltip delayDuration={100}>
-                  <TooltipTrigger>
-                    <Button variant="ghost" size={"icon"} asChild>
-                      <Link
-                        target="_blank"
-                        href={href}
-                        data-umami-event={event}
-                      >
-                        {icon}
-                        <span className="sr-only">{text}</span>
-                      </Link>
-                    </Button>
-                  </TooltipTrigger>
-                  <TooltipContent side="bottom" className="text-xs">
-                    {text}
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-            ))}
-            <ThemeToggle />
-          </div>
-        </div>
-      </div>
-    </>
-  );
+			<>
+				<div
+					className={`fixed left-0 top-0 z-50 flex w-screen justify-center px-4 xl:px-0 ${
+						isScrolled ? "glass border-b bg-background/50" : ""
+					}`}
+				>
+					<div className="flex h-20 w-full max-w-7xl items-center justify-between sm:flex-row">
+						<Link
+							href={"/"}
+							className="flex cursor-pointer w-full justify-center sm:justify-start flex-row-reverse items-center gap-2 font-semibold sm:flex-row"
+						>
+							<Image
+								height={18}
+								unoptimized
+								width={18}
+								alt="logo"
+								src="/ProxmoxVE/logo.png"
+								className=""
+							/>
+							<span className="hidden md:block">Proxmox VE Helper-Scripts</span>
+						</Link>
+						<div className="flex gap-2">
+							<CommandMenu />
+							<StarOnGithubButton />
+							{navbarLinks.map(({ href, event, icon, text, mobileHidden }) => (
+								<TooltipProvider key={event}>
+									<Tooltip delayDuration={100}>
+										<TooltipTrigger
+											className={mobileHidden ? "hidden lg:block" : ""}
+										>
+											<Button variant="ghost" size={"icon"} asChild>
+												<Link
+													target="_blank"
+													href={href}
+													data-umami-event={event}
+												>
+													{icon}
+													<span className="sr-only">{text}</span>
+												</Link>
+											</Button>
+										</TooltipTrigger>
+										<TooltipContent side="bottom" className="text-xs">
+											{text}
+										</TooltipContent>
+									</Tooltip>
+								</TooltipProvider>
+							))}
+							<ThemeToggle />
+						</div>
+					</div>
+				</div>
+			</>
+		);
 }
 
 export default Navbar;
diff --git a/frontend/src/config/siteConfig.tsx b/frontend/src/config/siteConfig.tsx
index 5a8e2fa7..5cc75fe1 100644
--- a/frontend/src/config/siteConfig.tsx
+++ b/frontend/src/config/siteConfig.tsx
@@ -1,45 +1,51 @@
 import { OperatingSystem } from "@/lib/types";
 import { MessagesSquare, Scroll } from "lucide-react";
-import { FaDiscord, FaGithub } from "react-icons/fa";
 import React from "react";
+import { FaDiscord, FaGithub } from "react-icons/fa";
 
 export const basePath = process.env.BASE_PATH;
 
 const isMobile = typeof window !== "undefined" && window.innerWidth < 640;
 
 export const navbarLinks = [
-  {
-    href: `https://github.com/community-scripts/${basePath}`,
-    event: "Github",
-    icon: <FaGithub className="h-4 w-4" />,
-    text: "Github",
-  },
-  {
-    href: `https://discord.gg/2wvnMDgdnU`,
-    event: "Discord",
-    icon: <FaDiscord className="h-4 w-4" />,
-    text: "Discord",
-  },
-  {
-    href: `https://github.com/community-scripts/${basePath}/blob/main/CHANGELOG.md`,
-    event: "Change Log",
-    icon: <Scroll className="h-4 w-4" />,
-    text: "Change Log",
-  },
-  !isMobile
-    ? {
-        href: `https://github.com/community-scripts/${basePath}/discussions`,
-        event: "Discussions",
-        icon: <MessagesSquare className="h-4 w-4" />,
-        text: "Discussions",
-      }
-    : null,
-].filter(Boolean) as { href: string; event: string; icon: React.ReactNode; text: string }[];
+	{
+		href: `https://github.com/community-scripts/${basePath}`,
+		event: "Github",
+		icon: <FaGithub className="h-4 w-4" />,
+		text: "Github",
+	},
+	{
+		href: `https://discord.gg/2wvnMDgdnU`,
+		event: "Discord",
+		icon: <FaDiscord className="h-4 w-4" />,
+		text: "Discord",
+	},
+	{
+		href: `https://github.com/community-scripts/${basePath}/blob/main/CHANGELOG.md`,
+		event: "Change Log",
+		icon: <Scroll className="h-4 w-4" />,
+		text: "Change Log",
+    mobileHidden: true,
+	},
+	{
+		href: `https://github.com/community-scripts/${basePath}/discussions`,
+		event: "Discussions",
+		icon: <MessagesSquare className="h-4 w-4" />,
+		text: "Discussions",
+    mobileHidden: true,
+	},
+].filter(Boolean) as {
+	href: string;
+	event: string;
+	icon: React.ReactNode;
+	text: string;
+	mobileHidden?: boolean;
+}[];
 
 export const mostPopularScripts = [
-  "Proxmox VE Post Install",
-  "Docker",
-  "Home Assistant OS",
+	"Proxmox VE Post Install",
+	"Docker",
+	"Home Assistant OS",
 ];
 
 export const analytics = {