diff --git a/package.json b/package.json
index c36fd8e..ef6c5fd 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
 		"autoprefixer": "^10.4.19",
 		"flowbite": "^2.4.1",
 		"flowbite-svelte": "^0.46.14",
+		"flowbite-svelte-icons": "^1.6.1",
 		"openapi-typescript": "^7.0.2",
 		"postcss": "^8.4.39",
 		"svelte": "5.0.0-next.180",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a5cc71a..f8fcc05 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,6 +32,9 @@ importers:
       flowbite-svelte:
         specifier: ^0.46.14
         version: 0.46.14(rollup@4.18.0)(svelte@5.0.0-next.180)
+      flowbite-svelte-icons:
+        specifier: ^1.6.1
+        version: 1.6.1(svelte@5.0.0-next.180)(tailwind-merge@2.3.0)(tailwindcss@3.4.4)
       openapi-typescript:
         specifier: ^7.0.2
         version: 7.0.2(typescript@5.5.3)
@@ -677,6 +680,13 @@ packages:
   flowbite-datepicker@1.3.0:
     resolution: {integrity: sha512-CLVqzuoE2vkUvWYK/lJ6GzT0be5dlTbH3uuhVwyB67+PjqJWABm2wv68xhBf5BqjpBxvTSQ3mrmLHpPJ2tvrSQ==}
 
+  flowbite-svelte-icons@1.6.1:
+    resolution: {integrity: sha512-Kw/7BzA6fqlFq7tBNudwX0KVU4cbyyXcMcgHTraMwGBtvBQan0RKMbvWwqm4JZNvLGAvRv1BM2EF7rzo/oam1Q==}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0 || ^5.0.0
+      tailwind-merge: ^2.0.0
+      tailwindcss: ^3.3.2
+
   flowbite-svelte@0.46.14:
     resolution: {integrity: sha512-eIoQ7WQfyhHkCwmg2T9V46U27J+zpISmYcwPtPn689bNV9q8TB1e6Nvn1ElhjEjcIKZsHQBQWzJ6qk/8mkvxgg==}
     engines: {node: '>=18.0.0', pnpm: '>=8.0.0'}
@@ -1923,6 +1933,12 @@ snapshots:
     transitivePeerDependencies:
       - rollup
 
+  flowbite-svelte-icons@1.6.1(svelte@5.0.0-next.180)(tailwind-merge@2.3.0)(tailwindcss@3.4.4):
+    dependencies:
+      svelte: 5.0.0-next.180
+      tailwind-merge: 2.3.0
+      tailwindcss: 3.4.4
+
   flowbite-svelte@0.46.14(rollup@4.18.0)(svelte@5.0.0-next.180):
     dependencies:
       '@floating-ui/dom': 1.6.7
diff --git a/src/lib/components/FeatureCard.svelte b/src/lib/components/FeatureCard.svelte
new file mode 100644
index 0000000..4ee9630
--- /dev/null
+++ b/src/lib/components/FeatureCard.svelte
@@ -0,0 +1,23 @@
+<script lang="ts">
+    import { Card, Button } from 'flowbite-svelte';
+    import { ArrowRightOutline } from 'flowbite-svelte-icons';
+    export let title: string = "title";
+    export let description: string = "description";
+    export let link: string = "#";
+</script>
+
+<Card>
+    <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
+        {title}
+    </h5>
+    <p class="mb-3 font-normal text-gray-700 dark:text-gray-400 leading-tight">
+        {description}
+    </p>
+    {#if link}
+        <a href={link} target="_blank">
+            <Button class="w-fit">
+                Read more <ArrowRightOutline class="w-6 h-6 ms-2 text-white" />
+            </Button>
+        </a>
+    {/if}
+</Card>
\ No newline at end of file
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
index aecc24a..e87719d 100644
--- a/src/lib/components/Header.svelte
+++ b/src/lib/components/Header.svelte
@@ -39,9 +39,9 @@
             <img class="me-3 h-6 sm:h-9" src={logo} alt="Logo"/>
         </picture>
 
-        <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
+        <h1 class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
 			Path of Terraria
-		</span>
+		</h1>
     </NavBrand>
     <NavUl>
         <NavLi href="/">Home</NavLi>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1e7702e..c5e9639 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,4 +1,34 @@
+<script>
+	import FeatureCard from "$lib/components/FeatureCard.svelte";
+	import {Heading} from "flowbite-svelte";
+</script>
+
 <svelte:head>
-	<title>Home</title>
-	<meta name="description" content="Svelte demo app" />
-</svelte:head>
\ No newline at end of file
+	<title>Path of Terraria</title>
+	<meta name="description" content="Path of Terraria is a game changing mod bringing the ARPG experience into Terraria" />
+</svelte:head>
+<div class="header">
+	<div class="container mx-auto mt-8">
+		<Heading tag="h1" class="mb-4" customSize="text-1xl font-extrabold  md:text-3xl lg:text-4xl">
+			Introducing the ARPG mod for Terraria
+		</Heading>
+	</div>
+</div>
+<div class="container mx-auto mt-12">
+	<div class="grid grid-cols-2 gap-4">
+		<div class="mx-auto" >
+			<FeatureCard
+					title="Redesigned Item System"
+					description="Items drops with affix. Prefixes and suffixes can be combined to create powerful items."
+					link="https://wiki.pathofterraria.com/Gear"
+			></FeatureCard>
+		</div>
+		<div class="mx-auto" >
+			<FeatureCard
+					title="Questing System"
+					description="Complete quests for NPCs and get rewards."
+					link="https://wiki.pathofterraria.com/Towns"
+			></FeatureCard>
+		</div>
+	</div>
+</div>
\ No newline at end of file