Merge version_1 into main #2
244
src/app/page.tsx
244
src/app/page.tsx
@@ -31,53 +31,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Notre Mission",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Accompagnement",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Notre Mission", id: "about" },
|
||||
{ name: "Accompagnement", id: "features" },
|
||||
{ name: "Impact", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Fondation Falret"
|
||||
button={{
|
||||
text: "Faire un don",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Faire un don", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Fondation Falret"
|
||||
description="Accompagner, soigner et insérer les personnes en situation de handicap psychique depuis 1841."
|
||||
buttons={[
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
text: "Soutenez-nous",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "En savoir plus", href: "#about" },
|
||||
{ text: "Soutenez-nous", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-people-with-iced-coffee_23-2149910900.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-people-with-iced-coffee_23-2149910900.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -86,15 +60,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Une mission d'utilité publique",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-joining-hands-volunteers-wearing-mask-new-normal_53876-127127.jpg",
|
||||
alt: "Fondation Falret mission",
|
||||
},
|
||||
{ type: "text", content: "Une mission d'utilité publique" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/people-joining-hands-volunteers-wearing-mask-new-normal_53876-127127.jpg", alt: "Fondation Falret mission" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,55 +73,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Santé Mentale",
|
||||
description: "Accompagnement thérapeutique et suivi médical personnalisé.",
|
||||
icon: Shield,
|
||||
title: "Santé Mentale", description: "Accompagnement thérapeutique et suivi médical personnalisé.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sad-man-crying-while-talking-about-his-issues-group-therapy_637285-10013.jpg",
|
||||
imageAlt: "Soins",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-each-other-s-hand_23-2147891193.jpg",
|
||||
imageAlt: "Soins",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sad-man-crying-while-talking-about-his-issues-group-therapy_637285-10013.jpg", imageAlt: "Soins" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-holding-each-other-s-hand_23-2147891193.jpg", imageAlt: "Soins" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-people-with-iced-coffee_23-2149910900.jpg?_wi=2",
|
||||
imageAlt: "mental health support resources",
|
||||
},
|
||||
{
|
||||
title: "Inclusion Sociale",
|
||||
description: "Développer le lien social et lutter contre l'isolement.",
|
||||
icon: Users,
|
||||
title: "Inclusion Sociale", description: "Développer le lien social et lutter contre l'isolement.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149759017.jpg",
|
||||
imageAlt: "Social",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapist-expert-does-family-counseling-session-emotional-management_482257-124833.jpg",
|
||||
imageAlt: "Social",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-people-work_23-2149759017.jpg", imageAlt: "Social" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/therapist-expert-does-family-counseling-session-emotional-management_482257-124833.jpg", imageAlt: "Social" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-joining-hands-volunteers-wearing-mask-new-normal_53876-127127.jpg",
|
||||
imageAlt: "mental health support resources",
|
||||
},
|
||||
{
|
||||
title: "Insertion Professionnelle",
|
||||
description: "Favoriser l'accès au travail et l'épanouissement professionnel.",
|
||||
icon: Briefcase,
|
||||
title: "Insertion Professionnelle", description: "Favoriser l'accès au travail et l'épanouissement professionnel.", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-math_23-2150444922.jpg",
|
||||
imageAlt: "Insertion",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/client-support-agents-work_482257-121881.jpg",
|
||||
imageAlt: "Insertion",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-math_23-2150444922.jpg", imageAlt: "Insertion" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/client-support-agents-work_482257-121881.jpg", imageAlt: "Insertion" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-new-hairstyle_329181-19521.jpg?_wi=1",
|
||||
imageAlt: "mental health support resources",
|
||||
},
|
||||
]}
|
||||
title="Nos domaines d'action"
|
||||
@@ -169,27 +106,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1841",
|
||||
title: "Année de création",
|
||||
description: "Plus de 180 ans d'engagement.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1200+",
|
||||
title: "Personnes accompagnées",
|
||||
description: "Chaque année.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Professionnels",
|
||||
description: "Collaborateurs dédiés.",
|
||||
icon: Heart,
|
||||
},
|
||||
{ id: "m1", value: "1841", title: "Année de création", description: "Plus de 180 ans d'engagement.", icon: Award },
|
||||
{ id: "m2", value: "1200+", title: "Personnes accompagnées", description: "Chaque année.", icon: Users },
|
||||
{ id: "m3", value: "500+", title: "Professionnels", description: "Collaborateurs dédiés.", icon: Heart },
|
||||
]}
|
||||
title="La Fondation en chiffres"
|
||||
description="Notre impact quotidien pour ceux qui en ont le plus besoin."
|
||||
@@ -201,46 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Un nouveau départ",
|
||||
quote: "La Fondation a changé ma vision de l'avenir.",
|
||||
name: "Jean Dupont",
|
||||
role: "Bénéficiaire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-new-hairstyle_329181-19521.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Soutien inestimable",
|
||||
quote: "Une équipe toujours à l'écoute et professionnelle.",
|
||||
name: "Marie Martin",
|
||||
role: "Famille",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-partying-with-confetti-her-hair_23-2148793581.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Insertion réussie",
|
||||
quote: "Grâce à leur aide, j'ai retrouvé confiance au travail.",
|
||||
name: "Lucas Petit",
|
||||
role: "Bénéficiaire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Un havre de paix",
|
||||
quote: "Un lieu où je me sens enfin compris.",
|
||||
name: "Sophie Durand",
|
||||
role: "Bénéficiaire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Accompagnement humain",
|
||||
quote: "Humanité et compétence sont au rendez-vous.",
|
||||
name: "Marc Bernard",
|
||||
role: "Proche",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
|
||||
},
|
||||
{ id: "1", title: "Un nouveau départ", quote: "La Fondation a changé ma vision de l'avenir.", name: "Jean Dupont", role: "Bénéficiaire", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-new-hairstyle_329181-19521.jpg" },
|
||||
{ id: "2", title: "Soutien inestimable", quote: "Une équipe toujours à l'écoute et professionnelle.", name: "Marie Martin", role: "Famille", imageSrc: "http://img.b2bpic.net/free-photo/redhead-woman-partying-with-confetti-her-hair_23-2148793581.jpg" },
|
||||
{ id: "3", title: "Insertion réussie", quote: "Grâce à leur aide, j'ai retrouvé confiance au travail.", name: "Lucas Petit", role: "Bénéficiaire", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
|
||||
{ id: "4", title: "Un havre de paix", quote: "Un lieu où je me sens enfin compris.", name: "Sophie Durand", role: "Bénéficiaire", imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg" },
|
||||
{ id: "5", title: "Accompagnement humain", quote: "Humanité et compétence sont au rendez-vous.", name: "Marc Bernard", role: "Proche", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg" },
|
||||
]}
|
||||
title="Témoignages"
|
||||
description="Leurs mots sur leur parcours au sein de la Fondation."
|
||||
@@ -252,21 +136,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Comment bénéficier de vos services ?",
|
||||
content: "Contactez nos équipes via le formulaire ou par téléphone.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Comment faire un don ?",
|
||||
content: "Vous pouvez effectuer un don directement sur notre site sécurisé.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Comment rejoindre la Fondation ?",
|
||||
content: "Consultez notre rubrique recrutement sur notre site officiel.",
|
||||
},
|
||||
{ id: "q1", title: "Comment bénéficier de vos services ?", content: "Contactez nos équipes via le formulaire ou par téléphone." },
|
||||
{ id: "q2", title: "Comment faire un don ?", content: "Vous pouvez effectuer un don directement sur notre site sécurisé." },
|
||||
{ id: "q3", title: "Comment rejoindre la Fondation ?", content: "Consultez notre rubrique recrutement sur notre site officiel." },
|
||||
]}
|
||||
title="Questions fréquentes"
|
||||
description="Nous répondons à vos interrogations sur la Fondation."
|
||||
@@ -277,58 +149,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Besoin d'information ? Nos équipes sont là pour vous accompagner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Nous contacter",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Nous contacter", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Nos actions",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Faire un don",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "À propos", href: "#about" }, { label: "Nos actions", href: "#features" }] },
|
||||
{ items: [{ label: "Faire un don", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Mentions légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
|
||||
]}
|
||||
logoText="Fondation Falret"
|
||||
/>
|
||||
@@ -336,4 +168,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user