Début du travail sur la nouvelle page d'accueil/d'atterrissage du simulateur

• Styles des liens unifiés en CSS ?
• Dans suggestions : aides_logement ou aide_logement ?

src/lib/components/NavBar.svelte

@@ -10,6 +10,7 @@
   import PersistentPopover from "$lib/components/PersistentPopover.svelte"
   import NavBarSearch from "$lib/components/search/NavBarSearch.svelte"
   import { trackSearchVariable } from "$lib/matomo"
+  import type { NavbarConfig } from "$lib/navbar"
   import WithLinkedVariablesSearchWorker from "$lib/search/search_worker_variables_with_linked?worker"
 
   const isSearchActive = getContext("isSearchActive") as Writable<boolean>
@@ -25,7 +26,7 @@
   let searchResults: SearchResult[] = []
   let searchWorker: Worker | undefined = undefined
   const showTutorial = getContext("showTutorial") as Writable<boolean>
-  const welcomePage = getContext("welcomePage") as Writable<boolean | undefined>
+  const navbarConfig = getContext("navbarConfig") as Writable<NavbarConfig>
 
   if (browser) {
     searchWorker = new WithLinkedVariablesSearchWorker()
@@ -83,8 +84,8 @@
 
 <nav
   class="z-50 w-full md:top-0"
-  class:relative={$welcomePage === undefined}
-  class:fixed={$welcomePage !== undefined}
+  class:relative={$navbarConfig.position === "relative"}
+  class:fixed={$navbarConfig.position === "fixed"}
 >
   <div
     class="mx-auto bg-le-jaune-very-dark px-2 shadow-md md:h-12 md:px-3 2xl:h-14"
@@ -111,7 +112,7 @@
           </span>
         </a>
 
-        {#if !$welcomePage}
+        {#if $navbarConfig.showSearch}
           <!-- Logo -->
           <a
             href="/"
@@ -146,7 +147,7 @@
         {/if}
       </div>
 
-      {#if !$welcomePage}
+      {#if $navbarConfig.showSearch}
         <div
           in:fade={{ duration: 100, delay: 100 }}
           out:fade={{ duration: 100 }}
@@ -156,7 +157,7 @@
         </div>
       {/if}
 
-      {#if $welcomePage}
+      {#if !$navbarConfig.showSearch}
         <div
           class="absolute inset-0 pointer-events-none mx-auto h-full flex justify-center items-center gap-2 uppercase text-white"
           in:fade={{ duration: 100, delay: 150 }}