Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
301
src/app/page.tsx
301
src/app/page.tsx
@@ -31,125 +31,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Problème",
|
||||
id: "#problem",
|
||||
},
|
||||
{
|
||||
name: "Solution",
|
||||
id: "#solution",
|
||||
},
|
||||
{
|
||||
name: "Fonctionnalités",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Waitlist",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Problème", id: "#problem" },
|
||||
{ name: "Solution", id: "#solution" },
|
||||
{ name: "Fonctionnalités", id: "#features" },
|
||||
{ name: "Waitlist", id: "#contact" },
|
||||
]}
|
||||
brandName="Spendly"
|
||||
button={{
|
||||
text: "Rejoindre",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Rejoindre", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Gère ton argent simplement avec SPEN"
|
||||
description="Ton coach IA personnel pour comprendre, contrôler et améliorer ton argent au quotidien. Moins de stress, plus de liberté."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah",
|
||||
handle: "@sarah_finance",
|
||||
testimonial: "Spendly a tout changé, je comprends enfin mes dépenses.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-with-curly-hair-smiling-camera-home_1098-18613.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Thomas",
|
||||
handle: "@tom_savings",
|
||||
testimonial: "SPEN est incroyablement motivant pour économiser.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/editorial-style-image-capturing-clothing-textures-with-poised-model-gentle-illumination_89887-1493.jpg",
|
||||
},
|
||||
{
|
||||
name: "Léa",
|
||||
handle: "@lea_budget",
|
||||
testimonial: "La simplicité de l'interface est géniale pour les jeunes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8589.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marc",
|
||||
handle: "@marc_crypto",
|
||||
testimonial: "Enfin une app qui ne me stresse pas avec mon budget.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-attractive-caucasian-man-portrait-with-confident-happiness-cafe-startup-fouder-ideas-concept_609648-2496.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julie",
|
||||
handle: "@julie_goal",
|
||||
testimonial: "Mes objectifs d'épargne deviennent réalité grâce à SPEN.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-puzzled-front-view_176474-85410.jpg",
|
||||
},
|
||||
{ name: "Sarah", handle: "@sarah_finance", testimonial: "Spendly a tout changé, je comprends enfin mes dépenses.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-with-curly-hair-smiling-camera-home_1098-18613.jpg" },
|
||||
{ name: "Thomas", handle: "@tom_savings", testimonial: "SPEN est incroyablement motivant pour économiser.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/editorial-style-image-capturing-clothing-textures-with-poised-model-gentle-illumination_89887-1493.jpg" },
|
||||
{ name: "Léa", handle: "@lea_budget", testimonial: "La simplicité de l'interface est géniale pour les jeunes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-holding-hat-black-white-wall_176420-8589.jpg" },
|
||||
{ name: "Marc", handle: "@marc_crypto", testimonial: "Enfin une app qui ne me stresse pas avec mon budget.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smart-attractive-caucasian-man-portrait-with-confident-happiness-cafe-startup-fouder-ideas-concept_609648-2496.jpg" },
|
||||
{ name: "Julie", handle: "@julie_goal", testimonial: "Mes objectifs d'épargne deviennent réalité grâce à SPEN.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-female-t-shirt-jacket-looking-camera-looking-puzzled-front-view_176474-85410.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Rejoindre la waitlist",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg?_wi=1"
|
||||
buttons={[{ text: "Rejoindre la waitlist", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holds-device-with-mockup-screen_482257-86910.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165972.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/entrepreneur-holding-smartphone-with-greenscreen-template_482257-88027.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-holds-device-with-mockup-screen_482257-86910.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design-smartphone_23-2150165972.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/entrepreneur-holding-smartphone-with-greenscreen-template_482257-88027.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg", alt: "User 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sécurisé",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapide",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Intelligent",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Personnalisé",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Simple",
|
||||
},
|
||||
{ type: "text", text: "Sécurisé" },
|
||||
{ type: "text", text: "Rapide" },
|
||||
{ type: "text", text: "Intelligent" },
|
||||
{ type: "text", text: "Personnalisé" },
|
||||
{ type: "text", text: "Simple" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,15 +77,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Pourquoi c'est si dur de gérer son argent ?",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/young-entrepreneur-having-discussion-via-social-media-texts_482257-112265.jpg",
|
||||
alt: "Dépenses",
|
||||
},
|
||||
{ type: "text", content: "Pourquoi c'est si dur de gérer son argent ?" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/young-entrepreneur-having-discussion-via-social-media-texts_482257-112265.jpg", alt: "Dépenses" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,49 +90,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Analyse intelligente",
|
||||
description: "SPEN scrute tes dépenses et te donne des conseils personnalisés.",
|
||||
icon: Zap,
|
||||
title: "Analyse intelligente", description: "SPEN scrute tes dépenses et te donne des conseils personnalisés.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-flowing-network-connections-design-with-connecting-lines-dots_1048-13615.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-smart-home-with-flasher-icon_107791-1578.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-flowing-network-connections-design-with-connecting-lines-dots_1048-13615.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/landing-page-smart-home-with-flasher-icon_107791-1578.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurry-man-holding-smartphone-indoors_23-2149321588.jpg?_wi=2",
|
||||
imageAlt: "ai technology abstract concept",
|
||||
},
|
||||
{
|
||||
title: "Objectifs financiers",
|
||||
description: "Fixe-toi des buts simples et atteins-les plus vite que prévu.",
|
||||
icon: Target,
|
||||
title: "Objectifs financiers", description: "Fixe-toi des buts simples et atteins-les plus vite que prévu.", icon: Target,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-graph-marketing-analyzing-growth-increase-concept_53876-13756.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-open-glass-jar-with-many-coins-pink-backdrop_23-2147893679.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bar-graph-marketing-analyzing-growth-increase-concept_53876-13756.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-open-glass-jar-with-many-coins-pink-backdrop_23-2147893679.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-having-discussion-via-social-media-texts_482257-112265.jpg",
|
||||
imageAlt: "ai technology abstract concept",
|
||||
},
|
||||
{
|
||||
title: "Gamification",
|
||||
description: "Gagne des badges et bats tes records d'épargne.",
|
||||
icon: Trophy,
|
||||
title: "Gamification", description: "Gagne des badges et bats tes records d'épargne.", icon: Trophy,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vector-landing-page-smart-house-control-system_107791-1689.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/voice-assistant-user-neural-network-mobile-app-smartwatch-application-smart-home-devices-connection-isometric-set-vector-illustration_1284-71168.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/vector-landing-page-smart-house-control-system_107791-1689.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/voice-assistant-user-neural-network-mobile-app-smartwatch-application-smart-home-devices-connection-isometric-set-vector-illustration_1284-71168.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-woman-with-curly-hair-smiling-camera-home_1098-18613.jpg?_wi=2",
|
||||
imageAlt: "ai technology abstract concept",
|
||||
},
|
||||
]}
|
||||
title="SPEN : ton coach financier"
|
||||
@@ -230,27 +118,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Contrôle total",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: TrendingUp,
|
||||
title: "Croissance épargne",
|
||||
value: "x2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Moins de stress",
|
||||
value: "95%",
|
||||
},
|
||||
{ id: "m1", icon: Shield, title: "Contrôle total", value: "100%" },
|
||||
{ id: "m2", icon: TrendingUp, title: "Croissance épargne", value: "x2" },
|
||||
{ id: "m3", icon: Smile, title: "Moins de stress", value: "95%" },
|
||||
]}
|
||||
title="Pourquoi Spendly ?"
|
||||
description="Une application conçue pour simplifier la vie de toute une génération."
|
||||
@@ -263,46 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Incroyable coach IA.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Tom",
|
||||
handle: "@tom",
|
||||
testimonial: "Enfin, mon budget est clair.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling-using-tablet-outside_169016-25260.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Léa",
|
||||
handle: "@lea",
|
||||
testimonial: "J'économise sans m'en rendre compte.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-student-posing-with-hands-up_23-2147656136.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marc",
|
||||
handle: "@marc",
|
||||
testimonial: "Design super intuitif.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julie",
|
||||
handle: "@julie",
|
||||
testimonial: "Je recommande à tous mes potes !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", handle: "@sarah", testimonial: "Incroyable coach IA.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg" },
|
||||
{ id: "2", name: "Tom", handle: "@tom", testimonial: "Enfin, mon budget est clair.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-smiling-using-tablet-outside_169016-25260.jpg" },
|
||||
{ id: "3", name: "Léa", handle: "@lea", testimonial: "J'économise sans m'en rendre compte.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-student-posing-with-hands-up_23-2147656136.jpg" },
|
||||
{ id: "4", name: "Marc", handle: "@marc", testimonial: "Design super intuitif.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg" },
|
||||
{ id: "5", name: "Julie", handle: "@julie", testimonial: "Je recommande à tous mes potes !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-spectacular-woman-laughing-front_197531-19644.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ils adorent Spendly"
|
||||
@@ -312,29 +151,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Est-ce gratuit ?",
|
||||
content: "La version de base est gratuite.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Comment marche SPEN ?",
|
||||
content: "SPEN utilise tes données pour des conseils IA.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Mes données sont-elles sûres ?",
|
||||
content: "Oui, sécurité bancaire de bout en bout.",
|
||||
},
|
||||
{ id: "f1", title: "Est-ce gratuit ?", content: "La version de base est gratuite." },
|
||||
{ id: "f2", title: "Comment marche SPEN ?", content: "SPEN utilise tes données pour des conseils IA." },
|
||||
{ id: "f3", title: "Mes données sont-elles sûres ?", content: "Oui, sécurité bancaire de bout en bout." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-woman-holding-tablet_23-2149762489.jpg"
|
||||
title="Questions fréquentes"
|
||||
description="Tout ce que tu dois savoir sur Spendly."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -342,15 +169,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Prêt à dompter tes finances ? Rejoins la liste d'attente pour la bêta exclusive."
|
||||
buttons={[
|
||||
{
|
||||
text: "Rejoindre la waitlist",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Rejoindre la waitlist" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -358,28 +179,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Spendly"
|
||||
columns={[
|
||||
{
|
||||
title: "Spendly",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Vision",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Spendly", items: [{ label: "À propos", href: "#" }, { label: "Vision", href: "#" }] },
|
||||
{ title: "Légal", items: [{ label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user