front/src/navigation.js

@@ -3,16 +3,119 @@ import { getPermalink, getBlogPermalink } from './utils/permalinks'
 export const headerData = {
 	links: [
 		{
-			text: 'Explorer POI',
-			href: '/maps',
+			text: 'Homes',
+			links: [
+				{
+					text: 'SaaS',
+					href: getPermalink('/homes/saas'),
+				},
+				{
+					text: 'Startup',
+					href: getPermalink('/homes/startup'),
+				},
+				{
+					text: 'Mobile App',
+					href: getPermalink('/homes/mobile-app'),
+				},
+				{
+					text: 'Personal',
+					href: getPermalink('/homes/personal'),
+				},
+			],
 		},
-    {
-			text: 'itinéraire',
-			href: '/maps/find_route',
+		{
+			text: 'Pages',
+			links: [
+				{
+					text: 'Features (Anchor Link)',
+					href: getPermalink('/#features'),
+				},
+				{
+					text: 'Services',
+					href: getPermalink('/services'),
+				},
+				{
+					text: 'Pricing',
+					href: getPermalink('/pricing'),
+				},
+				{
+					text: 'About us',
+					href: getPermalink('/about'),
+				},
+				{
+					text: 'Contact',
+					href: getPermalink('/contact'),
+				},
+				{
+					text: 'Terms',
+					href: getPermalink('/terms'),
+				},
+				{
+					text: 'Privacy policy',
+					href: getPermalink('/privacy'),
+				},
+			],
 		},
-    {
-			text: 'Compte',
-			href: '/account',
+		{
+			text: 'Landing',
+			links: [
+				{
+					text: 'Lead Generation',
+					href: getPermalink('/landing/lead-generation'),
+				},
+				{
+					text: 'Long-form Sales',
+					href: getPermalink('/landing/sales'),
+				},
+				{
+					text: 'Click-Through',
+					href: getPermalink('/landing/click-through'),
+				},
+				{
+					text: 'Product Details (or Services)',
+					href: getPermalink('/landing/product'),
+				},
+				{
+					text: 'Coming Soon or Pre-Launch',
+					href: getPermalink('/landing/pre-launch'),
+				},
+				{
+					text: 'Subscription',
+					href: getPermalink('/landing/subscription'),
+				},
+			],
+		},
+		{
+			text: 'Blog',
+			links: [
+				{
+					text: 'Blog List',
+					href: getBlogPermalink(),
+				},
+				{
+					text: 'Article',
+					href: getPermalink(
+						'get-started-website-with-astro-tailwind-css',
+						'post'
+					),
+				},
+				{
+					text: 'Article (with MDX)',
+					href: getPermalink('markdown-elements-demo-post', 'post'),
+				},
+				{
+					text: 'Category Page',
+					href: getPermalink('tutorials', 'category'),
+				},
+				{
+					text: 'Tag Page',
+					href: getPermalink('astro', 'tag'),
+				},
+			],
+		},
+		{
+			text: 'Widgets',
+			href: '#',
 		},
 	],
 	// actions: [

front/src/pages/maps/find_route.astro

@@ -14,12 +14,14 @@ const metadata = {
 
 <Layout metadata={metadata}>
 
-  <div class="h-[calc(100vh-5rem)] flex flex-col">
+  <div class="h-[calc(100vh-16rem)] flex flex-col">
     <div class="w-full h-96 grow" id="map" />
     <Button id="test-btn">test</Button>
   </div>
+  <!-- TODO: faire en sort que le style soit propre -->
   <!-- for remouve footer -->
-  <div slot="footer"></div>
+  <!-- <div slot="footer"></div> -->
+  <!-- penser a rm  11 au rem au dessus pour la taille -->
 </Layout>
 
 <script>

front/src/pages/maps/index.astro

@@ -186,7 +186,7 @@ console.log(fav);
     params.append("rate", minimalNote)
 
     if(drink && otm){
-      fetch(`${BACK_URL}otm/box?${params.toString()}`,{method: 'GET',headers: {'Content-Type': 'application/json',}}).then(function (response) {
+      fetch(`${BACK_URL}otm/box?${params.toString()}`,{method: 'GET',headers: {'Content-Type': 'application/json'}}).then(function (response) {
         return response.json()
       }).then(function (data) {
         poiMarkers.forEach(element => {