Merge version_1 into main #2
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -47,8 +47,8 @@ export default function LandingPage() {
|
||||
tag="Mangrove Conservation"
|
||||
tagIcon={Leaf}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/broad-river-close-black-river-jamaica-exotic-landscape-mangroves_333098-202.jpg?_wi=1"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/broad-river-close-black-river-jamaica-exotic-landscape-mangroves_333098-202.jpg"
|
||||
imageAlt="Lush mangrove forest ecosystem"
|
||||
imagePosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -80,7 +80,7 @@ export default function LandingPage() {
|
||||
description="Mangroven zijn krachtige ecosystemen die veel voordelen bieden voor mens en natuur."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Kustbescherming", description: "Mangroven beschermen kustlijnen tegen erosie en stormvloeden, wat huizen en gemeenschappen veilig houdt.", media: { imageSrc: "http://img.b2bpic.net/free-photo/volunteers-little-kid-planting-tree-covering-hole-ground_482257-91057.jpg?_wi=1" },
|
||||
id: "1", title: "Kustbescherming", description: "Mangroven beschermen kustlijnen tegen erosie en stormvloeden, wat huizen en gemeenschappen veilig houdt.", media: { imageSrc: "http://img.b2bpic.net/free-photo/volunteers-little-kid-planting-tree-covering-hole-ground_482257-91057.jpg" },
|
||||
items: [
|
||||
{ icon: Shield, text: "Bescherming tegen erosie" },
|
||||
{ icon: Waves, text: "Stormvloed afvering" },
|
||||
@@ -89,7 +89,7 @@ export default function LandingPage() {
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Klimaatactie", description: "Mangroven slaan enorme hoeveelheden CO₂ op en spelen een cruciale rol in klimaatafname.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-beach-lifestyle-concept_23-2148659067.jpg?_wi=1" },
|
||||
id: "2", title: "Klimaatactie", description: "Mangroven slaan enorme hoeveelheden CO₂ op en spelen een cruciale rol in klimaatafname.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-beach-lifestyle-concept_23-2148659067.jpg" },
|
||||
items: [
|
||||
{ icon: TrendingDown, text: "CO₂ opslag" },
|
||||
{ icon: Zap, text: "Energiebronnen" },
|
||||
@@ -98,7 +98,7 @@ export default function LandingPage() {
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Biodiversiteit", description: "Mangroven zijn thuis voor duizenden diersoorten en ondersteunen vitale voedselketens.", media: { imageSrc: "http://img.b2bpic.net/free-photo/broad-river-close-black-river-jamaica-exotic-landscape-mangroves_333098-202.jpg?_wi=2" },
|
||||
id: "3", title: "Biodiversiteit", description: "Mangroven zijn thuis voor duizenden diersoorten en ondersteunen vitale voedselketens.", media: { imageSrc: "http://img.b2bpic.net/free-photo/broad-river-close-black-river-jamaica-exotic-landscape-mangroves_333098-202.jpg" },
|
||||
items: [
|
||||
{ icon: Bird, text: "Vogelhabitat" },
|
||||
{ icon: Fish, text: "Vispaaiplaatsen" },
|
||||
@@ -119,7 +119,7 @@ export default function LandingPage() {
|
||||
description="Het is eenvoudig om impact te maken. Hier is hoe jouw donatie mangroven herstelt."
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Stap 1: Kies je Adoptieplan", description: "Selecteer hoeveel mangroven je wilt adopteren. Je kunt starten met 1 boom of groepen van 10, 50 of meer.", media: { imageSrc: "http://img.b2bpic.net/free-photo/volunteers-little-kid-planting-tree-covering-hole-ground_482257-91057.jpg?_wi=2" },
|
||||
id: "1", title: "Stap 1: Kies je Adoptieplan", description: "Selecteer hoeveel mangroven je wilt adopteren. Je kunt starten met 1 boom of groepen van 10, 50 of meer.", media: { imageSrc: "http://img.b2bpic.net/free-photo/volunteers-little-kid-planting-tree-covering-hole-ground_482257-91057.jpg" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Flexibele opties" },
|
||||
{ icon: Gift, text: "Geschenk mogelijkheden" },
|
||||
@@ -128,7 +128,7 @@ export default function LandingPage() {
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Stap 2: We Planten en Beschermen", description: "Ons team plant en beschermt je mangroven in geselecteerde projectgebieden in Indonesië.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-beach-lifestyle-concept_23-2148659067.jpg?_wi=2" },
|
||||
id: "2", title: "Stap 2: We Planten en Beschermen", description: "Ons team plant en beschermt je mangroven in geselecteerde projectgebieden in Indonesië.", media: { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-beach-lifestyle-concept_23-2148659067.jpg" },
|
||||
items: [
|
||||
{ icon: Sprout, text: "Expert planting" },
|
||||
{ icon: Eye, text: "Monitoring" },
|
||||
@@ -137,7 +137,7 @@ export default function LandingPage() {
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Stap 3: Ontvang Updates", description: "Volg de groei van jouw mangrovebomen en ontvang regelmatige updates over projectvoortgang.", media: { imageSrc: "http://img.b2bpic.net/free-photo/broad-river-close-black-river-jamaica-exotic-landscape-mangroves_333098-202.jpg?_wi=3" },
|
||||
id: "3", title: "Stap 3: Ontvang Updates", description: "Volg de groei van jouw mangrovebomen en ontvang regelmatige updates over projectvoortgang.", media: { imageSrc: "http://img.b2bpic.net/free-photo/broad-river-close-black-river-jamaica-exotic-landscape-mangroves_333098-202.jpg" },
|
||||
items: [
|
||||
{ icon: Mail, text: "Regelmatig nieuws" },
|
||||
{ icon: MapPin, text: "Project locatie" },
|
||||
@@ -206,7 +206,7 @@ export default function LandingPage() {
|
||||
{ text: "Start Adoptie", href: "https://donate.mangrovedopsi.com" },
|
||||
{ text: "Meer Over Projecten", href: "#features" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user