Update theme fonts

Update src/app/page.tsx
2026-04-04 16:29:56 +00:00 · 2026-04-04 16:29:56 +00:00 · 2026-04-04 16:29:04 +00:00 · 2026-04-04 16:27:28 +00:00 · 2026-04-04 16:27:25 +00:00 · 2026-04-04 15:22:43 +00:00
3 changed files with 37 additions and 99 deletions
--- a/src/app/layout.tsx
+++ b/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
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,7 +4,7 @@ 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 NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -42,60 +42,20 @@ export default function LandingPage() {
  </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: "Générer mon plan 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 +67,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 +82,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", buttons: [{ text: "Explorer", href: "/business/ghostwriting" }]},
+        { 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", buttons: [{ text: "Explorer", href: "/business/agence-contenu" }]},
+        { 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", buttons: [{ text: "Explorer", href: "/business/montage-ia" }]},
+        { 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", 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: "6",          title: "Sites locaux",          subtitle: "Presence web",          category: "Service",          value: "Difficulté : Simple", buttons: [{ text: "Explorer", href: "/business/sites-locaux" }]},
      ]}
      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,19 +101,17 @@ 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" },
              text: "Lancer mon projet maintenant"},
          ],
        },
        {
-          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" },
              text: "S'abonner"},
          ],
        },
      ]}
@@ -180,12 +129,9 @@ export default function LandingPage() {
      title="Des résultats concrets"
      description="Notre approche a déjà aidé de nombreux entrepreneurs à clarifier leur projet."
      metrics={[
-        {
+        { id: "m1", value: "500+", description: "Business lancés" },
-          id: "m1",          value: "500+",          description: "Business lancés"},
+        { id: "m2", value: "15 min", description: "Temps pour ton plan" },
-        {
+        { id: "m3", value: "98%", description: "Satisfaction client" },
          id: "m2",          value: "15 min",          description: "Temps pour ton plan"},
        {
          id: "m3",          value: "98%",          description: "Satisfaction client"},
      ]}
    />
  </div>
@@ -196,21 +142,16 @@ export default function LandingPage() {
      logoText="LaunchPad"
      columns={[
        {
-          title: "Navigation",          items: [
+          title: "Navigation", items: [
-            {
+            { label: "Accueil", href: "/" },
-              label: "Accueil",              href: "/"},
+            { label: "Quiz", href: "/quiz" },
-            {
+            { label: "Business", href: "/business" },
              label: "Quiz",              href: "/quiz"},
            {
              label: "Business",              href: "/business"},
          ],
        },
        {
-          title: "Légal",          items: [
+          title: "Légal", items: [
-            {
+            { label: "Mentions légales", href: "#" },
-              label: "Mentions légales",              href: "#"},
+            { label: "Confidentialité", href: "#" },
            {
              label: "Confidentialité",              href: "#"},
          ],
        },
      ]}
@@ -220,4 +161,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/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;
Author	SHA1	Message	Date
bender	2da7078ae6	Update theme fonts	2026-04-04 16:29:56 +00:00
bender	9a14a936f8	Update theme fonts	2026-04-04 16:29:56 +00:00
bender	d04307e02a	Update src/app/page.tsx	2026-04-04 16:29:04 +00:00
bender	2db7786531	Merge version_9 into main Merge version_9 into main	2026-04-04 16:27:28 +00:00
bender	1a03d77498	Update src/app/page.tsx	2026-04-04 16:27:25 +00:00
bender	efc3ecf06f	Merge version_8 into main Merge version_8 into main	2026-04-04 15:22:43 +00:00