bender/dc6bbaca-740e-4f68-904d-bbca7e91cd9b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-08 19:27:48 +00:00
parent 3211df7613
commit 35c7a154e8
1 changed files with 36 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

251
src/app/page.tsx
View File

@@ -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>