metadata added to layout

sanidhyy · Jan 1, 2024 · cf67b3e · cf67b3e
1 parent 5faaad7
commit cf67b3e
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/components/Layout.jsx b/components/Layout.jsx
@@ -1,4 +1,5 @@
 import { Sora } from "next/font/google";
+import Head from "next/head";
 
 import Header from "../components/Header";
 import Nav from "../components/Nav";
@@ -13,14 +14,31 @@ const sora = Sora({
 
 const Layout = ({ children }) => {
   return (
-    <div
+    <main
       className={`page bg-site text-white bg-cover bg-no-repeat ${sora.variable} font-sora relative`}
     >
+      {/* metadata */}
+      <Head>
+        <title>Ethan Smith | Portfolio</title>
+        <meta
+          name="description"
+          content="Ethan Smith is a Full-stack web developer with 10+ years of experience."
+        />
+        <meta
+          name="keywords"
+          content="react, next, nextjs, html, css, javascript, js, modern-ui, modern-ux, portfolio, framer-motion, 3d-website, particle-effect"
+        />
+        <meta name="author" content="Sanidhya Kumar Verma" />
+        <meta name="theme-color" content="#f13024" />
+      </Head>
+
       <TopLeftImg />
       <Nav />
       <Header />
+
+      {/* main content */}
       {children}
-    </div>
+    </main>
   );
 };