From c1079dcbba5709d0a6a41f063e69cbb4cefa0a99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Wed, 25 Feb 2026 16:38:00 +0100
Subject: [PATCH] Added h1 to index and added styling for it

---
 app/pages/index.vue    |  4 +---
 app/styles/global.scss | 11 ++++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 99724ff..3f5522f 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -10,9 +10,7 @@ const play = () => {
 </script>
 
 <template>
-	<Button @click="play">Test play</Button>
+	<h1>Home</h1>
 
 	<AlbumSlider />
-
-	<div :style="{ height: '100vh' }"></div>
 </template>
diff --git a/app/styles/global.scss b/app/styles/global.scss
index 13b7d68..4edd9f4 100644
--- a/app/styles/global.scss
+++ b/app/styles/global.scss
@@ -1,7 +1,16 @@
 @use "reset" as *;
+@use "util" as *;
 
 html {
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
+	font-family:
+		-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
 		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 	color: white;
 }
+
+main > h1 {
+	@include fontSize(32px);
+	font-weight: 700;
+
+	margin-bottom: 1.5rem;
+}