diff --git a/package-lock.json b/package-lock.json
index 094bfbd..1d31f09 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7,15 +7,13 @@
     "": {
       "name": "blog",
       "version": "0.0.1",
-      "dependencies": {
-        "lucide-svelte": "^0.311.0"
-      },
       "devDependencies": {
         "@sveltejs/adapter-auto": "^2.0.0",
         "@sveltejs/adapter-static": "^2.0.3",
         "@sveltejs/kit": "^1.20.4",
         "@types/prismjs": "^1.26.3",
         "autoprefixer": "^10.4.16",
+        "lucide-svelte": "^0.311.0",
         "postcss": "^8.4.31",
         "prettier": "^3.0.3",
         "prettier-plugin-svelte": "^3.0.3",
@@ -47,6 +45,7 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
       "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.0",
         "@jridgewell/trace-mapping": "^0.3.9"
@@ -420,6 +419,7 @@
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz",
       "integrity": "sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.0.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -433,6 +433,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz",
       "integrity": "sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -441,6 +442,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
       "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -448,12 +450,14 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.20",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz",
       "integrity": "sha512-R8LcPeWZol2zR8mmH3JeKQ6QRCFb7XgUhV9ZlGhHLGyg4wpPiPZNQOOWhFZhxKw8u//yTbNGI42Bx/3paXEQ+Q==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -756,7 +760,8 @@
     "node_modules/@types/estree": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
+      "dev": true
     },
     "node_modules/@types/marked": {
       "version": "5.0.2",
@@ -780,6 +785,7 @@
       "version": "8.11.2",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
       "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "dev": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -816,6 +822,7 @@
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
       "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
       "dependencies": {
         "dequal": "^2.0.3"
       }
@@ -878,6 +885,7 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
       "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==",
+      "dev": true,
       "dependencies": {
         "dequal": "^2.0.3"
       }
@@ -1035,6 +1043,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/code-red/-/code-red-1.0.4.tgz",
       "integrity": "sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15",
         "@types/estree": "^1.0.1",
@@ -1083,6 +1092,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
       "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
       "dependencies": {
         "mdn-data": "2.0.30",
         "source-map-js": "^1.0.1"
@@ -1148,6 +1158,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
       "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -1247,6 +1258,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
       "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.0"
       }
@@ -1526,6 +1538,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-3.0.2.tgz",
       "integrity": "sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==",
+      "dev": true,
       "dependencies": {
         "@types/estree": "*"
       }
@@ -1566,12 +1579,14 @@
     "node_modules/locate-character": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",
-      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA=="
+      "integrity": "sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==",
+      "dev": true
     },
     "node_modules/lucide-svelte": {
       "version": "0.311.0",
       "resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.311.0.tgz",
       "integrity": "sha512-uqdLXboPovTD4cG7Gxgc2gD+ITHoWByIBg2n+3pjMDBOLM7G2RNmsBtYnGkDTtYfGn1vhPRMq7u/erhn+yjzQQ==",
+      "dev": true,
       "peerDependencies": {
         "svelte": ">=3 <5"
       }
@@ -1580,6 +1595,7 @@
       "version": "0.30.5",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
       "integrity": "sha512-7xlpfBaQaP/T6Vh8MO/EqXSW5En6INHEvEXQiuff7Gku0PWjU3uf6w/j9o7O+SpB5fOAkrI5HeoNgwjEO0pFsA==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.4.15"
       },
@@ -1602,7 +1618,8 @@
     "node_modules/mdn-data": {
       "version": "2.0.30",
       "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
-      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA=="
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true
     },
     "node_modules/merge2": {
       "version": "1.4.1",
@@ -1824,6 +1841,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/periscopic/-/periscopic-3.1.0.tgz",
       "integrity": "sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==",
+      "dev": true,
       "dependencies": {
         "@types/estree": "^1.0.0",
         "estree-walker": "^3.0.0",
@@ -2315,6 +2333,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2389,6 +2408,7 @@
       "version": "4.2.8",
       "resolved": "https://registry.npmjs.org/svelte/-/svelte-4.2.8.tgz",
       "integrity": "sha512-hU6dh1MPl8gh6klQZwK/n73GiAHiR95IkFsesLPbMeEZi36ydaXL/ZAb4g9sayT0MXzpxyZjR28yderJHxcmYA==",
+      "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.15",
diff --git a/package.json b/package.json
index 8ea12aa..2a7960a 100644
--- a/package.json
+++ b/package.json
@@ -29,10 +29,8 @@
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
     "vite": "^4.4.2",
-    "vite-plugin-mkcert": "^1.16.0"
-  },
-  "type": "module",
-  "dependencies": {
+    "vite-plugin-mkcert": "^1.16.0",
     "lucide-svelte": "^0.311.0"
-  }
+  },
+  "type": "module"
 }
