From 35c7a154e8d531a5db02dc25d03e8df7f2ece963 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 19:27:48 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 251 +++++++----------------------------------------
 1 file changed, 36 insertions(+), 215 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6162240..d9b5caf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Catalog",
-          id: "catalog",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Catalog", id: "catalog" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="LithiumHub"
     />
@@ -56,33 +44,15 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Le Hub Central du Stockage Lithium"
       description="Connectez-vous avec les leaders de l'industrie pour optimiser, sourcer et innover dans le secteur crucial des batteries lithium."
       tag="Plateforme Leader"
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prc0vz",
-          imageAlt: "Battery Storage Facility",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prc0vz",          imageAlt: "Battery Storage Facility"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ca6yi",
-          imageAlt: "Performance Analytics",
-        },
-        {
-          imageSrc: "asset://new-hero-3",
-          imageAlt: "Advanced battery testing rig",
-        },
-        {
-          imageSrc: "asset://new-hero-4",
-          imageAlt: "Industrial battery manufacturing line",
-        },
-        {
-          imageSrc: "asset://new-hero-5",
-          imageAlt: "Sustainable energy monitoring room",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5ca6yi",          imageAlt: "Performance Analytics"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -96,9 +66,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Accélérer la transition énergétique"
       description={[
-        "LithiumHub est la plateforme de référence pour les acteurs du stockage batterie. Nous centralisons expertise, fournisseurs et technologies pour simplifier vos projets.",
-        "Notre mission : créer un écosystème collaboratif pour sécuriser et optimiser la supply chain mondiale.",
-      ]}
+        "LithiumHub est la plateforme de référence pour les acteurs du stockage batterie. Nous centralisons expertise, fournisseurs et technologies pour simplifier vos projets.",        "Notre mission : créer un écosystème collaboratif pour sécuriser et optimiser la supply chain mondiale."]}
     />
   </div>
 
@@ -108,24 +76,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: Zap,
-          title: "GWh Stockés",
-          value: "15.4",
-        },
-        {
-          id: "m2",
-          icon: Users,
-          title: "Partenaires",
-          value: "240",
-        },
-        {
-          id: "m3",
-          icon: Globe,
-          title: "Pays Couverts",
-          value: "45",
-        },
+        { id: "m1", icon: Zap, title: "GWh Stockés", value: "15.4" },
+        { id: "m2", icon: Users, title: "Partenaires", value: "240" },
+        { id: "m3", icon: Globe, title: "Pays Couverts", value: "45" },
       ]}
       title="Impact Industriel"
       description="Données en temps réel sur l'écosystème du stockage d'énergie."
@@ -139,42 +92,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p1",
-          name: "Module Résidentiel",
-          price: "1 200€",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y3003t",
-        },
-        {
-          id: "p2",
-          name: "Cabinet Industriel",
-          price: "15 000€",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ch3n3",
-        },
-        {
-          id: "p3",
-          name: "Module BMS avancé",
-          price: "450€",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6z68cc",
-        },
-        {
-          id: "p4",
-          name: "Batterie Solaire",
-          price: "2 100€",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x4bgd6",
-        },
-        {
-          id: "p5",
-          name: "Cellule Performance",
-          price: "120€",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rx5ubo",
-        },
-        {
-          id: "p6",
-          name: "Onduleur Hybride",
-          price: "890€",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b5twm8",
-        },
+        { id: "p1", name: "Module Résidentiel", price: "1 200€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y3003t" },
+        { id: "p2", name: "Cabinet Industriel", price: "15 000€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ch3n3" },
+        { id: "p3", name: "Module BMS avancé", price: "450€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6z68cc" },
+        { id: "p4", name: "Batterie Solaire", price: "2 100€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x4bgd6" },
+        { id: "p5", name: "Cellule Performance", price: "120€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rx5ubo" },
+        { id: "p6", name: "Onduleur Hybride", price: "890€", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b5twm8" },
       ]}
       title="Catalogue Équipements"
       description="Des composants de pointe pour tous vos projets de stockage industriel ou résidentiel."
@@ -188,52 +111,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Accès",
-          price: "490€",
-          subtitle: "Pour les petites structures",
-          features: [
-            "Accès catalogue",
-            "Support standard",
-            "Mise en réseau limitée",
-          ],
-          buttons: [
-            {
-              text: "Choisir",
-            },
-          ],
+          id: "basic",          badge: "Accès",          price: "490€",          subtitle: "Pour les petites structures",          features: ["Accès catalogue", "Support standard", "Mise en réseau limitée"],
+          buttons: [{ text: "Choisir" }],
         },
         {
-          id: "pro",
-          badge: "Avancé",
-          price: "1 200€",
-          subtitle: "Pour les professionnels",
-          features: [
-            "Accès complet",
-            "Analyses marché",
-            "Support prioritaire",
-          ],
-          buttons: [
-            {
-              text: "Choisir",
-            },
-          ],
+          id: "pro",          badge: "Avancé",          price: "1 200€",          subtitle: "Pour les professionnels",          features: ["Accès complet", "Analyses marché", "Support prioritaire"],
+          buttons: [{ text: "Choisir" }],
         },
         {
-          id: "ent",
-          badge: "Expert",
-          price: "Sur mesure",
-          subtitle: "Pour les grands groupes",
-          features: [
-            "API accès complet",
-            "Consulting dédié",
-            "Reporting avancés",
-          ],
-          buttons: [
-            {
-              text: "Contact",
-            },
-          ],
+          id: "ent",          badge: "Expert",          price: "Sur mesure",          subtitle: "Pour les grands groupes",          features: ["API accès complet", "Consulting dédié", "Reporting avancés"],
+          buttons: [{ text: "Contact" }],
         },
       ]}
       title="Abonnements Entreprises"
