diff --git a/components/Head.tsx b/components/Head.tsx
index 939f5dc..0ed6be0 100644
--- a/components/Head.tsx
+++ b/components/Head.tsx
@@ -2,15 +2,15 @@ import NextHead from "next/head";
 
 const Head: React.FC = () => {
   const data = {
-    title: "Project",
+    title: process.env.NEXT_PUBLIC_PROJECT_NAME,
+    description: process.env.NEXT_PUBLIC_PROJECT_DESCRIPTION,
     image: "/images/icons/64x64.png",
-    description: "Your website description here.",
     url: "https://urlwebsite.fr/",
   };
 
   return (
     <NextHead>
-      <title>Walid Korchi</title>
+      <title>{data.title}</title>
 
       <link rel="icon" type="image/png" href={data.image} />
       <link rel="apple-touch-icon" href={data.image} />
diff --git a/pages/index.tsx b/pages/index.tsx
index 917fd95..f5466e6 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,7 +1,13 @@
 import type { NextPage } from "next";
 
+import Head from "../components/Head";
+
 const Home: NextPage = () => {
-  return <></>;
+  return (
+    <>
+      <Head />
+    </>
+  );
 };
 
 export default Home;
