diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index a8602bb..b432744 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,2 +1,14 @@
-<script>import "../app.postcss";</script>
-<slot></slot>
\ No newline at end of file
+<script>
+	import '../app.postcss';
+	import Sidebar from '$lib/Sidebar.svelte';
+	import Statscard from '$lib/Statscard.svelte';
+</script>
+
+<div style="min-height: 640px;" class="bg-white dark:bg-gray-800">
+	<div class="h-screen flex overflow-hidden">
+		<Sidebar />
+		<div class="px-4 py-8 flex flex-col w-0 flex-1 overflow-hidden">
+			<slot />
+		</div>
+	</div>
+</div>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 9d05829..d82091a 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,12 +1,10 @@
 <script>
 	import Sidebar from '$lib/Sidebar.svelte';
+	import Statscard from '$lib/Statscard.svelte';
 </script>
 
-<div style="min-height: 640px;" class="bg-white dark:bg-gray-800">
-	<div class="h-screen flex overflow-hidden">
-		<Sidebar />
-		<div class="px-4 py-8 flex flex-col w-0 flex-1 overflow-hidden">
-			<h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100">Home</h2>
-		</div>
-	</div>
+<h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Home</h2>
+<div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
+	<Statscard title="Links created" />
+	<Statscard title="Visits" />
 </div>