diff --git a/web/app/favicon.ico b/web/app/favicon.ico
new file mode 100644
index 0000000..35feec3
Binary files /dev/null and b/web/app/favicon.ico differ
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
index e423004..9b31446 100644
--- a/web/app/layout.tsx
+++ b/web/app/layout.tsx
@@ -1,13 +1,25 @@
-"use client"
-
 import "./globals.css"
 import { Inter } from "next/font/google"
 import Navbar from "@/components/navbar"
 import MouseMoveEffect from "@/components/mouse-move-effect"
-import type React from "react" // Added import for React
+import type React from "react"
+import type { Metadata } from "next"
 
 const inter = Inter({ subsets: ["latin"] })
 
+export const metadata: Metadata = {
+  title: "ProxMenux",
+  description: "A menu-driven script for Proxmox VE management",
+  icons: {
+    icon: [
+      { url: "/favicon.ico", sizes: "any" },
+      { url: "/icon.svg", type: "image/svg+xml" },
+      { url: "/icon.png", type: "image/png" },
+    ],
+    apple: [{ url: "/apple-touch-icon.png" }],
+  },
+}
+
 export default function RootLayout({
   children,
 }: {
diff --git a/web/public/apple-icon.png b/web/public/apple-touch-icon.png
similarity index 100%
rename from web/public/apple-icon.png
rename to web/public/apple-touch-icon.png