Update src/app/page.tsx

Merge version_12 into main

src/app/business/page.tsx

@@ -25,22 +25,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Accueil", id: "/" },
-          name: "Accueil",
+        { name: "Quiz", id: "/quiz" },
-          id: "/",
+        { name: "Business", id: "/business" },
-        },
+        { name: "Offres", id: "/offres" },
-        {
-          name: "Quiz",
-          id: "/quiz",
-        },
-        {
-          name: "Business",
-          id: "/business",
-        },
-        {
-          name: "Offres",
-          id: "/offres",
-        },
       ]}
       brandName="LaunchPad"
     />
@@ -54,20 +42,8 @@ export default function LandingPage() {
       title="Nos modèles de business favoris"
       description="Découvre les structures les plus agiles et rentables du moment."
       features={[
-        {
+        { id: "b1", title: "Service B2B", subtitle: "Vente de solutions", category: "Service", value: "Haute rentabilité" },
-          id: "b1",
+        { id: "b2", title: "Contenu IA", subtitle: "Production automatisée", category: "Tech", value: "Scalabilité forte" },
-          title: "Service B2B",
-          subtitle: "Vente de solutions",
-          category: "Service",
-          value: "Haute rentabilité",
-        },
-        {
-          id: "b2",
-          title: "Contenu IA",
-          subtitle: "Production automatisée",
-          category: "Tech",
-          value: "Scalabilité forte",
-        },
       ]}
     />
   </div>
@@ -81,25 +57,9 @@ export default function LandingPage() {
       description="Nos retours d'expérience sur le terrain."
       blogs={[
         {
-          id: "bl1",
+          id: "bl1", category: "Guide", title: "Comment tester son idée ?", excerpt: "Une méthode simple pour valider sans investir.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-icon-representing-professional-d-1775309989310-605863ac.png?_wi=2",          authorName: "LaunchPad", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png", date: "2025-01-01"},
-          category: "Guide",
-          title: "Comment tester son idée ?",
-          excerpt: "Une méthode simple pour valider sans investir.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-icon-representing-professional-d-1775309989310-605863ac.png?_wi=2",
-          authorName: "LaunchPad",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",
-          date: "2025-01-01",
-        },
         {
-          id: "bl2",
+          id: "bl2", category: "Business", title: "Les erreurs à éviter", excerpt: "Ne perds pas ton temps avec ces points.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-icon-representing-customized-bus-1775309989574-97677751.png?_wi=2",          authorName: "LaunchPad", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png", date: "2025-01-05"},
-          category: "Business",
-          title: "Les erreurs à éviter",
-          excerpt: "Ne perds pas ton temps avec ces points.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-icon-representing-customized-bus-1775309989574-97677751.png?_wi=2",
-          authorName: "LaunchPad",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",
-          date: "2025-01-05",
-        },
       ]}
     />
   </div>
@@ -109,36 +69,8 @@ export default function LandingPage() {
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/an-abstract-professional-visualization-o-1775309990270-6ddc8007.png?_wi=5"
       logoText="LaunchPad"
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Quiz", href: "/quiz" }, { label: "Business", href: "/business" }] },
-          title: "Navigation",
+        { title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Quiz",
-              href: "/quiz",
-            },
-            {
-              label: "Business",
-              href: "/business",
-            },
-          ],
-        },
-        {
-          title: "Légal",
-          items: [
-            {
-              label: "Mentions légales",
-              href: "#",
-            },
-            {
-              label: "Confidentialité",
-              href: "#",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2025 | LaunchPad"
     />
@@ -146,4 +78,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -19,14 +19,11 @@ export const metadata: Metadata = {
   },
 };
 
+
 const montserrat = Montserrat({
   variable: "--font-montserrat",
   subsets: ["latin"],
 });
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
 
 export default function RootLayout({
   children,
@@ -36,7 +33,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
+        <body className={`${montserrat.variable} antialiased`}>
           
           {children}
           <script

src/app/offres/page.tsx

@@ -25,22 +25,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Accueil", id: "/" },
-          name: "Accueil",
+        { name: "Quiz", id: "/quiz" },
-          id: "/",
+        { name: "Business", id: "/business" },
-        },
+        { name: "Offres", id: "/offres" },
-        {
-          name: "Quiz",
-          id: "/quiz",
-        },
-        {
-          name: "Business",
-          id: "/business",
-        },
-        {
-          name: "Offres",
-          id: "/offres",
-        },
       ]}
       brandName="LaunchPad"
     />
@@ -54,37 +42,8 @@ export default function LandingPage() {
       title="Nos tarifs"
       description="Des solutions adaptées à ton besoin d'accompagnement."
       plans={[
-        {
+        { id: "p1", price: "0€", name: "Découverte", buttons: [{ text: "Commencer gratuitement", href: "/quiz" }], features: ["Accès quiz", "Résumé rapide"] },
-          id: "p1",
+        { id: "p2", price: "49€", name: "Expert", buttons: [{ text: "Accéder", href: "#" }], features: ["Plan complet", "Scripts exclusifs", "Templates"] },
-          price: "0€",
-          name: "Découverte",
-          buttons: [
-            {
-              text: "Commencer gratuitement",
-              href: "/quiz",
-            },
-          ],
-          features: [
-            "Accès quiz",
-            "Résumé rapide",
-          ],
-        },
-        {
-          id: "p2",
-          price: "49€",
-          name: "Expert",
-          buttons: [
-            {
-              text: "Accéder",
-              href: "#",
-            },
-          ],
-          features: [
-            "Plan complet",
-            "Scripts exclusifs",
-            "Templates",
-          ],
-        },
       ]}
     />
   </div>
@@ -98,16 +57,8 @@ export default function LandingPage() {
       title="Pourquoi passer au Premium ?"
       description="Pour gagner des semaines de tâtonnement en suivant des sentiers battus."
       metrics={[
-        {
+        { id: "o1", value: "100%", description: "Accès illimité aux outils" },
-          id: "o1",
+        { id: "o2", value: "Priorité", description: "Support VIP 24/7" },
-          value: "100%",
-          description: "Accès illimité aux outils",
-        },
-        {
-          id: "o2",
-          value: "Priorité",
-          description: "Support VIP 24/7",
-        },
       ]}
     />
   </div>
@@ -117,36 +68,8 @@ export default function LandingPage() {
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/an-abstract-professional-visualization-o-1775309990270-6ddc8007.png?_wi=6"
       logoText="LaunchPad"
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Quiz", href: "/quiz" }, { label: "Business", href: "/business" }] },
-          title: "Navigation",
+        { title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Quiz",
-              href: "/quiz",
-            },
-            {
-              label: "Business",
-              href: "/business",
-            },
-          ],
-        },
-        {
-          title: "Légal",
-          items: [
-            {
-              label: "Mentions légales",
-              href: "#",
-            },
-            {
-              label: "Confidentialité",
-              href: "#",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2025 | LaunchPad"
     />
@@ -154,4 +77,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -4,8 +4,8 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import SplitAbout from '@/components/sections/about/SplitAbout';
@@ -28,74 +28,30 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Accueil", id: "/" },
-          name: "Accueil",          id: "/"},
+        { name: "Quiz", id: "/quiz" },
-        {
+        { name: "Business", id: "/business" },
-          name: "Quiz",          id: "/quiz"},
+        { name: "Offres", id: "/offres" },
-        {
-          name: "Business",          id: "/business"},
-        {
-          name: "Offres",          id: "/offres"},
       ]}
       brandName="LaunchPad"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
+      <HeroBillboard
-      useInvertedBackground={false}
+      background={{ variant: "sparkles-gradient" }}
-      background={{
-        variant: "sparkles-gradient"}}
       title="Lance un business rentable adapté à ton profil en 15 minutes"
       description="Réponds à quelques questions et découvre une voie concrète que tu peux réellement lancer, avec un plan clair et les bons outils."
-      testimonials={[
-        {
-          name: "Thomas V.",          handle: "@t_v",          testimonial: "Enfin une méthode claire et réaliste pour se lancer sans se perdre.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png?_wi=1",          imageAlt: "A clean, modern professional dashboard interface for a business launch platform. Minimalist UI, blue"},
-        {
-          name: "Sarah L.",          handle: "@s_l",          testimonial: "Pas de promesses magiques, juste du concret et une roadmap logique.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/an-abstract-professional-visualization-o-1775309990270-6ddc8007.png?_wi=1",          imageAlt: "An abstract, professional visualization of a simple business path, showing a clear roadmap or simple"},
-        {
-          name: "Marc D.",          handle: "@m_d",          testimonial: "J'avais trop d'idées, le quiz m'a permis de me focaliser sur le meilleur.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-icon-representing-professional-d-1775309989310-605863ac.png?_wi=1",          imageAlt: "A clean icon representing professional data analysis for a modern tech startup. Minimalist vector il"},
-        {
-          name: "Julie K.",          handle: "@j_k",          testimonial: "Système simple, outils accessibles, tout ce qu'il faut pour débuter.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-icon-representing-customized-bus-1775309989574-97677751.png?_wi=1",          imageAlt: "A clean icon representing customized business planning and strategic roadmap. Minimalist vector, pro"},
-        {
-          name: "Alex R.",          handle: "@a_r",          testimonial: "La transparence de la démarche est ce que j'ai préféré.",          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-icon-representing-actionable-bus-1775309988987-78995893.png",          imageAlt: "A clean icon representing actionable business steps and milestones. Minimalist, high-quality, profes"},
-      ]}
       buttons={[
-        {
+        { text: "Obtenir mon plan business gratuit", href: "/quiz" },
-          text: "Trouver mon business",          href: "/quiz"},
+        { text: "Voir comment ça marche", href: "#about" },
-        {
-          text: "Voir comment ça marche",          href: "#comment"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png?_wi=2"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",          alt: "Avatar 1"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",          alt: "Avatar 2"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",          alt: "Avatar 3"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",          alt: "Avatar 4"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",          alt: "Avatar 5"},
-      ]}
       marqueeItems={[
-        {
+        { type: "text", text: "Validation rapide" },
-          type: "text",          text: "Validation rapide"},
+        { type: "text", text: "Plan actionnable" },
-        {
+        { type: "text", text: "Sans blabla" },
-          type: "text",          text: "Plan actionnable"},
-        {
-          type: "text",          text: "Sans blabla"},
-        {
-          type: "text",          text: "Outils inclus"},
-        {
-          type: "text",          text: "Méthode éprouvée"},
       ]}
     />
   </div>
@@ -107,12 +63,9 @@ export default function LandingPage() {
       title="Un système simple pour t’aider à avancer"
       description="Nous avons éliminé le bruit pour te proposer uniquement des chemins réalistes. Pas d'automatisation magique, juste du travail structuré."
       bulletPoints={[
-        {
+        { title: "Analyse de ton profil", description: "Réponds à quelques questions sur tes contraintes et envies." },
-          title: "Analyse de ton profil",          description: "Réponds à quelques questions sur tes contraintes et envies."},
+        { title: "Recommandation personnalisée", description: "Découvre le business le plus adapté à ta situation unique." },
-        {
+        { title: "Plan concret", description: "Reçois les premières étapes, outils et actions prioritaires." },
-          title: "Recommandation personnalisée",          description: "Découvre le business le plus adapté à ta situation unique."},
-        {
-          title: "Plan concret",          description: "Reçois les premières étapes, outils et actions prioritaires."},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/an-abstract-professional-visualization-o-1775309990270-6ddc8007.png?_wi=2"
       mediaAnimation="slide-up"
@@ -125,18 +78,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "1", title: "Ghostwriting avec IA", subtitle: "Rédaction pour LinkedIn", category: "Écriture", value: "Budget : Faible", buttons: [{ text: "Explorer", href: "/business/ghostwriting" }] },
-          id: "1",          title: "Ghostwriting avec IA",          subtitle: "Rédaction pour LinkedIn",          category: "Écriture",          value: "Budget : Faible"},
+        { id: "2", title: "Agence de contenu", subtitle: "Gestion de réseaux", category: "Service", value: "Difficulté : Moyenne", buttons: [{ text: "Explorer", href: "/business/agence-contenu" }] },
-        {
+        { id: "3", title: "Montage vidéo IA", subtitle: "Contenu court", category: "Création", value: "Budget : Faible", buttons: [{ text: "Explorer", href: "/business/montage-ia" }] },
-          id: "2",          title: "Agence de contenu",          subtitle: "Gestion de réseaux",          category: "Service",          value: "Difficulté : Moyenne"},
+        { id: "4", title: "Landing Pages", subtitle: "Conception web", category: "Web", value: "Difficulté : Moyenne", buttons: [{ text: "Explorer", href: "/business/landing-pages" }] },
-        {
+        { id: "5", title: "Lead Generation", subtitle: "Prospection ciblée", category: "Business", value: "Budget : Très faible", buttons: [{ text: "Explorer", href: "/business/lead-gen" }] },
-          id: "3",          title: "Montage vidéo IA",          subtitle: "Contenu court",          category: "Création",          value: "Budget : Faible"},
+        { id: "6", title: "Sites locaux", subtitle: "Presence web", category: "Service", value: "Difficulté : Simple", buttons: [{ text: "Explorer", href: "/business/sites-locaux" }] },
-        {
-          id: "4",          title: "Landing Pages",          subtitle: "Conception web",          category: "Web",          value: "Difficulté : Moyenne"},
-        {
-          id: "5",          title: "Lead Generation",          subtitle: "Prospection ciblée",          category: "Business",          value: "Budget : Très faible"},
-        {
-          id: "6",          title: "Sites locaux",          subtitle: "Presence web",          category: "Service",          value: "Difficulté : Simple"},
       ]}
       title="Des business simples et réalistes"
       description="On ne te propose pas 50 idées inutiles. On sélectionne des modèles testables, compréhensibles et accessibles dès maintenant."
@@ -150,20 +97,12 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "pack",          badge: "Recommandé",          price: "29€",          subtitle: "Pour passer à l'action",          features: [
+          id: "pack", badge: "Recommandé", price: "29€", subtitle: "Pour passer à l'action", features: ["Plan détaillé", "Scripts de vente", "Templates réutilisables", "Checklist de démarrage", "Exemples concrets"],
-            "Plan détaillé",            "Scripts de vente",            "Templates réutilisables",            "Checklist de démarrage",            "Exemples concrets"],
+          buttons: [{ text: "Lancer mon projet maintenant" }],
-          buttons: [
-            {
-              text: "Get Started - Risk-Free Start"},
-          ],
         },
         {
-          id: "abonnement",          badge: "Pro",          price: "19€/mois",          subtitle: "Accès illimité",          features: [
+          id: "abonnement", badge: "Pro", price: "19€/mois", subtitle: "Accès illimité", features: ["Nouveaux business", "Ressources en continu", "Outils avancés", "Mises à jour", "Accès à la communauté"],
-            "Nouveaux business",            "Ressources en continu",            "Outils avancés",            "Mises à jour",            "Accès à la communauté"],
+          buttons: [{ text: "S'abonner" }],
-          buttons: [
-            {
-              text: "S'abonner"},
-          ],
         },
       ]}
       title="Aller plus loin"
