Refactor navigation: remove defaults, use typed locale, remove backward compatibility

Co-authored-by: neilime <314088+neilime@users.noreply.github.com>

Author: Copilot

application/src/layouts/LandingLayout.astro

@@ -2,14 +2,17 @@
 import PageLayout from '~/layouts/PageLayout.astro';
 import Header from '~/components/widgets/Header.astro';
 
-import { headerData } from '~/navigation';
+import { getHeaderData } from '~/navigation';
+import { getLangFromUrl } from '~/i18n/utils';
 import type { MetaData } from '~/types';
 
 export interface Props {
   metadata?: MetaData;
 }
 
 const { metadata } = Astro.props;
+const currentLang = getLangFromUrl(Astro.url);
+const headerData = getHeaderData(currentLang);
 ---
 
 <PageLayout metadata={metadata}>

application/src/navigation.ts

@@ -1,10 +1,11 @@
 import { getPermalink } from './utils/permalinks';
 import { useTranslations } from './i18n/utils';
+import type { ui } from './i18n/ui';
 import favIcon from '~/assets/favicons/favicon.svg';
 
 // Function to get locale-aware navigation
-export const getHeaderData = (locale: string = 'fr') => {
-  const t = useTranslations(locale as 'fr' | 'en');
+export const getHeaderData = (locale: keyof typeof ui) => {
+  const t = useTranslations(locale);
 
   return {
     links: [
@@ -24,8 +25,8 @@ export const getHeaderData = (locale: string = 'fr') => {
   };
 };
 
-export const getFooterData = (locale: string = 'fr') => {
-  const t = useTranslations(locale as 'fr' | 'en');
+export const getFooterData = (locale: keyof typeof ui) => {
+  const t = useTranslations(locale);
 
   return {
     links: [
@@ -58,7 +59,3 @@ export const getFooterData = (locale: string = 'fr') => {
   };
 };
 
-// Keep backward compatibility - default to French
-export const headerData = getHeaderData('fr');
-export const footerData = getFooterData('fr');
-

application/src/pages/homes/saas.astro

@@ -8,10 +8,14 @@ import Steps2 from '~/components/widgets/Steps2.astro';
 import Content from '~/components/widgets/Content.astro';
 import Pricing from '~/components/widgets/Pricing.astro';
 
-import { headerData } from '~/navigation';
+import { getHeaderData } from '~/navigation';
+import { getLangFromUrl } from '~/i18n/utils';
 import FAQs from '~/components/widgets/FAQs.astro';
 import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
 
+const currentLang = getLangFromUrl(Astro.url);
+const headerData = getHeaderData(currentLang);
+
 const metadata = {
   title: 'SaaS Landing Page',
 };