diff --git a/web/components/hero.tsx b/web/components/hero.tsx
index 86719fa..f7c4f9f 100644
--- a/web/components/hero.tsx
+++ b/web/components/hero.tsx
@@ -1,9 +1,24 @@
 "use client"
 
+import type { Metadata } from "next"
 import { Button } from "@/components/ui/button"
 import { ArrowRight } from "lucide-react"
 import Link from "next/link"
 
+export const metadata: Metadata = {
+  title: "ProxMenux",
+  description:
+    "A menu-driven script for Proxmox VE management, designed to simplify and streamline the execution of commands and tasks.",
+    siteName: "ProxMenux",
+    images: [
+      {
+        url: `https://raw.githubusercontent.com/MacRimi/ProxMenux/main/web/public/main.png`,
+        width: 1363,
+        height: 735,
+      },
+    ],
+}
+
 export default function Hero() {
   return (
     <section className="py-20 px-4 sm:px-6 lg:px-8 text-center">