@@ -172,20 +111,16 @@ export default function LandingPage() {
   </div>
 
   <div id="metric" data-section="metric">
-      <MetricCardTwo
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       title="Des résultats concrets"
       description="Notre approche a déjà aidé de nombreux entrepreneurs à clarifier leur projet."
       metrics={[
-        {
+        { id: "m1", value: "500+", title: "Business lancés", items: ["Secteurs variés", "Rentabilité validée"] },
-          id: "m1",          value: "500+",          description: "Business lancés"},
+        { id: "m2", value: "15 min", title: "Temps pour ton plan", items: ["Diagnostic rapide", "Résultats immédiats"] },
-        {
+        { id: "m3", value: "98%", title: "Satisfaction client", items: ["Support réactif", "Communauté engagée"] },
-          id: "m2",          value: "15 min",          description: "Temps pour ton plan"},
-        {
-          id: "m3",          value: "98%",          description: "Satisfaction client"},
       ]}
     />
   </div>
@@ -195,24 +130,8 @@ export default function LandingPage() {
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/an-abstract-professional-visualization-o-1775309990270-6ddc8007.png?_wi=3"
       logoText="LaunchPad"
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Quiz", href: "/quiz" }, { label: "Business", href: "/business" }] },
-          title: "Navigation",          items: [
+        { title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
-            {
-              label: "Accueil",              href: "/"},
-            {
-              label: "Quiz",              href: "/quiz"},
-            {
-              label: "Business",              href: "/business"},
-          ],
-        },
-        {
-          title: "Légal",          items: [
-            {
-              label: "Mentions légales",              href: "#"},
-            {
-              label: "Confidentialité",              href: "#"},
-          ],
-        },
       ]}
       copyrightText="© 2025 | LaunchPad"
     />
