diff --git a/app/layout.jsx b/app/layout.jsx
index 9d26ac0..b0b9ed3 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.png";
+import Icon from "@/public/img/icon.ico";
 import "./nprogress.css";
 
 export const metadata = {
@@ -14,34 +14,48 @@ export const metadata = {
 	image: Icon,
 	author: "Alvalens",
 	keywords:
-		"alvalens, alvalen, alvalen shafel, shafel, alvalen shafelbilyunazra, alvalen shafel bilyunazra, bloodfallen, alvalen porto, porto alvalens, alvalens portofolio, web alvalen, alvalens web, alvalens website, website alvalens, alvalens web developer, web portofolio alvalens, alvalen profile, profil alvalen",
-	
+		"alvalens, alvalen, alvalen shafel, shafel, alvalen shafelbilyunazra, alvalen shafel bilyunazra, bloodfallen, alvalen porto",
+	siteUrl: "https://alvalens.vercel.app",
+	ico: Icon,
+	applicationName: "Alvalens",
+	keywords: [
+		"alvalens",
+		"alvalen",
+		"alvalen shafel",
+		"shafel",
+		"alvalen shafelbilyunazra",
+		"alvalen shafel bilyunazra",
+		"bloodfallen",
+		"alvalen porto",
+		"alvalen um",
+	],
+	author: "Alvalen Shafelbilyunazra",
+	authorDescription: "I'm a web developer and I'm passionate about it.",
+	openGraph: {
+		type: "website",
+		url: "https://www.alvalens.my.id",
+		title: "Alvalens | Portofolio",
+		description: "My name is Alvalens, This is my portofolio website.",
+		image: Icon,
+		siteName: "Alvalens",
+	},
+	icons: {
+		icon: "img/icon.ico",
+		appleIcon: Icon,
+		favicon32: Icon,
+		favicon16: Icon,
+	},
 };
 
 const TopProgressBar = dynamic(() => import("@/components/TopProgressbar"), {
 	ssr: false,
 });
 
-const Meta = () => (
-	<>
-		<meta name="description" content={metadata.description} />
-		<meta property="og:title" content={metadata.title} />
-		<meta property="og:description" content={metadata.description} />
-		<meta property="og:image" content={metadata.image} />
-		<meta property="og:type" content="website" />
-		<meta name="application-name" content="Alvalens | Portofolio" />
-		<meta name="apple-mobile-web-app-capable" content="yes" />
-		<meta name="author" content="Alvalens" />
-		</>
-);
+
 
 export default function RootLayout({ children }) {
 	return (
 		<html lang="en">
-			<head>
-			<link rel="icon" href="/img/icon.png" sizes="any" />
-			<Meta />
-			</head>
 			<body>
 				
 				<TopProgressBar />
diff --git a/public/img/icon.ico b/public/img/icon.ico
new file mode 100644
index 0000000..fc8d1c2
Binary files /dev/null and b/public/img/icon.ico differ
diff --git a/public/img/icon.png b/public/img/icon.png
deleted file mode 100644
index 40cdc01..0000000
Binary files a/public/img/icon.png and /dev/null differ