diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 1dfd5b4..2580eeb 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -10,7 +10,7 @@ import foscLogo from '../assets/img/fosc-logo-new.png'
     
     <div class="navbar-start">
         <!-- <Image class="h-24 w-auto" src={foscLogo} alt="FOSC Logo"/> -->
-        <a class="btn btn-ghost normal-case text-xl font-['Researcher']">FOSC</a>
+        <li><a href="/" class="btn btn-ghost normal-case text-xl font-['Researcher']">FOSC</a></li>
     </div>
 
     <div class="navbar-center">
@@ -18,8 +18,8 @@ import foscLogo from '../assets/img/fosc-logo-new.png'
             <ul class="menu menu-horizontal px-1">
                 <NavItem href="https://cloud.fosc.space" title="Cloud" />
                 <NavItem href="https://gallery.fosc.space" title="Gallery" />
-                <NavItem href="https://" title="Downloads" />
-                <NavItem href="/example" title="Blog" />
+                <NavItem href="https://download.fosc.space" title="Downloads" />
+                <NavItem href="/blog" title="Blog" />
             </ul>
         </div>
 
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
new file mode 100644
index 0000000..7ba0a72
--- /dev/null
+++ b/src/pages/blog.astro
@@ -0,0 +1,72 @@
+---
+import "@/styles/globals.css";
+
+import Navbar from "../components/Navbar.astro";
+import HackerText from "../components/HackerText.astro";
+import Badge from "../components/Badge.astro";
+import Gallery from "../components/Gallery.astro";
+import Footer from "../components/Footer.astro";
+import CodeHello from "../components/CodeHello.astro";
+
+// Image imports
+import { Image } from "astro:assets";
+import foscLogo from "../assets/img/fosc-logo-old.png";
+---
+
+<!doctype html>
+<html lang="en">
+  <!-- Ah shit, here we go again. -->
+
+  <head>
+    <meta charset="utf-8" />
+    <title>FOSC</title>
+    <meta name="generator" content={Astro.generator} />
+
+    <!-- Theme manager -->
+    <script is:inline>
+      // ☝️ This script prevent the FART effect.
+      if (localStorage.getItem("theme") === null) {
+        document.documentElement.setAttribute("data-theme", "light");
+      } else
+        document.documentElement.setAttribute(
+          "data-theme",
+          localStorage.getItem("theme")
+        );
+      // "theme" LocalStorage value is set by the package to remember user preference.
+      // The value is checked and applyed before rendering anything.
+    </script>
+    <script>
+      import { themeChange } from "theme-change";
+      themeChange();
+      // 👆 you could import the CDN directly instead of these two lines
+    </script>
+  </head>
+
+  <body class="bg-fixed bg-cover bg-center bg-repeat-y">
+    <!-- Vertical screen space is initially shared by navbar and splash content, further content can be obtained by scrolling -->
+    <!-- This is our true body for all intents and purposes -->
+    <!-- Placing content outside this div causes blurry useless things -->
+    <div class="flex flex-col h-screen">
+      <Navbar />
+
+    <!-- Text description -->
+    <div class="container-sm py-20 mx-auto">
+      <code>Blog coming soon</code>
+    </div>
+
+
+    </div>
+
+
+    <div>
+      <Footer />
+    </div>
+  </body>
+</html>
+
+<style>
+  /* body {
+    background-color: black !important;
+    background-image: url(../img/coreboot2.webp);
+  } */
+</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 9f6aeea..fd96bb8 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,10 +3,10 @@ import "@/styles/globals.css";
 
 import Navbar from "../components/Navbar.astro";
 import HackerText from "../components/HackerText.astro";
-import Badge from "../components/Badge.astro"
-import Gallery from "../components/Gallery.astro"
-import Footer from "../components/Footer.astro"
-import CodeHello from "../components/CodeHello.astro"
+import Badge from "../components/Badge.astro";
+import Gallery from "../components/Gallery.astro";
+import Footer from "../components/Footer.astro";
+import CodeHello from "../components/CodeHello.astro";
 
 // Image imports
 import { Image } from "astro:assets";
@@ -36,14 +36,13 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
       // The value is checked and applyed before rendering anything.
     </script>
     <script>
-      import { themeChange } from 'theme-change';
+      import { themeChange } from "theme-change";
       themeChange();
       // 👆 you could import the CDN directly instead of these two lines
     </script>
   </head>
 
   <body class="bg-fixed bg-cover bg-center bg-repeat-y">
-
     <!-- Vertical screen space is initially shared by navbar and splash content, further content can be obtained by scrolling -->
     <!-- This is our true body for all intents and purposes -->
     <!-- Placing content outside this div causes blurry useless things -->
@@ -51,36 +50,43 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
       <Navbar />
 
       <div class="backdrop-blur object-cover flex-grow">
-
-        <!-- Floating center items -->
-        <div class="container-sm mx-auto px-4 flex flex-col justify-center items-center">
+        
+        <!-- Logo + brand -->
+        <div
+          class="container mx-auto flex flex-col justify-center items-center"
+        >
           <div class="mt-[10vh]">
-            <Badge></Badge>
+            <Badge />
           </div>
           <div class="mt-[5vh]">
-            <HackerText text="FOSC"></HackerText>
+            <HackerText text="FOSC" />
           </div>
         </div>
 
+        <!-- Wall of pictures -->
         <div class="container py-20 mx-auto">
-          <Gallery></Gallery>
+          <Gallery />
         </div>
 
-        <div class="container mx-auto">
-          <CodeHello></CodeHello>
+        <!-- Text description -->
+        <div class="container py-20 mx-auto">
+          <CodeHello />
         </div>
 
-        <div class="container py-10 mx-auto">
+        <!-- More content -->
+        <!-- <div class="container py-10 mx-auto">
           <div class="flex flex-col w-full">
             <div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div> 
             <div class="divider"></div> 
             <div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div>
           </div>
-        </div>
-
-
+        </div> -->
+        
+      </div>
+
+      <div>
+        <Footer />
       </div>
-      <Footer></Footer>
     </div>
   </body>
 </html>
@@ -91,4 +97,3 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
     background-image: url(../img/coreboot2.webp);
   } */
 </style>
-
