diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cf267ec..1374bab 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
     import "../app.postcss";
     import { NavbarObject } from "../classes/NavObject";
-    import Navbar from "../lib/navbar.svelte";
+    import Navbar from "$lib/navbar.svelte";
     import './styles.css';
+    import { navTitle } from "$lib/store";
 
-    let pageTitle: string = "pswsm meteo"
-    let navbarElements: NavbarObject[] = [new NavbarObject('/', 'Home'), new NavbarObject('/abtme', 'Sobre mi'), new NavbarObject('/temps', 'Temps'), new NavbarObject('/xema', 'Estacions'), new NavbarObject('/openmeteo', 'Dades Open Meteo')]
+    let pageTitle: string = $navTitle ?? 'Default Title'
+    // let navbarElements: NavbarObject[] = [new NavbarObject('/', 'Home'), new NavbarObject('/abtme', 'Sobre mi'), new NavbarObject('/temps', 'Temps'), new NavbarObject('/xema', 'Estacions'), new NavbarObject('/openmeteo', 'Dades Open Meteo')]
 </script>
-<Navbar navobjs={navbarElements} pageTitle={pageTitle} />
+<Navbar pageTitle={pageTitle} />
 <slot></slot>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8581219..90d57f5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,10 @@
-<script>
+<script lang="ts">
+    import Sqmenu from "$lib/sqmenu.svelte";
+    import type { MenuData } from "$lib/classes/menudata"
+    let menudata: MenuData[] = [{menuLink: '/abtme', menuName:'Sobre mi'}, {menuLink: '/temps', menuName:'Temps'}, {menuLink: '/xema', menuName:'Dades XEMA'}, {menuLink: '/openmeteo', menuName:'Dades Open Meteo'}]
+    // let menudata: MenuData[] = []
 </script>
 
 <div class="p-8">
-<p>I Like trains</p>
+<Sqmenu {menudata} />
 </div>
\ No newline at end of file