diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 2deba77..600fe63 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -5,6 +5,15 @@ export interface Props {
 
 const { title } = Astro.props;
 import "../assets/style/global.css";
+import Navbar from '../components/Navbar.astro';
+
+const navbarLinks = [
+  { href: "/", text: "Home" },
+  { href: "/blog", text: "Blog" },
+  { href: "/portafolio", text: "Portafolio" },
+  { href: "/curriculum", text: "Curriculum" },
+  { href: "/contact", text: "Contact" },
+]
 ---
 
 <!DOCTYPE html>
@@ -22,8 +31,17 @@ import "../assets/style/global.css";
 
 	</head>
 	<body>
+    <header>
+      <Navbar links={navbarLinks}/>
+    </header>
 	  <main>
 		  <slot />
 	  </main>
 	</body>
 </html>
+
+<style>
+  header > :global(*) {
+    margin-left: auto;
+  }
+</style>
diff --git a/src/pages/404.astro b/src/pages/404.astro
index 40277ec..8b2f5a9 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -1 +1,7 @@
-<h1>not found</h1>
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout title="Welcome to Astro.">
+  <h1>not found</h1>
+</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index bdb70c7..941cff6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,23 +1,9 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import Card from '../components/Card.astro';
-import Navbar from '../components/Navbar.astro';
-
-const navbarLinks = [
-  { href: "/", text: "Home" },
-  { href: "/blog", text: "Blog" },
-  { href: "/portafolio", text: "Portafolio" },
-  { href: "/curriculum", text: "Curriculum" },
-  { href: "/contact", text: "Contact" },
-]
 ---
 
 <Layout title="Welcome to Astro.">
-  <header>
-    <Navbar links={navbarLinks}/>
-  </header>
-
-
 
 		<h1>Welcome to <span class="text-gradient">My Page :D</span></h1>
 		<p class="instructions">
@@ -26,8 +12,3 @@ const navbarLinks = [
 		</p>
 </Layout>
 
-<style>
-  header > :global(*) {
-    margin-left: auto;
-  }
-</style>
