diff --git a/src/assets/space-timelapse.jpg b/src/assets/space-timelapse.jpg
deleted file mode 100644
index 3ea0b66..0000000
Binary files a/src/assets/space-timelapse.jpg and /dev/null differ
diff --git a/src/components/content-section.astro b/src/components/content-section.astro
index e710396..da6e89e 100644
--- a/src/components/content-section.astro
+++ b/src/components/content-section.astro
@@ -14,12 +14,14 @@ const { title, id } = Astro.props;
   <div class="flex flex-col items-center gap-4">
     <slot name="eyebrow" />
     <h2
-      class="gradient-text text-center font-extrabold tracking-tight text-6xl"
+      class="gradient-text text-center font-extrabold tracking-tight text-5xl 2xl:text-6xl"
     >
       {title}
     </h2>
   </div>
-  <p class="max-w-xl text-center font-extrabold text-2xl">
+  <p
+    class="max-w-xl text-center font-extrabold text-xl 2xl:max-w-2xl 2xl:text-2xl"
+  >
     <slot name="lead" />
   </p>
   <slot />
diff --git a/src/components/github-corner.astro b/src/components/github-corner.astro
deleted file mode 100644
index f646e05..0000000
--- a/src/components/github-corner.astro
+++ /dev/null
@@ -1,52 +0,0 @@
-<!-- https://github.com/tholman/github-corners -->
-<a
-  href="https://git.astronvim.com/AstroNvim"
-  aria-label="View source on GitHub"
-  class="absolute right-0 top-0 z-10 text-black hover:text-black focus:ring-0 focus:ring-offset-0"
-  ><svg
-    class="fill-white"
-    width="80"
-    height="80"
-    viewBox="0 0 250 250"
-    aria-hidden="true"
-  >
-    <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
-    <path
-      d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
-      fill="currentColor"
-      style="transform-origin: 130px 106px;"
-      class="octo-arm"></path>
-    <path
-      d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
-      fill="currentColor"
-      class="octo-body"></path>
-  </svg>
-</a>
-
-<style>
-  a:hover .octo-arm {
-    animation: octocat-wave 560ms ease-in-out;
-  }
-  @keyframes octocat-wave {
-    0%,
-    100% {
-      transform: rotate(0);
-    }
-    20%,
-    60% {
-      transform: rotate(-25deg);
-    }
-    40%,
-    80% {
-      transform: rotate(10deg);
-    }
-  }
-  @media (max-width: 500px) {
-    a:hover .octo-arm {
-      animation: none;
-    }
-    a .octo-arm {
-      animation: octocat-wave 560ms ease-in-out;
-    }
-  }
-</style>
diff --git a/src/components/header.astro b/src/components/header.astro
index c4be682..b2d07fd 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -8,21 +8,26 @@ const navItems: Array<NavItem> = [
   { title: "FAQs", url: "#faqs" },
   { title: "AstroCommunity", url: "https://git.astronvim.com/AstroCommunity" },
   { title: "Documentation", url: "https://docs.astronvim.com" },
+  {
+    title: "Source Code",
+    icon: "tabler:brand-github",
+    url: "https://git.astronvim.com",
+  },
   { title: "Socials", icon: "tabler:at", url: "#socials" },
 ];
 ---
 
 <header
   id="page-header"
-  class="absolute bottom-0 z-20 flex w-full items-center justify-between border-b border-transparent px-8 py-4 text-white"
+  class="sticky top-0 z-20 flex w-full items-center justify-between border-b border-default bg-default px-8 py-4 text-default"
 >
   <a
     class="flex items-center gap-3 hover:!text-default"
     href="#"
     aria-label="AstroNvim"
   >
-    <img src="/logo/astronvim.svg" alt="AstroNvim logo" class="h-10" />
-    <h1 class="hidden h-6 font-bold md:block">AstroNvim</h1>
+    <img src="/logo/astronvim.svg" alt="AstroNvim logo" class="h-5" />
+    <h1 class="hidden h-4 font-bold leading-none md:block">AstroNvim</h1>
   </a>
   <div>
     <div class="flex items-center gap-6">
