Merge version_1 into main #2
349
src/app/page.tsx
349
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user