bender/2945ec36-413e-4fda-b3c0-a3c45ac4cb19
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-10 14:52:49 +00:00
Conversation 0 Commits 1 Files Changed 1 +57 -189
1 changed files with 57 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Droplet, Fish, Heart, Leaf, LifeBuoy, ShieldCheck, Waves } from "lucide-react";
import { Anchor, Droplet, Fish, Heart, Leaf, LifeBuoy, ShieldCheck, TreeDeciduous, Waves } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,45 +33,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil",
id: "#accueil",
},
name: "Accueil", id: "#accueil"},
{
name: "À Propos",
id: "#about",
},
name: "À Propos", id: "#about"},
{
name: "Nos Actions",
id: "#actions",
},
name: "Nos Actions", id: "#actions"},
{
name: "Impact",
id: "#impact",
},
name: "Impact", id: "#impact"},
{
name: "Partenaires",
id: "#partenaires",
},
name: "Partenaires", id: "#partenaires"},
{
name: "Témoignages",
id: "#temoignages",
},
name: "Témoignages", id: "#temoignages"},
{
name: "Actualités",
id: "#actualites",
},
name: "Actualités", id: "#actualites"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037430.jpg"
logoAlt="Logo de la Fondation Probiom"
brandName="Fondation Probiom"
button={{
text: "Faire un don",
href: "#contact",
}}
text: "Faire un don", href: "#contact"}}
/>
</div>
@@ -81,39 +63,23 @@ export default function LandingPage() {
description="Protéger la biodiversité marine pour un avenir durable. Agissons ensemble pour nos océans, notre héritage commun."
buttons={[
{
text: "En savoir plus",
href: "#about",
},
text: "En savoir plus", href: "#about"},
{
text: "Faire un don",
href: "#contact",
},
text: "Faire un don", href: "#contact"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-clown-fish-blue-malawi-cichlids-swimming_181624-27260.jpg?_wi=1",
imageAlt: "Un récif corallien vibrant avec des poissons tropicaux",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-clown-fish-blue-malawi-cichlids-swimming_181624-27260.jpg", imageAlt: "Un récif corallien vibrant avec des poissons tropicaux"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-mediterranean-sea-coast_1268-19060.jpg?_wi=1",
imageAlt: "Une tortue marine nageant gracieusement dans l'océan bleu",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-mediterranean-sea-coast_1268-19060.jpg", imageAlt: "Une tortue marine nageant gracieusement dans l'océan bleu"},
{
imageSrc: "http://img.b2bpic.net/free-photo/jellyfish-deep-dark-water_1398-4484.jpg",
imageAlt: "Des dauphins sautant hors de l'eau au coucher du soleil",
},
imageSrc: "http://img.b2bpic.net/free-photo/jellyfish-deep-dark-water_1398-4484.jpg", imageAlt: "Des dauphins sautant hors de l'eau au coucher du soleil"},
{
imageSrc: "http://img.b2bpic.net/free-photo/red-seastar-sandy-beach-alga-low-tide-nungwi-zanzibar-tanzania_1217-4768.jpg",
imageAlt: "Une baleine majestueuse nageant dans l'océan profond",
},
imageSrc: "http://img.b2bpic.net/free-photo/red-seastar-sandy-beach-alga-low-tide-nungwi-zanzibar-tanzania_1217-4768.jpg", imageAlt: "Une baleine majestueuse nageant dans l'océan profond"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-whale-tail-blue-body-water-with-mountain_181624-5426.jpg",
imageAlt: "Un banc de poissons nageant en formation dans les eaux claires",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-whale-tail-blue-body-water-with-mountain_181624-5426.jpg", imageAlt: "Un banc de poissons nageant en formation dans les eaux claires"},
{
imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571525.jpg",
imageAlt: "Une méduse bioluminescente dans l'obscurité de l'océan",
},
imageSrc: "http://img.b2bpic.net/free-photo/diver-sea-surrounded-by-archeological-building-ruins_23-2151571525.jpg", imageAlt: "Une méduse bioluminescente dans l'obscurité de l'océan"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -125,14 +91,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Notre Mission : Préserver l'Océan"
description={[
"La Fondation Probiom est dédiée à la conservation des écosystèmes marins fragiles et de leurs habitants. Nous menons des actions concrètes pour lutter contre la pollution, la surpêche et le changement climatique, menaces grandissantes pour la vie sous-marine.",
"Nous croyons en un avenir où les océans prospèrent, regorgeant de vie et équilibrés. Par la recherche scientifique, l'éducation et des programmes de conservation sur le terrain, nous nous efforçons d'atteindre cet objectif vital. Rejoignez-nous pour protéger la beauté et la richesse de notre monde sous-marin.",
]}
"La Fondation Probiom est dédiée à la conservation des écosystèmes marins fragiles et de leurs habitants. Nous menons des actions concrètes pour lutter contre la pollution, la surpêche et le changement climatique, menaces grandissantes pour la vie sous-marine.", "Nous croyons en un avenir où les océans prospèrent, regorgeant de vie et équilibrés. Par la recherche scientifique, l'éducation et des programmes de conservation sur le terrain, nous nous efforçons d'atteindre cet objectif vital. Rejoignez-nous pour protéger la beauté et la richesse de notre monde sous-marin."]}
buttons={[
{
text: "Apprenez-en plus sur nous",
href: "#actualites",
},
text: "Apprenez-en plus sur nous", href: "#actualites"},
]}
showBorder={false}
/>
@@ -145,68 +107,44 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Restauration des Récifs",
description: "Nous travaillons activement à restaurer les récifs coralliens endommagés par les changements climatiques et la pollution, en plantant de nouveaux coraux et en protégeant les écosystèmes fragiles.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-purple-starfish-seaweed_181624-39272.jpg",
imageAlt: "Bénévoles plantant du corail sur un récif",
},
title: "Restauration des Récifs", description: "Nous travaillons activement à restaurer les récifs coralliens endommagés par les changements climatiques et la pollution, en plantant de nouveaux coraux et en protégeant les écosystèmes fragiles.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-purple-starfish-seaweed_181624-39272.jpg", imageAlt: "Bénévoles plantant du corail sur un récif"},
items: [
{
icon: Droplet,
text: "Suivi de la qualité de l'eau",
},
text: "Suivi de la qualité de l'eau"},
{
icon: Anchor,
text: "Protection des ancrages",
},
text: "Protection des ancrages"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037430.jpg",
imageAlt: "conservation récif corallien restauration",
reverse: false
},
{
title: "Sauvetage de la Faune Marine",
description: "Nos équipes interviennent pour secourir les animaux marins blessés ou échoués, leur prodiguant les soins nécessaires avant de les relâcher dans leur habitat naturel. Nous luttons aussi contre la pêche fantôme.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/child-holding-common-pheasant-egg-hand_23-2147924203.jpg",
imageAlt: "Une tortue marine relâchée dans l'océan",
},
title: "Sauvetage de la Faune Marine", description: "Nos équipes interviennent pour secourir les animaux marins blessés ou échoués, leur prodiguant les soins nécessaires avant de les relâcher dans leur habitat naturel. Nous luttons aussi contre la pêche fantôme.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/child-holding-common-pheasant-egg-hand_23-2147924203.jpg", imageAlt: "Une tortue marine relâchée dans l'océan"},
items: [
{
icon: Fish,
text: "Clinique mobile marine",
},
text: "Clinique mobile marine"},
{
icon: Heart,
text: "Programmes de réhabilitation",
},
text: "Programmes de réhabilitation"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-clown-fish-blue-malawi-cichlids-swimming_181624-27260.jpg?_wi=2",
imageAlt: "conservation récif corallien restauration",
reverse: true
},
{
title: "Protection des Mangroves",
description: "Les mangroves sont des écosystèmes côtiers vitaux. Nous menons des projets de reforestation et de conservation pour protéger ces zones critiques, essentielles pour la biodiversité et la protection des côtes.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-children-spends-weekend-shores-cold-baltic-sea_1321-434.jpg",
imageAlt: "Bénévoles plantant des mangroves sur une côte",
},
title: "Protection des Mangroves", description: "Les mangroves sont des écosystèmes côtiers vitaux. Nous menons des projets de reforestation et de conservation pour protéger ces zones critiques, essentielles pour la biodiversité et la protection des côtes.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-family-with-children-spends-weekend-shores-cold-baltic-sea_1321-434.jpg", imageAlt: "Bénévoles plantant des mangroves sur une côte"},
items: [
{
icon: TreeDeciduous,
text: "Ateliers de sensibilisation",
},
text: "Ateliers de sensibilisation"},
{
icon: ShieldCheck,
text: "Surveillance des zones",
},
text: "Surveillance des zones"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/view-mediterranean-sea-coast_1268-19060.jpg?_wi=2",
imageAlt: "conservation récif corallien restauration",
},
reverse: false
}
]}
title="Nos Actions Concrètes"
description="Découvrez comment la Fondation Probiom intervient sur le terrain et à travers des initiatives de sensibilisation pour protéger les océans, des récifs coralliens aux littoraux."
@@ -220,23 +158,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: Waves,
title: "Hectares de récifs restaurés",
value: "120+",
},
id: "1", icon: Waves,
title: "Hectares de récifs restaurés", value: "120+"},
{
id: "2",
icon: LifeBuoy,
title: "Animaux marins secourus",
value: "850+",
},
id: "2", icon: LifeBuoy,
title: "Animaux marins secourus", value: "850+"},
{
id: "3",
icon: Leaf,
title: "Mangroves replantées",
value: "30 000+",
},
id: "3", icon: Leaf,
title: "Mangroves replantées", value: "30 000+"},
]}
title="Notre Impact en Chiffres"
description="Mesurer nos progrès est essentiel pour garantir l'efficacité de nos actions. Voici les résultats concrets de nos efforts pour la biodiversité marine."
@@ -248,14 +177,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Green Ocean Alliance",
"Aquatica Eco Solutions",
"Global Marine Trust",
"Wave Protection Agency",
"Water World Fund",
"Eco Ocean Projects",
"Marine Biodiversity Group",
]}
"Green Ocean Alliance", "Aquatica Eco Solutions", "Global Marine Trust", "Wave Protection Agency", "Water World Fund", "Eco Ocean Projects", "Marine Biodiversity Group"]}
title="Nos Partenaires Engagés"
description="Nous collaborons avec des organisations, entreprises et communautés qui partagent notre vision d'océans sains et florissants, amplifiant ainsi notre impact."
/>
@@ -268,45 +190,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophie Dubois",
handle: "@SophieD",
testimonial: "La Fondation Probiom fait un travail extraordinaire. Leur dévouement à la vie marine est inspirant et leurs actions sont concrètes et mesurables. Fier de soutenir leur cause !",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-beach_107420-9855.jpg",
imageAlt: "Sophie Dubois",
},
id: "1", name: "Sophie Dubois", handle: "@SophieD", testimonial: "La Fondation Probiom fait un travail extraordinaire. Leur dévouement à la vie marine est inspirant et leurs actions sont concrètes et mesurables. Fier de soutenir leur cause !", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-beach_107420-9855.jpg", imageAlt: "Sophie Dubois"},
{
id: "2",
name: "Marc Lambert",
handle: "@MarcL",
testimonial: "En tant que plongeur, j'ai vu de mes propres yeux la dégradation des océans. Probiom est la lueur d'espoir dont nous avons besoin pour inverser la tendance. Un grand merci à eux !",
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-breathtaking-view-from-ship-deck_1098-15494.jpg",
imageAlt: "Marc Lambert",
},
id: "2", name: "Marc Lambert", handle: "@MarcL", testimonial: "En tant que plongeur, j'ai vu de mes propres yeux la dégradation des océans. Probiom est la lueur d'espoir dont nous avons besoin pour inverser la tendance. Un grand merci à eux !", imageSrc: "http://img.b2bpic.net/free-photo/enjoying-breathtaking-view-from-ship-deck_1098-15494.jpg", imageAlt: "Marc Lambert"},
{
id: "3",
name: "Léa Garcia",
handle: "@LéaG",
testimonial: "Leurs programmes éducatifs ont changé ma vision de la mer. Je suis maintenant une bénévole active et je vois l'impact positif de Probiom sur notre communauté et l'environnement.",
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-portrait-elderly-mermaid-woman_23-2151456526.jpg",
imageAlt: "Léa Garcia",
},
id: "3", name: "Léa Garcia", handle: "@LéaG", testimonial: "Leurs programmes éducatifs ont changé ma vision de la mer. Je suis maintenant une bénévole active et je vois l'impact positif de Probiom sur notre communauté et l'environnement.", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-portrait-elderly-mermaid-woman_23-2151456526.jpg", imageAlt: "Léa Garcia"},
{
id: "4",
name: "Antoine Martin",
handle: "@AntoineM",
testimonial: "J'apprécie la transparence et l'efficacité de la Fondation Probiom. Mes dons contribuent directement à des projets de conservation essentiels. Une organisation de confiance.",
imageSrc: "http://img.b2bpic.net/free-photo/trainer-talking-players-side-view_23-2149742088.jpg",
imageAlt: "Antoine Martin",
},
id: "4", name: "Antoine Martin", handle: "@AntoineM", testimonial: "J'apprécie la transparence et l'efficacité de la Fondation Probiom. Mes dons contribuent directement à des projets de conservation essentiels. Une organisation de confiance.", imageSrc: "http://img.b2bpic.net/free-photo/trainer-talking-players-side-view_23-2149742088.jpg", imageAlt: "Antoine Martin"},
{
id: "5",
name: "Clara Rousseau",
handle: "@ClaraR",
testimonial: "Leur travail de restauration des récifs coralliens est vital. J'ai eu la chance de participer à un de leurs ateliers et j'ai été impressionnée par leur expertise et leur passion.",
imageSrc: "http://img.b2bpic.net/free-photo/lawyer-by-river_23-2147984059.jpg",
imageAlt: "Clara Rousseau",
},
id: "5", name: "Clara Rousseau", handle: "@ClaraR", testimonial: "Leur travail de restauration des récifs coralliens est vital. J'ai eu la chance de participer à un de leurs ateliers et j'ai été impressionnée par leur expertise et leur passion.", imageSrc: "http://img.b2bpic.net/free-photo/lawyer-by-river_23-2147984059.jpg", imageAlt: "Clara Rousseau"},
]}
title="Ils nous Soutiennent"
description="Découvrez ce que disent nos donateurs, bénévoles et partenaires à propos de notre travail et de leur engagement pour la protection marine."
@@ -322,29 +214,14 @@ export default function LandingPage() {
description="Restez informé des dernières nouvelles, découvertes scientifiques et avancées de nos projets de conservation de la biodiversité marine."
blogs={[
{
id: "1",
category: "Recherche",
title: "Nouvelle espèce de corail découverte aux Philippines",
excerpt: "Nos biologistes marins ont fait une découverte excitante lors de leur dernière expédition : une espèce de corail jusqu'alors inconnue...",
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-animal-digital-art_23-2151857432.jpg",
imageAlt: "Photo d'une nouvelle espèce de corail",
id: "1", category: "Recherche", title: "Nouvelle espèce de corail découverte aux Philippines", excerpt: "Nos biologistes marins ont fait une découverte excitante lors de leur dernière expédition : une espèce de corail jusqu'alors inconnue...", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-animal-digital-art_23-2151857432.jpg", imageAlt: "Photo d'une nouvelle espèce de corail", authorName: "Fondation Probiom", authorAvatar: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037430.jpg", date: "2023-10-26"
},
{
id: "2",
category: "Événements",
title: "Campagne de nettoyage des plages : un succès retentissant",
excerpt: "Des centaines de bénévoles se sont joints à nous pour notre grande campagne annuelle de nettoyage des plages, retirant des tonnes de déchets...",
imageSrc: "http://img.b2bpic.net/free-photo/volunteer-collecting-waste-beach_23-2147827001.jpg",
imageAlt: "Bénévoles nettoyant une plage",
id: "2", category: "Événements", title: "Campagne de nettoyage des plages : un succès retentissant", excerpt: "Des centaines de bénévoles se sont joints à nous pour notre grande campagne annuelle de nettoyage des plages, retirant des tonnes de déchets...", imageSrc: "http://img.b2bpic.net/free-photo/volunteer-collecting-waste-beach_23-2147827001.jpg", imageAlt: "Bénévoles nettoyant une plage", authorName: "Fondation Probiom", authorAvatar: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037430.jpg", date: "2023-10-20"
},
{
id: "3",
category: "Projets",
title: "Déploiement de balises de suivi pour les requins-baleines",
excerpt: "Un nouveau projet passionnant a été lancé pour équiper les requins-baleines de balises satellites afin de mieux comprendre leurs migrations...",
imageSrc: "http://img.b2bpic.net/free-photo/view-octopus-its-natural-underwater-habitat_23-2151462552.jpg",
imageAlt: "Requin-baleine avec une balise de suivi",
},
id: "3", category: "Projets", title: "Déploiement de balises de suivi pour les requins-baleines", excerpt: "Un nouveau projet passionnant a été lancé pour équiper les requins-baleines de balises satellites afin de mieux comprendre leurs migrations...", imageSrc: "http://img.b2bpic.net/free-photo/view-octopus-its-natural-underwater-habitat_23-2151462552.jpg", imageAlt: "Requin-baleine avec une balise de suivi", authorName: "Fondation Probiom", authorAvatar: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037430.jpg", date: "2023-10-15"
}
]}
/>
</div>
@@ -353,18 +230,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Rejoignez la cause : Agissez pour la Biodiversité Marine"
buttons={[
{
text: "Contactez-nous",
href: "mailto:info@probiom.org",
},
text: "Contactez-nous", href: "mailto:info@probiom.org"},
{
text: "Faire un don",
href: "#",
},
text: "Faire un don", href: "#"},
]}
/>
</div>
@@ -375,13 +247,9 @@ export default function LandingPage() {
logoAlt="Logo de la Fondation Probiom"
logoText="Fondation Probiom"
leftLink={{
text: "Politique de confidentialité",
href: "#",
}}
text: "Politique de confidentialité", href: "#"}}
rightLink={{
text: "Conditions d'utilisation",
href: "#",
}}
text: "Conditions d'utilisation", href: "#"}}
/>
</div>
</ReactLenis>