diff --git a/app/layout.jsx b/app/layout.jsx
index 6223bd6..0b53378 100644
--- a/app/layout.jsx
+++ b/app/layout.jsx
@@ -4,7 +4,7 @@ import Navbar from "@/components/Navbar";
 import { config } from "@fortawesome/fontawesome-svg-core";
 import "@fortawesome/fontawesome-svg-core/styles.css";
 config.autoAddCss = false;
-import Icon from "@/public/img/icon.ico";
+import Img from "@/public/og-image.png"
 import "./nprogress.css";
 
 export const metadata = {
@@ -32,9 +32,15 @@ export const metadata = {
 		url: "https://www.alvalens.my.id",
 		title: "Alvalens | Portofolio",
 		description: "My name is Alvalens, This is my portofolio website.",
-		image: Icon,
+		images: "/og-image.png",
 		siteName: "Alvalens | Portofolio",
 	},
+	// for whataspp
+	whatsapp: {
+		title: "Alvalens | Portofolio",
+		description: "My name is Alvalens, This is my portofolio website.",
+		images: "/og-image.png",
+	},
 	alternates: {
 		canoncial: "https://www.alvalens.my.id",
 	},
diff --git a/public/img/icon.ico b/public/img/icon.ico
deleted file mode 100644
index fc8d1c2..0000000
Binary files a/public/img/icon.ico and /dev/null differ
diff --git a/public/og-image-square.png b/public/og-image-square.png
new file mode 100644
index 0000000..7f2fb0b
Binary files /dev/null and b/public/og-image-square.png differ
diff --git a/public/og-image.png b/public/og-image.png
new file mode 100644
index 0000000..574402b
Binary files /dev/null and b/public/og-image.png differ