diff --git a/src/layouts/LandingLayout.astro b/src/layouts/LandingLayout.astro
new file mode 100644
index 0000000..d41822b
--- /dev/null
+++ b/src/layouts/LandingLayout.astro
@@ -0,0 +1,25 @@
+---
+import { ViewTransitions } from "astro:transitions";
+import BaseHead from "@components/BaseHead.astro";
+interface Props {
+  title: string;
+}
+
+const {title} = Astro.props;
+---
+
+<!doctype html>
+<html lang="en" class="antialiased break-words">
+  <head>
+    <BaseHead {title} />
+    <script>
+      if (localStorage.theme === "dark") {
+        document.documentElement.classList.add("dark");
+      }
+    </script>
+    <ViewTransitions />
+  </head>
+  <body>
+    <slot />
+  </body>
+</html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 49418bf..9d3f30f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,14 +1,14 @@
 ---
-import Layout from "@layouts/Layout.astro";
+import LandingLayout from "@layouts/LandingLayout.astro";
 
 const baseUrl = import.meta.env.BASE_URL;
 ---
 
-<Layout title="Welcome to JD.">
+<LandingLayout title="Who is Justin Dennison?">
   <main>
     <h1>Welcome to <span class="text-gradient">JD's</span> page.</h1>
   </main>
   <ul>
     <li><a href={`${baseUrl}/posts`}>Blog Posts</a></li>
   </ul>
-</Layout>
+</LandingLayout>