@@ -246,13 +133,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       names={[
-        "EnerCorp",
-        "LithiumTech",
-        "PowerGrid Inc",
-        "Global Storage",
-        "Innovate Battery",
-        "SupplyNode",
-        "E-System Solutions",
+        "EnerCorp", "LithiumTech", "PowerGrid Inc", "Global Storage", "Innovate Battery", "SupplyNode", "E-System Solutions"
       ]}
       title="Partenaires Stratégiques"
       description="Rejoignez un réseau d'entreprises innovantes dans le secteur de l'énergie."
@@ -264,46 +145,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          title: "Fiabilité",
-          quote: "Une plateforme indispensable pour sourcer nos cellules lithium.",
-          name: "Jean Dupont",
-          role: "Directeur Énergie",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pi4crf",
-        },
-        {
-          id: "t2",
-          title: "Expertise",
-          quote: "Les données de marché sont d'une précision incroyable.",
-          name: "Sophie Martin",
-          role: "Ingénieure Lead",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6wh8l",
-        },
-        {
-          id: "t3",
-          title: "Networking",
-          quote: "Grâce au Hub, nous avons trouvé nos partenaires logistiques.",
-          name: "Marc Leroy",
-          role: "Directeur Infra",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fuokm7",
-        },
-        {
-          id: "t4",
-          title: "Efficacité",
-          quote: "Simple, rapide et très efficace pour le sourcing.",
-          name: "Clara Petit",
-          role: "Développeur",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tl6ow8",
-        },
-        {
-          id: "t5",
-          title: "Indispensable",
-          quote: "Un écosystème complet et professionnel.",
-          name: "Lucie Bernard",
-          role: "Ops Director",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtfusd",
-        },
+        { id: "t1", title: "Fiabilité", quote: "Une plateforme indispensable pour sourcer nos cellules lithium.", name: "Jean Dupont", role: "Directeur Énergie", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pi4crf" },
+        { id: "t2", title: "Expertise", quote: "Les données de marché sont d'une précision incroyable.", name: "Sophie Martin", role: "Ingénieure Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6wh8l" },
+        { id: "t3", title: "Networking", quote: "Grâce au Hub, nous avons trouvé nos partenaires logistiques.", name: "Marc Leroy", role: "Directeur Infra", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fuokm7" },
+        { id: "t4", title: "Efficacité", quote: "Simple, rapide et très efficace pour le sourcing.", name: "Clara Petit", role: "Développeur", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tl6ow8" },
+        { id: "t5", title: "Indispensable", quote: "Un écosystème complet et professionnel.", name: "Lucie Bernard", role: "Ops Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtfusd" },
       ]}
       title="Témoignages Experts"
       description="Ce que disent les leaders du secteur de notre plateforme."
@@ -315,21 +161,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Comment intégrer la plateforme ?",
-          content: "Contactez notre équipe commerciale pour une démo et validation de votre profil.",
-        },
-        {
-          id: "q2",
-          title: "Le catalogue est-il certifié ?",
-          content: "Tous nos fournisseurs sont audités selon les standards européens.",
-        },
-        {
-          id: "q3",
-          title: "Puis-je avoir un compte test ?",
-          content: "Oui, nous proposons une période d'essai de 15 jours sur demande.",
-        },
+        { id: "q1", title: "Comment intégrer la plateforme ?", content: "Contactez notre équipe commerciale pour une démo et validation de votre profil." },
+        { id: "q2", title: "Le catalogue est-il certifié ?", content: "Tous nos fournisseurs sont audités selon les standards européens." },
+        { id: "q3", title: "Puis-je avoir un compte test ?", content: "Oui, nous proposons une période d'essai de 15 jours sur demande." },
       ]}
       title="Questions Fréquentes"
       faqsAnimation="slide-up"
@@ -340,30 +174,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Prêt à transformer votre logistique lithium ?"
-      buttons={[
-        {
-          text: "Contactez-nous",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contactez-nous", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="LithiumHub"
-      leftLink={{
-        text: "Mentions Légales",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Confidentialité",
-        href: "#",
-      }}
+      leftLink={{ text: "Mentions Légales", href: "#" }}
+      rightLink={{ text: "Confidentialité", href: "#" }}
     />
   </div>
       </ReactLenis>