diff --git a/frontend/src/lib/components/tabs/InfoTab.svelte b/frontend/src/lib/components/tabs/InfoTab.svelte
index c19bc9a..c74c1fe 100644
--- a/frontend/src/lib/components/tabs/InfoTab.svelte
+++ b/frontend/src/lib/components/tabs/InfoTab.svelte
@@ -1,51 +1,51 @@
-<script>
-	export let route;
+<script lang="ts">
+	export let route: App.Route;
 </script>
 
 <div id="grid">
 	<div>
 		<p>Distanza</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].distance} m</p>
 	</div>
 
 	<div>
 		<p>Dislivello Positivo</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].elevation_gain}</p>
 	</div>
 
 	<div>
 		<p>Velocità Media</p>
-		<p>Value</p>
+		<p>N/A</p>
 	</div>
 
 	<div>
 		<p>Difficolta</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].difficulty_it}</p>
 	</div>
 
 	<div>
 		<p>Dislivello Negativo</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].elevation_loss}</p>
 	</div>
 
 	<div>
 		<p>Durata</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].duration}'</p>
 	</div>
 
 	<div>
 		<p>Altitudine max</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].altitude_max}</p>
 	</div>
 
 	<div>
 		<p>Altitudine min</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].altitude_min}</p>
 	</div>
 
 	<div>
 		<p>Tipo Percorso</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].route_type_it}</p>
 	</div>
 </div>