diff --git a/src/components/hero.astro b/src/components/hero.astro
new file mode 100644
index 0000000..59909e2
--- /dev/null
+++ b/src/components/hero.astro
@@ -0,0 +1,18 @@
+---
+import Wallpaper from "./wallpaper.astro";
+---
+
+<Wallpaper>
+    <div
+        class="container mx-auto px-8 py-16 w-full h-full justify-center items-center flex flex-col"
+    >
+        <div
+            class="inline-block backdrop-blur-lg rounded-3xl shadow-2xl px-4 py-6 sm:px-8 sm:py-12 space-y-4"
+        >
+            <h1 class="text-3xl sm:text-4xl font-bold">Philippe Loctaux</h1>
+            <h2 class="sm:text-xl font-semibold">
+                Computer science student at Epitech, graduating in 2023.
+            </h2>
+        </div>
+    </div>
+</Wallpaper>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7264ff5..460c9c5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,15 +1,15 @@
 ---
+import Hero from "../components/hero.astro";
 ---
 
 <html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="viewport" content="width=device-width" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
-	</head>
-	<body>
-		<h1>Astro</h1>
-	</body>
+    <head>
+        <meta charset="utf-8" />
+        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+        <meta name="viewport" content="width=device-width" />
+        <title>Philippe Loctaux</title>
+    </head>
+    <body>
+        <Hero />
+    </body>
 </html>