@@ -220,4 +139,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/quiz/page.tsx

@@ -25,22 +25,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Accueil", id: "/" },
-          name: "Accueil",
+        { name: "Quiz", id: "/quiz" },
-          id: "/",
+        { name: "Business", id: "/business" },
-        },
+        { name: "Offres", id: "/offres" },
-        {
-          name: "Quiz",
-          id: "/quiz",
-        },
-        {
-          name: "Business",
-          id: "/business",
-        },
-        {
-          name: "Offres",
-          id: "/offres",
-        },
       ]}
       brandName="LaunchPad"
     />
@@ -48,39 +36,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Prêt à trouver ta voie ?"
       description="Réponds à ces 5 questions rapides pour obtenir une recommandation personnalisée."
       avatars={[
-        {
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png", alt: "User 1" },
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png", alt: "User 2" },
-          alt: "User 1",
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png", alt: "User 3" },
-        },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png", alt: "User 4" },
-        {
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png", alt: "User 5" },
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",
-          alt: "User 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",
-          alt: "User 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",
-          alt: "User 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/a-clean-modern-professional-dashboard-in-1775309991068-1f1e5329.png",
-          alt: "User 5",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Commencer le quiz",
-          href: "#start",
-        },
       ]}
+      buttons={[{ text: "Commencer le quiz", href: "#start" }]}
     />
   </div>
 
