diff --git a/frontend/src/lib/components/Header.svelte b/frontend/src/lib/components/Header.svelte
index aee47e6..4453ab8 100644
--- a/frontend/src/lib/components/Header.svelte
+++ b/frontend/src/lib/components/Header.svelte
@@ -1,3 +1,24 @@
+<script lang='ts'>
+    export let title: string = 'Naturalistici';
+</script>
 <div>
-    <img src='/images/white-back-arrow.png' alt=''>
-</div>
\ No newline at end of file
+    <img class='back' src='/images/white-back-arrow.png' alt=''>
+    <p>Percorsi {title}</p>
+    <img src='/images/app-bar-logo.png' alt=''>
+</div>
+
+<style>
+    div {
+        width: 100%;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+        background-color: #de0e1b;
+    }
+    div img {
+        height: 40px;
+    }
+    .back {
+        height: 20px;
+    }
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/paths/[slug]/+layout.svelte b/frontend/src/routes/paths/[slug]/+layout.svelte
deleted file mode 100644
index 79b5e8e..0000000
--- a/frontend/src/routes/paths/[slug]/+layout.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script>
-    import Header from "$lib/components/Header.svelte";
-</script>
-
-<Header></Header>
-<slot></slot>
\ No newline at end of file
diff --git a/frontend/src/routes/paths/[slug]/+page.svelte b/frontend/src/routes/paths/[slug]/+page.svelte
index 2f8112e..b7f0042 100644
--- a/frontend/src/routes/paths/[slug]/+page.svelte
+++ b/frontend/src/routes/paths/[slug]/+page.svelte
@@ -1,3 +1,6 @@
 <script lang="ts">
+	import Header from '$lib/components/Header.svelte';
 	export let data;
-</script>
\ No newline at end of file
+</script>
+
+<Header title={data.title}></Header>
\ No newline at end of file