diff --git a/public/assets/browser.png b/public/assets/browser.png
new file mode 100644
index 00000000..5d76e59f
Binary files /dev/null and b/public/assets/browser.png differ
diff --git a/src/components/Button.astro b/src/components/Button.astro
index e5045f6b..b06bd10d 100644
--- a/src/components/Button.astro
+++ b/src/components/Button.astro
@@ -2,7 +2,7 @@
 const { class: className, isPrimary, } = Astro.props;
 ---
 
-<button class:list={['px-4 py-2 rounded-full scale-100 transition-transform duration-200', className, isPrimary ? 'bg-coral/70 text-paper hover:!transform hover:!scale-105' : 'hover:bg-coral/10']}>
+<button class:list={['px-4 py-2 rounded-full transition-transform duration-200', className, isPrimary ? 'bg-coral opacity-60 text-paper hover:!transform hover:!scale-105' : 'hover:bg-coral/10']}>
   <slot />
 </button>
 <style>
diff --git a/src/components/Title.astro b/src/components/Title.astro
index 87fdb2c7..0ddfc511 100644
--- a/src/components/Title.astro
+++ b/src/components/Title.astro
@@ -7,7 +7,7 @@ const { class: className } = Astro.props;
 </h1>
 <style>
   h1 {
-    font-size: 2.6rem;
+    font-size: 2.8rem;
     line-height: 1.2;
     margin-bottom: .4rem;
     font-family: "Instrument Serif", serif;
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7d5df08e..9985e753 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -20,9 +20,14 @@ const { title } = Astro.props;
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 		<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
 	</head>
-	<body class="bg-paper">
+	<body class="bg-paper/60">
 		<slot />
 	</body>
 </html>
 <style is:global>
+	* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+	}
 </style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 118c9838..55ae4979 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -7,52 +7,23 @@ import Button from '../components/Button.astro';
 
 <Layout title="Welcome to Zen">
     <main>
-        <header id="header" class="h-screen w-full flex flex-col items-center justify-center absolute bg-paper gap-12">
+        <header id="header" class="h-[75vh] relative w-full flex flex-col items-center mt-64 gap-6 overflow-hidden">
             <div class="flex flex-col items-center">
                 <Title class:list={["text-center"]}>The browser made for <i>you</i></Title>
                 <Description class:list={["text-center"]}>Beautifully designed, privacy-focused, and packed with features.<br />We care about your experience, not your data.</Description>
             </div>
-            <Button isPrimary>Download</Button>
+						<div class="gap-6 flex">
+							<Button isPrimary>Download</Button>
+							<Button>mods page</Button>
+						</div>
+						<img src="/assets/browser.png" alt="Zen browser" class="absolute left-[50%] bottom-[-55%] transform translate-x-[-50%]" />
         </header>
+				<div class="h-screen bg-dark text-paper flex gap-24 justify-center items-center p-24">
+					<div class:list={["w-1/3 ml-24"]}>
+						<Title>Designed to be distraction-free</Title>
+						<Description>Our browser is designed to be as minimal as possible, so you can focus on what matters most.</Description>
+					</div>
+					<img src="/assets/browser.png" alt="Zen browser" class:list={["w-1/2"]} />
+				</div>
     </main>
 </Layout>
-
-<style is:global>
-	@keyframes welcomeFade {
-		0% {
-			opacity: 0;
-			transform: translateY(-60px) scale(0.9);
-		}
-		100% {
-			opacity: 1;
-			transform: translateY(0) scale(1);
-		}
-	}
-
-	@keyframes welcomeText {
-		0% {
-			opacity: 0;
-			transform: translateY(40px) scale(0.9);
-		}
-		100% {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	#header h1 {
-		animation: welcomeFade .7s ease-in-out forwards;
-	}
-
-	#header p {
-		opacity: 0;
-		animation: welcomeText .7s ease-in-out forwards;
-		animation-delay: .8s;
-	}
-
-	#header button {
-		opacity: 0;	
-		animation: welcomeText .7s ease-in-out forwards;
-		animation-delay: 1.6s;
-	}
-</style>
\ No newline at end of file
