diff --git a/public/meta/img1.png b/public/meta/img1.png
new file mode 100644
index 0000000..cb0a38b
Binary files /dev/null and b/public/meta/img1.png differ
diff --git a/public/meta/img2.png b/public/meta/img2.png
new file mode 100644
index 0000000..3f7a828
Binary files /dev/null and b/public/meta/img2.png differ
diff --git a/public/meta/img3.png b/public/meta/img3.png
new file mode 100644
index 0000000..76ebfc2
Binary files /dev/null and b/public/meta/img3.png differ
diff --git a/public/meta/img4.png b/public/meta/img4.png
new file mode 100644
index 0000000..0a66559
Binary files /dev/null and b/public/meta/img4.png differ
diff --git a/public/meta/img5.png b/public/meta/img5.png
new file mode 100644
index 0000000..0fe6f97
Binary files /dev/null and b/public/meta/img5.png differ
diff --git a/public/meta/img6.png b/public/meta/img6.png
new file mode 100644
index 0000000..06c8109
Binary files /dev/null and b/public/meta/img6.png differ
diff --git a/src/components/Meta.jsx b/src/components/Meta.jsx
new file mode 100644
index 0000000..bb72678
--- /dev/null
+++ b/src/components/Meta.jsx
@@ -0,0 +1,18 @@
+export default function Meta({ title, description, image, url = "https://fluttershub.com" }) {
+  return (
+    <>
+      <title>{title}</title>
+      <meta property="og:url" content={url} />
+      <meta property="og:type" content="website" />
+      <meta property="og:title" content={title} />
+      <meta property="og:description" content={description} />
+      <meta property="og:image" content={image} />
+      <meta property="og:image:secure_url" content={image} />
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:title" content={title} />
+      <meta name="twitter:description" content={description} />
+      <meta name="twitter:image" content={image} />
+      <meta name="theme-color" content="#00ff99" />
+    </>
+  );
+}
diff --git a/src/components/ogp.jsx b/src/components/ogp.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 02c25fb..96ce9a0 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,16 +1,19 @@
 ---
+import Meta from "../layouts/Meta.astro";
 import CenteredImage from "../components/CenteredImage.jsx";
 import ButtonGrid from "../components/ButtonGrid.jsx";
 import TypewriterLoader from "../components/TypewriterLoader.jsx";
 import Greeting from "../components/Greeting.jsx";
 import ConsoleArt from '../components/Console.jsx';
+
+
 ---
 
 <html lang="en" class="h-full bg-gray-900 text-white">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <title>Landing Page</title>
+    <Meta />
   </head>
   <body
     class="relative h-full min-h-screen overflow-hidden flex items-center justify-center"
diff --git a/src/layouts/Meta.astro b/src/layouts/Meta.astro
new file mode 100644
index 0000000..2376e7d
--- /dev/null
+++ b/src/layouts/Meta.astro
@@ -0,0 +1,55 @@
+---
+const images = [
+  "/meta/img1.png",
+  "/meta/img2.png",
+  "/meta/img3.png",
+  "/meta/img4.png",
+  "/meta/img5.png",
+  "/meta/img6.png",
+];
+
+const titles = [
+  "Phoenix's Hacker Den",
+  "404: Privacy Not Found",
+  "Uplink: British Edition",
+  "The Cookie Exploiter Zone",
+  "Gacha Addiction Headquarters",
+  "Kasane Teto Left Her VPN On",
+  "Sniffing Your WiFi Packets...",
+  "Miku's Secret LAN Party",
+  "Debugging Your Fridge...",
+  "Terminal Overlord Vibes",
+];
+
+const descriptions = [
+  "We got cookies, milk, and highly suspicious scripts 👀",
+  "Accessing your fridge in dark mode... 🍪",
+  "Decrypting your browser history for maximum dopamine.",
+  "Injecting pizza delivery payloads into your router.",
+  "I swear I'm just rolling *one* more gacha pull...",
+  "Kasane Teto left some suspicious .exe files here.",
+  "Miku is streaming your WiFi logs to the moon 🌕",
+  "Currently hacking your WiFi. Buffering... 🔥",
+  "Just an idiot building pity, nothing else.",
+  "Installing vocaloid drivers on your toaster...",
+];
+
+const image = images[Math.floor(Math.random() * images.length)];
+const title = titles[Math.floor(Math.random() * titles.length)];
+const description = descriptions[Math.floor(Math.random() * descriptions.length)];
+---
+
+<title>{title}</title>
+<meta property="og:url" content="https://fluttershub.com" />
+<meta property="og:type" content="website" />
+<meta property="og:title" content={title} />
+<meta property="og:description" content={description} />
+<meta property="og:image" content={image} />
+<meta property="og:image:secure_url" content={image} />
+
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:title" content={title} />
+<meta name="twitter:description" content={description} />
+<meta name="twitter:image" content={image} />
+
+<meta name="theme-color" content="#b00b69" />
