diff --git a/src/lib/components/Hero.svelte b/src/lib/components/Hero.svelte
new file mode 100644
index 0000000..aa65ba7
--- /dev/null
+++ b/src/lib/components/Hero.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+</script>
+
+<div class="hero h-full bg-base-200">
+	<div class="hero-content text-center">
+		<div class="max-w-md">
+			<h1 class="text-5xl font-bold">Hello there</h1>
+			<p class="py-6">
+				Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem
+				quasi. In deleniti eaque aut repudiandae et a id nisi.
+			</p>
+			<button class="btn btn-primary">Get Started</button>
+		</div>
+	</div>
+</div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 57012e9..b82673b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,32 +1,8 @@
 <script lang="ts">
-	import { goto } from '$app/navigation';
-	import { page } from '$app/state';
 	import '../app.css';
 	let { children } = $props();
 </script>
 
-{#snippet Tab({ route, title }: { route: string; title: string })}
-	<a
-		role="tab"
-		class="tab"
-		class:tab-active={route === page.url.pathname}
-		onclick={() => goto(route)}
-		href={undefined}>{title}</a
-	>
-{/snippet}
-
-<div class="flex h-screen w-screen items-center justify-center">
-	<div class="card max-h-[75%] min-h-96 w-full max-w-5xl bg-base-200">
-		<div class="card-title">
-			<div role="tablist" class="tabs tabs-bordered tabs-lg w-full">
-				{@render Tab({ route: '/', title: 'About' })}
-				{@render Tab({ route: '/experience', title: 'Experience' })}
-				{@render Tab({ route: '/projects', title: 'Projects' })}
-				{@render Tab({ route: '/contact', title: 'Contact' })}
-			</div>
-		</div>
-		<div class="card-body">
-			{@render children()}
-		</div>
-	</div>
+<div class="h-screen w-screen">
+	{@render children()}
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e5ce48b..71400a3 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,42 +1,5 @@
 <script lang="ts">
-	import { Links } from '$lib/constants';
+	import Hero from '$lib/components/Hero.svelte';
 </script>
 
-<div class="flex flex-col items-center gap-4 text-center">
-	<div class={'text-center md:hidden'}>
-		<h1 class={'text-4xl'}>Benjamin Palko</h1>
-		<p class={'text-xl text-blue-200'}>Software Engineer</p>
-	</div>
-	<img alt="me" class="h-72 w-2/3 rounded-lg object-cover" src="/waterfall.jpg" />
-	<h3 class={'text-xl md:text-center md:text-2xl'}>Hello there and welcome to my website!</h3>
-
-	<p>
-		My name is Ben, I'm a Canadian 🍁 living out of Ottawa, Ontario (in an Igloo ☃️). I work as a
-		Software Developer full-time and work a pretty wide range of projects in my personal time. Catch
-		me working on C++ building the base for a game engine one day, and practicing my drawing skills
-		another day.
-	</p>
-	<p>
-		I started with an internship at a small company in my hometown which after graduation became a
-		full time position. I wanted to move back to Ottawa so I found myself a job at Mitel and moved
-		back in 2020 just in time for lockdown. My time at Mitel was great and I worked with some
-		amazing people, eventually I was referred to another company by a former colleague and decided
-		to take up the opportunity that presented itself to me.
-	</p>
-	<p>
-		While Software Development is my main career there are many things I love to do in my off time.
-		One such thing has been developing games on the side, So far I have participated in 2 GameJams!
-		You can check out my submissions at my{' '}
-		<a class={'text-blue-400 hover:underline'} href={Links.itch} target={'_blank'}>
-			itch.io page
-		</a>
-		.
-	</p>
-	<img src={'/climber.jpg'} alt={'Climber'} class={'h-72 w-2/3 rounded-lg object-cover'} />
-	<p>
-		I am also an amateur rock climber and been climbing for the past year, I love going to the gym
-		to wind down with some exercise 🧗‍♂️. Another interest I have is dirt biking, I'm still a complete
-		novice getting and my feet wet but it can be quite the rush flying through the forest on narrow
-		trails.
-	</p>
-</div>
+<Hero />
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
new file mode 100644
index 0000000..e5ce48b
--- /dev/null
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { Links } from '$lib/constants';
+</script>
+
+<div class="flex flex-col items-center gap-4 text-center">
+	<div class={'text-center md:hidden'}>
+		<h1 class={'text-4xl'}>Benjamin Palko</h1>
+		<p class={'text-xl text-blue-200'}>Software Engineer</p>
+	</div>
+	<img alt="me" class="h-72 w-2/3 rounded-lg object-cover" src="/waterfall.jpg" />
+	<h3 class={'text-xl md:text-center md:text-2xl'}>Hello there and welcome to my website!</h3>
+
+	<p>
+		My name is Ben, I'm a Canadian 🍁 living out of Ottawa, Ontario (in an Igloo ☃️). I work as a
+		Software Developer full-time and work a pretty wide range of projects in my personal time. Catch
+		me working on C++ building the base for a game engine one day, and practicing my drawing skills
+		another day.
+	</p>
+	<p>
+		I started with an internship at a small company in my hometown which after graduation became a
+		full time position. I wanted to move back to Ottawa so I found myself a job at Mitel and moved
+		back in 2020 just in time for lockdown. My time at Mitel was great and I worked with some
+		amazing people, eventually I was referred to another company by a former colleague and decided
+		to take up the opportunity that presented itself to me.
+	</p>
+	<p>
+		While Software Development is my main career there are many things I love to do in my off time.
+		One such thing has been developing games on the side, So far I have participated in 2 GameJams!
+		You can check out my submissions at my{' '}
+		<a class={'text-blue-400 hover:underline'} href={Links.itch} target={'_blank'}>
+			itch.io page
+		</a>
+		.
+	</p>
+	<img src={'/climber.jpg'} alt={'Climber'} class={'h-72 w-2/3 rounded-lg object-cover'} />
+	<p>
+		I am also an amateur rock climber and been climbing for the past year, I love going to the gym
+		to wind down with some exercise 🧗‍♂️. Another interest I have is dirt biking, I'm still a complete
+		novice getting and my feet wet but it can be quite the rush flying through the forest on narrow
+		trails.
+	</p>
+</div>