diff --git a/src/lib/components/Frontpage.svelte b/src/lib/components/Frontpage.svelte
index 7e60e5d9..04581798 100644
--- a/src/lib/components/Frontpage.svelte
+++ b/src/lib/components/Frontpage.svelte
@@ -15,7 +15,9 @@
 			<i>Mondey</i> ist ein wissentschaftlich geprüftes Programm zure Dokumentation der Entwicklung von
 			Kindern bis 6 Jahren.
 		</p>
-		<Button class="w-fit">Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 
 	<Card class="m-4 w-full p-6">
@@ -27,7 +29,9 @@
 			Entwicklungsstand des Kindes und können so frühzeitig Fördermaßnahmen einleiten. Dies folgt
 			einem übersichtlichen Ampelsystem.
 		</p>
-		<Button class="w-fit">Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 
 	<Card class="m-4 w-full p-6">
@@ -39,7 +43,9 @@
 			6 Jahren. Dazu gehören unter anderem Grob-und feinmotorik, Wahrnehmung, Denkne, Sprache und Soziale
 			Beziehungen.
 		</p>
-		<Button class="w-fit">Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 	<Card class="m-4 w-full p-6">
 		<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">
@@ -49,7 +55,9 @@
 			Sie bewerten wie gut das Kind bestimmte Alltagshandlungen durchführen kann mit Hilfe einer
 			Liste von Fragen.
 		</p>
-		<Button class="w-fit">Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>Mehr Info <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 
 	<Card class="m-4 w-full p-6">
@@ -72,7 +80,9 @@
 				facilis! Voluptas corrupti recusandae sapiente doloribus voluptatem fugiat ducimus.
 			</i>
 		</p>
-		<Button class="w-fit">dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 
 	<Card class="m-4 w-full p-6">
@@ -83,7 +93,9 @@
 				facilis! Voluptas corrupti recusandae sapiente doloribus voluptatem fugiat ducimus.
 			</i>
 		</p>
-		<Button class="w-fit">dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 
 	<Card class="m-4 w-full p-6">
@@ -94,7 +106,9 @@
 				facilis! Voluptas corrupti recusandae sapiente doloribus voluptatem fugiat ducimus.
 			</i>
 		</p>
-		<Button class="w-fit">dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 
 	<Card class="m-4 w-full p-6">
@@ -105,6 +119,8 @@
 				facilis! Voluptas corrupti recusandae sapiente doloribus voluptatem fugiat ducimus.
 			</i>
 		</p>
-		<Button class="w-fit">dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button>
+		<Button href="/info" class="w-fit"
+			>dummy <ArrowRightOutline class="ms-2 h-6 w-6 text-white" /></Button
+		>
 	</Card>
 </Gallery>
diff --git a/src/routes/info/+page.svelte b/src/routes/info/+page.svelte
index c27e8b4d..e7bfee58 100644
--- a/src/routes/info/+page.svelte
+++ b/src/routes/info/+page.svelte
@@ -2,6 +2,6 @@
 	import AbstractContent from '$lib/components/AbstractContent.svelte';
 </script>
 
-<AbstractContent showBottomNavbar={true}>
+<AbstractContent showBottomNavbar={true} lastPage="/" nextPage="/" infoPage="/info">
 	<h1>Info page</h1>
 </AbstractContent>