@@ -93,21 +59,9 @@ export default function LandingPage() {
       title="Pourquoi le quiz ?"
       description="Pour éliminer le superflu et se concentrer sur ce qui marche pour TOI."
       metrics={[
-        {
+        { id: "q1", value: "Ciblé", description: "Questions basées sur tes compétences" },
-          id: "q1",
+        { id: "q2", value: "Rapide", description: "Moins de 5 minutes chrono" },
-          value: "Ciblé",
+        { id: "q3", value: "Sur-mesure", description: "Résultat unique par utilisateur" },
-          description: "Questions basées sur tes compétences",
-        },
-        {
-          id: "q2",
-          value: "Rapide",
-          description: "Moins de 5 minutes chrono",
-        },
-        {
-          id: "q3",
-          value: "Sur-mesure",
-          description: "Résultat unique par utilisateur",
-        },
       ]}
     />
   </div>
@@ -117,36 +71,8 @@ export default function LandingPage() {
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BtSTgFYX66WTTvYgehTNtLcohX/an-abstract-professional-visualization-o-1775309990270-6ddc8007.png?_wi=4"
       logoText="LaunchPad"
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Accueil", href: "/" }, { label: "Quiz", href: "/quiz" }, { label: "Business", href: "/business" }] },
-          title: "Navigation",
+        { title: "Légal", items: [{ label: "Mentions légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
-          items: [
-            {
-              label: "Accueil",
-              href: "/",
-            },
-            {
-              label: "Quiz",
-              href: "/quiz",
-            },
-            {
-              label: "Business",
-              href: "/business",
-            },
-          ],
-        },
-        {
-          title: "Légal",
-          items: [
-            {
-              label: "Mentions légales",
-              href: "#",
-            },
-            {
-              label: "Confidentialité",
-              href: "#",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2025 | LaunchPad"
     />
@@ -154,4 +80,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;