diff --git a/bun.lockb b/bun.lockb
index f0dd320..0d5da06 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index dc49eda..d6ff5a0 100644
--- a/package.json
+++ b/package.json
@@ -5,11 +5,13 @@
   "scripts": {
     "dev": "vite dev",
     "build": "vite build",
+    "postbuild": "bun x svelte-sitemap --domain https://candrewlee14.github.io",
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
   },
   "devDependencies": {
+    "@iconify/svelte": "^3.1.6",
     "@sveltejs/adapter-auto": "^3.0.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
@@ -17,6 +19,7 @@
     "postcss": "^8.4.35",
     "svelte": "^4.2.7",
     "svelte-check": "^3.6.0",
+    "svelte-sitemap": "^2.6.0",
     "tailwindcss": "^3.4.1",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
@@ -29,7 +32,6 @@
     "daisyui": "^4.7.2",
     "dayjs": "^1.11.10",
     "feather-icons": "^4.29.1",
-    "iconify-icon": "^2.0.0",
     "mdsvex": "^0.11.0",
     "reading-time-estimator": "^1.9.4"
   }
diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
index a7899fb..8d612a4 100644
--- a/src/components/Navbar.svelte
+++ b/src/components/Navbar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Logo from './Logo.svelte';
-	import 'iconify-icon';
+	import Icon from '@iconify/svelte';
 
 	import { onMount } from 'svelte';
 	import { writable, type Writable } from 'svelte/store';
@@ -40,13 +40,15 @@
 	</a>
 	<button
 		type="button"
+		aria-label="Toggle theme"
+		name="theme-toggle"
 		class="absolute top-10 right-4 md:right-10 text-3xl transition-all hover:rotate-45"
 		on:click={toggle}
 	>
 		{#if $theme === 'light'}
-			<iconify-icon icon="fa-solid:moon" />
+			<Icon icon="fa-solid:moon" />
 		{:else}
-			<iconify-icon icon="fa-solid:sun" />
+			<Icon icon="fa-solid:sun" />
 		{/if}
 	</button>
 	<div
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index cb7aedc..2e61c84 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Image from "../components/Image.svelte";
-	import "iconify-icon";
+	import Icon from '@iconify/svelte';
 </script>
 
 <svelte:head>
@@ -74,14 +74,14 @@
 			>
 				<div class="flex flex-row justify-around flex-grow">
 					<div class="flex items-center mx-4">
-						<iconify-icon class="text-red-400" icon="mdi:email" />
+						<Icon class="text-red-400" icon="mdi:email" />
 						<a href="mailto:candrewlee14@gmail.com" class="ml-2">
 							candrewlee14
 						</a>
 					</div>
 					<div class="flex items-center mx-4">
 						<!-- <FaGithub class="text-black dark:text-white" /> -->
-						<iconify-icon
+						<Icon
 							class="text-black dark:text-white"
 							icon="mdi:github"
 						/>
@@ -92,8 +92,8 @@
 				</div>
 				<div class="flex flex-row justify-around flex-grow">
 					<div class="flex items-center mx-4">
-						<iconify-icon
-							class="text-black dark:text-white"
+						<Icon
+							class="text-blue-400"
 							icon="mdi:twitter"
 						/>
 						<a href="https://twitter.com/c_andrew_lee" class="ml-2">
@@ -101,8 +101,8 @@
 						</a>
 					</div>
 					<div class="flex items-center mx-4">
-						<iconify-icon
-							class="text-black dark:text-white"
+						<Icon
+							class="text-sky-500 dark:text-sky-400"
 							icon="mdi:linkedin"
 						/>
 						<a