@@ -63,7 +68,13 @@ const navItems: Array<NavItem> = [
             </button>
           </header>
           <div class="flex justify-center">
-            <img src="/logo/astronvim.svg" class="h-16" alt="astronvim_logo" />
+            <a href="#" aria-label="AstroNvim" id="home-nav-button">
+              <img
+                src="/logo/astronvim.svg"
+                class="h-16"
+                alt="astronvim_logo"
+              />
+            </a>
           </div>
           <nav>
             <ul class="flex flex-col">
@@ -91,15 +102,16 @@ const navItems: Array<NavItem> = [
   const menuModalId = "menu-modal";
 
   const header = document.querySelector("#page-header") as HTMLElement;
-  const page = document.documentElement;
   const menu = document.querySelector(`#${menuModalId} ul`);
   const openNavButton = document.querySelector("#open-nav-button");
   const closeNavButton = document.querySelector("#close-nav-button");
+  const homeNavButton = document.querySelector("#home-nav-button");
 
   invariant(header, "header should not be null");
   invariant(menu, "menu should not be null");
   invariant(openNavButton, "openNavButton should not be null");
   invariant(closeNavButton, "closeNavButton should not be null");
+  invariant(homeNavButton, "homeNavButton should not be null");
 
   const openMenu = () => {
     MicroModal.show(menuModalId, { disableScroll: true });
@@ -111,11 +123,7 @@ const navItems: Array<NavItem> = [
 
   openNavButton.addEventListener("click", openMenu);
   closeNavButton.addEventListener("click", closeMenu);
-
-  document.addEventListener("scroll", () => {
-    const d = page.clientHeight - page.scrollTop - header.offsetHeight;
-    header.classList.toggle("fixed-header", d < 0);
-  });
+  homeNavButton.addEventListener("click", closeMenu);
 
   menu.addEventListener("click", (event) => {
     if ((event.target as HTMLElement).tagName === "A") {
@@ -133,10 +141,6 @@ const navItems: Array<NavItem> = [
 </noscript>
 
 <style>
-  .fixed-header {
-    @apply fixed bottom-auto top-0;
-    @apply border-default bg-default text-default;
-  }
   .modal.is-open {
     @apply block;
   }
diff --git a/src/components/hero-image.astro b/src/components/hero-image.astro
deleted file mode 100644
index 28ffdd8..0000000
--- a/src/components/hero-image.astro
+++ /dev/null
@@ -1,13 +0,0 @@
----
-import heroImage from "~/assets/space-timelapse.jpg";
-import { Image } from "astro:assets";
-
-const sizes = "100vw";
----
-
-<Image
-  class="h-full w-full object-cover"
-  src={heroImage}
-  sizes={sizes}
-  alt="The ridged surface of the moon"
-/>
diff --git a/src/components/intro.astro b/src/components/intro.astro
index 1aa4e2e..5368725 100644
--- a/src/components/intro.astro
+++ b/src/components/intro.astro
@@ -1,35 +1,35 @@
 ---
 import { Icon } from "astro-icon/components";
 import ContentSection from "~/components/content-section.astro";
+import astrodarkImage from "~/assets/themes/astrodark.png";
+import { Image } from "astro:assets";
 ---
 
-<ContentSection title="Configure less, code more" id="intro">
-  <img
-    slot="eyebrow"
-    src="/logo/astronvim.svg"
-    alt="AstroNvim logo"
-    class="h-32"
-  />
-  <Fragment slot="lead">
-    AstroNvim is an aesthetic and feature-rich Neovim configuration that focuses
-    on
-    <span class="text-primary">extensibility</span> and
-    <span class="text-primary">usability</span>.
-  </Fragment>
-  <div class="grid grid-cols-1 gap-2 sm:grid-cols-2">
+<div class="relative">
+  <ContentSection title="Configure less, code more" id="intro">
+    <Fragment slot="lead">
+      AstroNvim is an aesthetic and feature-rich Neovim configuration that
+      focuses on
+      <span class="text-primary">extensibility</span> and
+      <span class="text-primary">usability</span>.
+    </Fragment>
     <a
       href="https://docs.astronvim.com"
-      class="flex items-center justify-center gap-3 bg-primary px-6 py-4 text-[--color-background] hover:bg-secondary hover:text-[--color-background]"
+      class="flex items-center justify-center gap-2 bg-primary px-6 py-3 font-medium text-[--color-background] hover:bg-secondary hover:text-[--color-background]"
     >
       <Icon name="tabler:rocket" class="h-8 text-lg" />
-      <span>Get Started</span>
+      <span>Get started</span>
     </a>
-    <a
-      href="https://git.astronvim.com"
-      class="flex items-center justify-center gap-3 border-2 border-current px-6 py-4"
-    >
-      <Icon name="tabler:brand-github" class="h-8 text-lg" />
-      <span>Read the source</span>
-    </a>
-  </div>
-</ContentSection>
+    <div class="mx-auto max-w-screen-2xl pt-8">
+      <div class="relative">
+        <div class="absolute inset-0 rounded-lg bg-primary blur-lg"></div>
+        <Image
+          class="relative w-full rounded-lg border border-default"
+          id="overview-image"
+          src={astrodarkImage}
+          alt="AstroNvim Overview"
+        />
+      </div>
+    </div>
+  </ContentSection>
+</div>
diff --git a/src/components/splash.astro b/src/components/splash.astro
deleted file mode 100644
index 638f4b2..0000000
--- a/src/components/splash.astro
+++ /dev/null
@@ -1,67 +0,0 @@
----
-import HeroImage from "~/components/hero-image.astro";
-import Starfield from "~/components/starfield.astro";
-import GitHubCorner from "./github-corner.astro";
-import astrodarkImage from "~/assets/themes/astrodark.png";
-import { Image } from "astro:assets";
-
-const sizes = "(min-width: 640px) 42vw, 67vw";
----
-
-<section class="relative h-full bg-black">
-  <Starfield />
-  <GitHubCorner />
-  <div id="splash-bg-fallback" class="absolute inset-0 hidden opacity-40">
-    <HeroImage />
-  </div>
-  <div class="relative grid h-full place-items-center sm:grid-cols-2">
-    <h2
-      class="flex flex-col gap-2 self-end sm:gap-4 sm:self-auto sm:justify-self-end"
-    >
-      <div
-        class="gradient-text-dark text-center font-extrabold tracking-tight text-8xl"
-      >
-        AstroNvim
-      </div>
-      <div
-        class="text-center font-extrabold tracking-tight text-[--dark-color-secondary] text-5xl"
-      >
-        Neovim with
-        <br /> batteries
-      </div>
-    </h2>
-    <div
-      id="overview"
-      class="w-3/3 sm:w-2/3 max-w-3xl self-start p-8 sm:w-10/12 sm:self-auto sm:justify-self-start"
-    >
-      <picture class="h-full w-full object-cover"> </picture>
-      <Image
-        class="h-full w-full object-cover"
-        id="overview-image"
-        src={astrodarkImage}
-        sizes={sizes}
-        alt="AstroNvim Overview"
-      />
-    </div>
-  </div>
-</section>
-
-<noscript>
-  <style>
-    #splash-bg-fallback {
-      display: block;
-    }
-  </style>
-</noscript>
-
-<style>
-  @media (prefers-reduced-motion: reduce) {
-    :global(#starfield) {
-      @apply hidden;
-    }
-
-    #splash-bg-fallback {
-      @apply block;
-    }
-  }
-</style>
diff --git a/src/components/starfield.astro b/src/components/starfield.astro
deleted file mode 100644
index f414660..0000000
--- a/src/components/starfield.astro
+++ /dev/null
@@ -1,105 +0,0 @@
-<div id="starfield" class="absolute inset-0">
-  <canvas id="starfield-canvas"></canvas>
-</div>
-
-<script>
-  import invariant from "tiny-invariant";
-
-  const COUNT = 800;
-  const SPEED = 0.1;
-
-  class Star {
-    x: number;
-    y: number;
-    z: number;
-    xPrev: number;
-    yPrev: number;
-
-    constructor(x = 0, y = 0, z = 0) {
-      this.x = x;
-      this.y = y;
-      this.z = z;
-      this.xPrev = x;
-      this.yPrev = y;
-    }
-
-    update(width: number, height: number, speed: number) {
-      this.xPrev = this.x;
-      this.yPrev = this.y;
-      this.z += speed * 0.0675;
-      this.x += this.x * (speed * 0.0225) * this.z;
-      this.y += this.y * (speed * 0.0225) * this.z;
-      if (
-        this.x > width / 2 ||
-        this.x < -width / 2 ||
-        this.y > height / 2 ||
-        this.y < -height / 2
-      ) {
-        this.x = Math.random() * width - width / 2;
-        this.y = Math.random() * height - height / 2;
-        this.xPrev = this.x;
-        this.yPrev = this.y;
-        this.z = 0;
-      }
-    }
-
-    draw(ctx: CanvasRenderingContext2D) {
-      ctx.lineWidth = this.z;
-      ctx.beginPath();
-      ctx.moveTo(this.x, this.y);
-      ctx.lineTo(this.xPrev, this.yPrev);
-      ctx.stroke();
-    }
-  }
-
-  const stars = Array.from({ length: COUNT }, () => new Star(0, 0, 0));
-  let rafId = 0;
-
-  const canvas = document.querySelector(
-    "#starfield-canvas",
-  ) as HTMLCanvasElement;
-  invariant(canvas, "canvas should not be null");
-  const ctx = canvas.getContext("2d");
-
-  const container = document.querySelector("#starfield") as HTMLElement;
-  invariant(container, "container should not be null");
-  const resizeObserver = new ResizeObserver(setup);
-  resizeObserver.observe(container);
-
-  function setup() {
-    invariant(ctx, "canvas context should not be null");
-    rafId > 0 && cancelAnimationFrame(rafId);
-
-    const { clientWidth: width, clientHeight: height } = container;
-    const dpr = window.devicePixelRatio || 1;
-    canvas.width = width * dpr;
-    canvas.height = height * dpr;
-    canvas.style.width = `${width}px`;
-    canvas.style.height = `${height}px`;
-    ctx.scale(dpr, dpr);
-
-    for (const star of stars) {
-      star.x = Math.random() * width - width / 2;
-      star.y = Math.random() * height - height / 2;
-      star.z = 0;
-    }
-
-    ctx.translate(width / 2, height / 2);
-    ctx.fillStyle = "rgba(0, 0, 0, 0.4)";
-    ctx.strokeStyle = "white";
-    rafId = requestAnimationFrame(frame);
-  }
-
-  function frame() {
-    invariant(ctx, "canvas context should not be null");
-    const { clientWidth: width, clientHeight: height } = container;
-
-    for (const star of stars) {
-      star.update(width, height, SPEED);
-      star.draw(ctx);
-    }
-
-    ctx.fillRect(-width / 2, -height / 2, width, height);
-    rafId = requestAnimationFrame(frame);
-  }
-</script>
diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
index 3ef4fc8..fd1cebf 100644
--- a/src/layouts/layout.astro
+++ b/src/layouts/layout.astro
@@ -10,12 +10,12 @@ const { title = "AstroNvim" } = Astro.props;
 ---
 
 <!doctype html>
-<html lang="en" class="h-full motion-safe:scroll-smooth" data-theme="dark">
+<html lang="en" class="motion-safe:scroll-smooth" data-theme="dark">
   <head>
     <Metadata title={title} />
   </head>
   <body
-    class="h-full overflow-x-hidden bg-default text-default text-base selection:bg-secondary selection:text-white"
+    class="overflow-x-hidden bg-default text-default text-base selection:bg-secondary selection:text-white"
   >
     <slot />
     <Footer />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 87b509a..527a70a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,7 +1,6 @@
 ---
 import Layout from "~/layouts/layout.astro";
 import Header from "~/components/header.astro";
-import Splash from "~/components/splash.astro";
 import Intro from "~/components/intro.astro";
 import Features from "~/components/features.astro";
 import FAQ from "~/components/faq.astro";
@@ -9,8 +8,7 @@ import FAQ from "~/components/faq.astro";
 
 <Layout title="AstroNvim">
   <Header />
-  <Splash />
-  <div class="space-y-24 px-8 py-32">
+  <div class="space-y-24 px-8 py-16">
     <Intro />
     <Features />
     <FAQ />