diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7e17d2c..6337b7e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,11 +1,27 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import Hero from 'fulldev-ui/blocks/Hero.astro';
+import LeftRightSplit from '../structure/LeftRightSplit.astro';
+import NavLink from '../widgets/NavLink.astro';
 ---
 
 <Layout title="The Clog">
 	<main>
-		<Hero
+		<LeftRightSplit class="px-4 align-center">
+			<div slot="left" class="text-center w-full my-auto">
+				<p>The Coding Blog</p>
+				<h1 class="text-4xl font-bold text-brand-3">Welcome to The Clog</h1>
+				<p>A practical coding blog in the form of journal entries and articles.</p>
+				<div>
+					<NavLink href="/journal">Journal</NavLink>
+					<NavLink href="/articles">Articles</NavLink>
+				</div>
+			</div>
+			<div slot="right" class="h-auto max-h-dvh max-w-full w-full my-auto">
+				<img  src="/hero.png" class="object-contain" />
+			</div>
+		</LeftRightSplit>
+		<!-- <Hero
 			badge="The Coding Blog"
 			heading="Welcome to The Clog"
 			text="A practical coding blog in the form of journal entries and articles."
@@ -16,6 +32,6 @@ import Hero from 'fulldev-ui/blocks/Hero.astro';
 			structure="split"
 			image="/hero.png"
 			class:list={["p-space-6"]}
-		/>
+		/> -->
 	</main>
 </Layout>