From 1fa07371d5475bc0fc30bc2c8c404982f77021f8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 23:02:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 349 +++++++++++++----------------------------------
 1 file changed, 97 insertions(+), 252 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f3da57e..0f74c84 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,266 +13,111 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Dashboard",
-          id: "#hero",
-        },
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-      ]}
-      brandName="EcoBrief"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Dashboard", id: "#hero" },
+              { name: "Features", id: "#features" },
+              { name: "Pricing", id: "#pricing" }
+            ]}
+            brandName="EcoBrief"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="L'actualité éco condensée en 2 minutes."
-      description="EcoBrief vous offre une vue d'ensemble claire des marchés financiers, cryptos et macro-économie. Gagnez en lucidité chaque matin."
-      buttons={[
-        {
-          text: "Essayer gratuitement",
-          href: "#pricing",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=1",
-          imageAlt: "Dashboard overview",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=2",
-          imageAlt: "Mobile analytics",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=3",
-          imageAlt: "Real-time updates",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=4",
-          imageAlt: "Custom alerts",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=5",
-          imageAlt: "Market overview",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg?_wi=6",
-          imageAlt: "Financial news",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "sparkles-gradient" }}
+            title="L'actualité éco condensée en 2 minutes."
+            description="EcoBrief vous offre une vue d'ensemble claire des marchés financiers, cryptos et macro-économie. Gagnez en lucidité chaque matin."
+            buttons={[{ text: "Essayer gratuitement", href: "#pricing" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "Dashboard overview" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "Mobile analytics" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "Real-time updates" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "Custom alerts" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "Market overview" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg", imageAlt: "Financial news" }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Résumé Intelligent",
-          author: "IA Engine",
-          description: "Nos algorithmes synthétisent les actus majeures en points bullet clairs.",
-          tags: [
-            "IA",
-            "Résumé",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/finance-word-with-c-replaced-by-pie-chart_23-2147892167.jpg",
-        },
-        {
-          id: "2",
-          title: "Alertes en temps réel",
-          author: "Système",
-          description: "Soyez notifié instantanément en cas de gros mouvement sur vos actifs suivis.",
-          tags: [
-            "Alertes",
-            "Mobile",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-working-graphs-with-feet-table-two-screens_482257-32835.jpg",
-        },
-        {
-          id: "3",
-          title: "Fil personnalisé",
-          author: "Dashboard",
-          description: "Le contenu s'adapte à vos centres d'intérêt, sans aucune info inutile.",
-          tags: [
-            "Personnalisation",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/newspaper-background-concept_23-2149501596.jpg",
-        },
-      ]}
-      title="Conçu pour la rapidité."
-      description="Ne perdez plus de temps à filtrer le bruit. EcoBrief centralise tout."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", title: "Résumé Intelligent", author: "IA Engine", description: "Nos algorithmes synthétisent les actus majeures en points bullet clairs.", tags: ["IA", "Résumé"], imageSrc: "http://img.b2bpic.net/free-photo/finance-word-with-c-replaced-by-pie-chart_23-2147892167.jpg" },
+              { id: "2", title: "Alertes en temps réel", author: "Système", description: "Soyez notifié instantanément en cas de gros mouvement sur vos actifs suivis.", tags: ["Alertes", "Mobile"], imageSrc: "http://img.b2bpic.net/free-photo/manager-working-graphs-with-feet-table-two-screens_482257-32835.jpg" },
+              { id: "3", title: "Fil personnalisé", author: "Dashboard", description: "Le contenu s'adapte à vos centres d'intérêt, sans aucune info inutile.", tags: ["Personnalisation"], imageSrc: "http://img.b2bpic.net/free-photo/newspaper-background-concept_23-2149501596.jpg" }
+            ]}
+            title="Conçu pour la rapidité."
+            description="Ne perdez plus de temps à filtrer le bruit. EcoBrief centralise tout."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Indispensable",
-          quote: "Je ne consulte plus que cette app le matin. Gain de temps énorme.",
-          name: "Marc L.",
-          role: "Trader",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg",
-        },
-        {
-          id: "2",
-          title: "Clair et efficace",
-          quote: "Enfin une app qui supprime tout le bruit inutile. Bravo.",
-          name: "Sophie P.",
-          role: "Analyste",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-research_1098-12824.jpg",
-        },
-        {
-          id: "3",
-          title: "Top",
-          quote: "La personnalisation des alertes est parfaite pour mes cryptos.",
-          name: "Julien B.",
-          role: "Investisseur",
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-young-woman-with-eyeglasses-holding-papers_23-2148452647.jpg",
-        },
-        {
-          id: "4",
-          title: "Essentiel",
-          quote: "Le meilleur résumé macro que j'ai pu lire.",
-          name: "Lucie V.",
-          role: "Gérante",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
-        {
-          id: "5",
-          title: "Rapide",
-          quote: "En moins de 2 min je sais tout ce qu'il se passe.",
-          name: "Pierre D.",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
-      ]}
-      title="Rejoignez nos membres"
-      description="Ils ont gagné un temps précieux grâce à EcoBrief."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Indispensable", quote: "Je ne consulte plus que cette app le matin. Gain de temps énorme.", name: "Marc L.", role: "Trader", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-old-man-wearing-suit_23-2148831105.jpg" },
+              { id: "2", title: "Clair et efficace", quote: "Enfin une app qui supprime tout le bruit inutile. Bravo.", name: "Sophie P.", role: "Analyste", imageSrc: "http://img.b2bpic.net/free-photo/business-research_1098-12824.jpg" },
+              { id: "3", title: "Top", quote: "La personnalisation des alertes est parfaite pour mes cryptos.", name: "Julien B.", role: "Investisseur", imageSrc: "http://img.b2bpic.net/free-photo/corporate-young-woman-with-eyeglasses-holding-papers_23-2148452647.jpg" },
+              { id: "4", title: "Essentiel", quote: "Le meilleur résumé macro que j'ai pu lire.", name: "Lucie V.", role: "Gérante", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
+              { id: "5", title: "Rapide", quote: "En moins de 2 min je sais tout ce qu'il se passe.", name: "Pierre D.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" }
+            ]}
+            title="Rejoignez nos membres"
+            description="Ils ont gagné un temps précieux grâce à EcoBrief."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          badge: "Gratuit",
-          price: "0 €",
-          subtitle: "Pour débuter",
-          buttons: [
-            {
-              text: "Essayer",
-              href: "#",
-            },
-          ],
-          features: [
-            "Résumé global",
-            "Accès standard",
-            "1 mois d'historique",
-          ],
-        },
-        {
-          id: "premium",
-          badge: "Premium",
-          price: "19 € / mois",
-          subtitle: "Pour les experts",
-          buttons: [
-            {
-              text: "Passer Premium",
-              href: "#",
-            },
-          ],
-          features: [
-            "Alertes illimitées",
-            "Actifs personnalisés",
-            "Analyse approfondie IA",
-            "Morning briefing",
-          ],
-        },
-      ]}
-      title="Choisissez votre formule"
-      description="Passez au niveau supérieur avec EcoBrief Premium."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "basic", badge: "Gratuit", price: "0 €", subtitle: "Pour débuter", buttons: [{ text: "Essayer", href: "#" }], features: ["Résumé global", "Accès standard", "1 mois d'historique"] },
+              { id: "premium", badge: "Premium", price: "19 € / mois", subtitle: "Pour les experts", buttons: [{ text: "Passer Premium", href: "#" }], features: ["Alertes illimitées", "Actifs personnalisés", "Analyse approfondie IA", "Morning briefing"] }
+            ]}
+            title="Choisissez votre formule"
+            description="Passez au niveau supérieur avec EcoBrief Premium."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Contact"
-      title="Prêt pour EcoBrief ?"
-      description="Une question sur nos plans ou notre technologie ? Contactez notre équipe."
-      buttons={[
-        {
-          text: "Contacter l'équipe",
-          href: "mailto:hello@ecobrief.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Contact"
+            title="Prêt pour EcoBrief ?"
+            description="Une question sur nos plans ou notre technologie ? Contactez notre équipe."
+            buttons={[{ text: "Contacter l'équipe", href: "mailto:hello@ecobrief.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="EcoBrief"
-      columns={[
-        {
-          title: "Produit",
-          items: [
-            {
-              label: "Dashboard",
-              href: "#hero",
-            },
-            {
-              label: "Tarifs",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Légal",
-          items: [
-            {
-              label: "CGU",
-              href: "#",
-            },
-            {
-              label: "Confidentialité",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="EcoBrief"
+            columns={[
+              { title: "Produit", items: [{ label: "Dashboard", href: "#hero" }, { label: "Tarifs", href: "#pricing" }] },
+              { title: "Légal", items: [{ label: "CGU", href: "#" }, { label: "Confidentialité", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1