Merge version_1 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LYMOA"
|
||||
/>
|
||||
@@ -48,63 +43,29 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Moins jeter, mieux vivre."
|
||||
description="L'IA qui scanne vos tickets de caisse pour détecter vos aliments et vous alerter avant leur péremption. Économisez 400€ par an."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rejoindre la liste d'attente",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Rejoindre la liste d'attente", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-hand-holding-blank-phone-variety-lunchboxes_23-2148520485.jpg"
|
||||
imageAlt="LYMOA App interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg",
|
||||
alt: "Close up hands holding smartphone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hands-taking-noodles-photos-flat-lay_23-2149333827.jpg",
|
||||
alt: "Hands taking noodles photos flat lay",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg",
|
||||
alt: "Flat lay nutritional counter app concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg",
|
||||
alt: "View of people learning how to make traditional sushi dish",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-student-walking-down-street-with-headphones_1303-24564.jpg",
|
||||
alt: "Young adult student walking down the street with headphones",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149177827.jpg", alt: "Close up hands holding smartphone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hands-taking-noodles-photos-flat-lay_23-2149333827.jpg", alt: "Hands taking noodles photos flat lay" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app-concept_23-2149880608.jpg", alt: "Flat lay nutritional counter app concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-people-learning-how-make-traditional-sushi-dish_23-2151186427.jpg", alt: "View of people learning how to make traditional sushi dish" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-adult-student-walking-down-street-with-headphones_1303-24564.jpg", alt: "Young adult student walking down the street with headphones" },
|
||||
]}
|
||||
avatarText="Rejoignez plus de 5 000 utilisateurs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Anti-gaspi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "IA intuitive",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Éco-responsable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scan rapide",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Économies réelles",
|
||||
},
|
||||
{ type: "text", text: "Anti-gaspi" },
|
||||
{ type: "text", text: "IA intuitive" },
|
||||
{ type: "text", text: "Éco-responsable" },
|
||||
{ type: "text", text: "Scan rapide" },
|
||||
{ type: "text", text: "Économies réelles" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,27 +76,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "400€",
|
||||
title: "Économies annuelles",
|
||||
description: "Par famille française en moyenne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-with-bottle-water_1150-257.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "7.1M",
|
||||
title: "Tonnes gaspillées",
|
||||
description: "En France chaque année.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10%",
|
||||
title: "Émissions CO2",
|
||||
description: "Liées à notre alimentation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-friendly-sign-grass_23-2148576687.jpg",
|
||||
},
|
||||
{ id: "m1", value: "400€", title: "Économies annuelles", description: "Par famille française en moyenne.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-salad-with-bottle-water_1150-257.jpg" },
|
||||
{ id: "m2", value: "7.1M", title: "Tonnes gaspillées", description: "En France chaque année.", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg" },
|
||||
{ id: "m3", value: "10%", title: "Émissions CO2", description: "Liées à notre alimentation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-friendly-sign-grass_23-2148576687.jpg" },
|
||||
]}
|
||||
title="L'impact LYMOA"
|
||||
description="Des chiffres concrets pour une gestion durable de votre frigo."
|
||||
@@ -144,24 +87,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Scan,
|
||||
title: "Scan Automatique",
|
||||
description: "L'IA lit votre ticket de caisse en une seconde.",
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: "Alertes Intelligentes",
|
||||
description: "Recevez des notifications avant expiration.",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Score Anti-Gaspi",
|
||||
description: "Suivez votre progression et sauvez la planète.",
|
||||
},
|
||||
{ icon: Scan, title: "Scan Automatique", description: "L'IA lit votre ticket de caisse en une seconde." },
|
||||
{ icon: Bell, title: "Alertes Intelligentes", description: "Recevez des notifications avant expiration." },
|
||||
{ icon: Leaf, title: "Score Anti-Gaspi", description: "Suivez votre progression et sauvez la planète." },
|
||||
]}
|
||||
title="Une technologie unique"
|
||||
description="Zéro saisie manuelle. Juste un scan et c'est tout."
|
||||
@@ -175,26 +107,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Basique",
|
||||
price: "Gratuit",
|
||||
subtitle: "Parfait pour tester",
|
||||
features: [
|
||||
"3 scans par mois",
|
||||
"Alertes basiques",
|
||||
"Score anti-gaspi",
|
||||
],
|
||||
id: "free", badge: "Basique", price: "Gratuit", subtitle: "Parfait pour tester", features: ["3 scans par mois", "Alertes basiques", "Score anti-gaspi"]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Premium",
|
||||
price: "2.99€",
|
||||
subtitle: "Pour les éco-responsables",
|
||||
features: [
|
||||
"Scans illimités",
|
||||
"Recettes IA",
|
||||
"Frigo familial partagé",
|
||||
],
|
||||
id: "premium", badge: "Premium", price: "2.99€", subtitle: "Pour les éco-responsables", features: ["Scans illimités", "Recettes IA", "Frigo familial partagé"]
|
||||
},
|
||||
]}
|
||||
title="Des options pour tous"
|
||||
@@ -207,46 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Génial !",
|
||||
quote: "Enfin une app qui rend l'anti-gaspi simple.",
|
||||
name: "Sarah D.",
|
||||
role: "Étudiante",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-using-phone-listening-music-headphone-park_23-2148042646.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Efficace",
|
||||
quote: "J'ai réduit mes pertes de moitié.",
|
||||
name: "Marc L.",
|
||||
role: "Ingénieur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-smartphone-side-view_23-2149870706.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Indispensable",
|
||||
quote: "L'alerte J-2 m'a sauvé la mise souvent.",
|
||||
name: "Julie M.",
|
||||
role: "Professeur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-greenhouse_23-2148509894.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Super concept",
|
||||
quote: "Le scan ticket est magique.",
|
||||
name: "Thomas P.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-writing-recipe-his-diary-kitchen_23-2148075959.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top !",
|
||||
quote: "Facile et pratique à utiliser.",
|
||||
name: "Emma R.",
|
||||
role: "Développeuse",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-supermarket_1157-21969.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Génial !", quote: "Enfin une app qui rend l'anti-gaspi simple.", name: "Sarah D.", role: "Étudiante", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-using-phone-listening-music-headphone-park_23-2148042646.jpg" },
|
||||
{ id: "t2", title: "Efficace", quote: "J'ai réduit mes pertes de moitié.", name: "Marc L.", role: "Ingénieur", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-smartphone-side-view_23-2149870706.jpg" },
|
||||
{ id: "t3", title: "Indispensable", quote: "L'alerte J-2 m'a sauvé la mise souvent.", name: "Julie M.", role: "Professeur", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-greenhouse_23-2148509894.jpg" },
|
||||
{ id: "t4", title: "Super concept", quote: "Le scan ticket est magique.", name: "Thomas P.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-writing-recipe-his-diary-kitchen_23-2148075959.jpg" },
|
||||
{ id: "t5", title: "Top !", quote: "Facile et pratique à utiliser.", name: "Emma R.", role: "Développeuse", imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-supermarket_1157-21969.jpg" },
|
||||
]}
|
||||
title="Ils utilisent LYMOA"
|
||||
description="Découvrez pourquoi nos utilisateurs adorent."
|
||||
@@ -257,21 +138,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "C'est gratuit ?",
|
||||
content: "Oui, une version gratuite est disponible.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Quels magasins sont compatibles ?",
|
||||
content: "Tous les tickets de caisse classiques.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Mes données sont protégées ?",
|
||||
content: "Totalement, nous respectons votre vie privée.",
|
||||
},
|
||||
{ id: "q1", title: "C'est gratuit ?", content: "Oui, une version gratuite est disponible." },
|
||||
{ id: "q2", title: "Quels magasins sont compatibles ?", content: "Tous les tickets de caisse classiques." },
|
||||
{ id: "q3", title: "Mes données sont protégées ?", content: "Totalement, nous respectons votre vie privée." },
|
||||
]}
|
||||
sideTitle="Questions fréquentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -281,9 +150,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Rejoignez-nous"
|
||||
title="Prêt à limiter votre gaspillage ?"
|
||||
description="Inscrivez-vous pour être parmi les premiers testeurs."
|
||||
@@ -297,30 +164,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/lymoa.app",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com/in/tristan-regereau",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:lymoa.app@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com/lymoa.app" }, { label: "LinkedIn", href: "https://linkedin.com/in/tristan-regereau" }] },
|
||||
{ items: [{ label: "Contact", href: "mailto:lymoa.app@gmail.com" }, { label: "Mentions Légales", href: "#" }] },
|
||||
]}
|
||||
logoText="LYMOA"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user