Update

web/app/layout.tsx

@@ -41,6 +41,10 @@ const description =
       locale: "en_US",
       type: "website",
     },
+    icons: {
+      shortcut: "/favicon.ico", 
+      apple: "/apple-touch-icon.png", 
+    },
   }
 
 export default function RootLayout({

web/app/page.tsx

@@ -1,10 +1,32 @@
 import dynamic from "next/dynamic"
+import { Metadata } from "next"
 
 const Hero = dynamic(() => import("@/components/hero"), { ssr: false })
 const Resources = dynamic(() => import("@/components/resources"), { ssr: false })
 const SupportProject = dynamic(() => import("@/components/support-project"), { ssr: false })
 const Footer = dynamic(() => import("@/components/footer"), { ssr: false })
 
+
+export const metadata: Metadata = {
+  title: "ProxMenux",
+  description:
+    "A menu-driven script for Proxmox VE management, designed to facilitate productivity, it simplifies automation and streamlines task execution.",
+  openGraph: {
+    title: "ProxMenux",
+    description:
+     "A menu-driven script for Proxmox VE management, designed to facilitate productivity, it simplifies automation and streamlines task execution.",
+    url: "https://macrimi.github.io/",
+    siteName: "ProxMenux",
+    images: [
+      {
+        url: "https://macrimi.github.io/ProxMenux/main.png", 
+      },
+    ],
+    locale: "en_US",
+    type: "website",
+  },
+}
+
 export default function Home() {
   return (
     <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white pt-16">
@@ -15,4 +37,3 @@ export default function Home() {
     </div>
   )
 }
-