update

web/app/layout.tsx

@@ -12,17 +12,19 @@ const basePath = "/ProxMenux"
 const description =
   "A menu-driven script for Proxmox VE management, designed to facilitate productivity, it simplifies automation and streamlines task execution."
 
-  export const metadata = {
-    title: "ProxMenux",
+  export const metadata: Metadata = {
+    title: {
+      default: "ProxMenux",
+      template: "%s | ProxMenux",
+    },
+    description,
     generator: "Next.js",
     applicationName: "ProxMenux",
     referrer: "origin-when-cross-origin",
     keywords: ["Proxmox VE", "VE", "ProxMenux", "MacRimi", "menu-driven", "menu", "scripts", "virtualization"],
-    authors: { name: "MacRimi" },
+    authors: [{ name: "MacRimi" }],
     creator: "MacRimi",
     publisher: "MacRimi",
-    description,
-    favicon: "/app/favicon.ico",
     formatDetection: {
       email: false,
       address: false,
@@ -32,15 +34,33 @@ const description =
     openGraph: {
       title: "ProxMenux",
       description,
-      url: "/main.png",
+      url: `https://macrimi.github.io${basePath}/`,
+      siteName: "ProxMenux",
       images: [
         {
           url: `https://macrimi.github.io${basePath}/main.png`,
+          width: 1200,
+          height: 630,
+          alt: "ProxMenux Dashboard Preview", 
         },
       ],
       locale: "en_US",
       type: "website",
     },
+    
+    twitter: {
+      card: "summary_large_image",
+      title: "ProxMenux",
+      description,
+      images: [`https://macrimi.github.io${basePath}/main.png`],
+    },
+    icons: {
+      icon: [
+        { url: "/favicon.ico", sizes: "any" },
+        { url: "/icon.svg", type: "image/svg+xml" },
+      ],
+      apple: [{ url: "/apple-touch-icon.png" }],
+      favicon: "/app/favicon.ico", 
     }
 
 export default function RootLayout({