diff --git a/src/lib/components/layout/header.svelte b/src/lib/components/layout/header.svelte
index fae69e1..bed0455 100644
--- a/src/lib/components/layout/header.svelte
+++ b/src/lib/components/layout/header.svelte
@@ -35,7 +35,7 @@
 		<div class="flex-1"></div>
 		<div class="flex items-center gap-0.5 sm:gap-1 md:gap-2 lg:gap-4">
 			<Button href="/" classes="p-2 hover:bg-gray-100">
-				<Home size="30" strokeWidth="3" />
+				<Home strokeWidth="3" />
 			</Button>
 			<!--
             <Button onClick={() => {}}>
@@ -44,7 +44,7 @@
             -->
 			<Button onClick={() => {}} classes="p-2 hover:bg-gray-100">
 				<div class="text-gb">
-					<Menu size="30" strokeWidth="3" />
+					<Menu strokeWidth="3" />
 				</div>
 			</Button>
 		</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c0bbb36..3c48155 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,30 +7,54 @@
 	<title>Jack Reimers</title>
 </svelte:head>
 
-<div class="mb-14 flex flex-col gap-2 leading-normal sm:mb-20 sm:gap-3">
-	<!-- 2xl -->
-	<p class="text-sm text-gray-500 sm:text-base md:text-2xl">Hi, my name is</p>
-	<!-- 7xl -->
-	<h1 class="text-gb text-5xl font-semibold md:text-6xl lg:text-7xl">Jack Reimers</h1>
-	<!-- 4xl -->
-	<p class="text-2xl font-medium md:text-3xl lg:text-4xl">
-		I'm a full-stack Software Engineer at
-		<Button
-			href="https://ssw.com.au"
-			target="_blank"
-			classes="whitespace-nowrap bg-gradient-to-b from-red-500 to-red-900 bg-clip-text font-bold text-transparent"
-		>
-			SSW Consulting
-		</Button>
-	</p>
-	<!-- 1xl -->
-	<p class="max-w-prose text-sm text-gray-500 sm:text-base">
+<div class="mb-8 flex flex-col gap-2 leading-normal">
+	<p class="text-sm text-gray-500 md:text-base">Hi, my name is</p>
+	<h1
+		class="bg-gradient-to-r from-blue-600 to-blue-800 bg-clip-text text-4xl font-bold text-transparent sm:text-5xl md:text-6xl lg:text-7xl"
+	>
+		Jack Reimers
+	</h1>
+	<p class="mb-4 font-medium md:text-2xl">I'm a full-stack Software Engineer.</p>
+	<p class="max-w-prose">
 		Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
 		labore et dolore magna aliqua.
 	</p>
 </div>
-<div class="grid w-full max-w-2xl gap-4 sm:grid-cols-3">
-	<!-- TODO: Put these cards into components -->
+<div class="flex flex-col gap-4">
+	<Button href="blog">
+		<div class="w-full rounded-[4px] bg-gradient-to-r from-blue-600 to-blue-800 p-0.5">
+			<div class="h-full w-full rounded-[2px] bg-white">
+				<span class="flex flex-col px-3.5 py-2.5">
+					<span class="font-semibold">Blog</span>
+					<span class="text-sm text-gray-500">Read my latest posts.</span>
+				</span>
+			</div>
+		</div>
+	</Button>
+	<Button href="projects">
+		<div class="w-full rounded-[4px] bg-gradient-to-r from-blue-600 to-blue-800 p-0.5">
+			<div class="h-full w-full rounded-[2px] bg-white">
+				<span class="flex flex-col px-3.5 py-2.5">
+					<span class="font-semibold">Projects</span>
+					<span class="text-sm text-gray-500">View projects I've worked on.</span>
+				</span>
+			</div>
+		</div>
+	</Button>
+	<Button href="about">
+		<div class="w-full rounded-[4px] bg-gradient-to-r from-blue-600 to-blue-800 p-0.5">
+			<div class="h-full w-full rounded-[2px] bg-white">
+				<span class="flex flex-col px-3.5 py-2.5">
+					<span class="font-semibold">About</span>
+					<span class="text-sm text-gray-500">Learn more about me.</span>
+				</span>
+			</div>
+		</div>
+	</Button>
+</div>
+
+<!--
+<div class="grid w-full">
 	<Button
 		href="blog"
 		classes="flex w-full flex-col overflow-hidden rounded border border-gray-200"
@@ -72,7 +96,6 @@
 	</Button>
 </div>
 
-<!--
 <Button href="blog">Go to blog</Button>
 <Button href="blog/test">Go to blog post</Button>
 -->