bender/8aa4bccf-4eea-44e2-af02-31090191d0f2
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 20:28:43 +00:00
parent 2b4a8d7104
commit 55dc1f05c3
1 changed files with 37 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

197
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Mission",
id: "about",
},
name: "Mission", id: "about"},
{
name: "Solutions",
id: "features",
},
name: "Solutions", id: "features"},
{
name: "Get Involved",
id: "contact",
},
name: "Get Involved", id: "contact"},
]}
brandName="Plastique World"
/>
@@ -54,47 +46,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Clean Our World, Together."
description="Every piece of plastic matters. Join the movement to raise awareness and reduce waste in our oceans and communities."
buttons={[
{
text: "Get Involved",
href: "#contact",
},
text: "Get Involved", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/leaf-heart-with-copy-space-white-background_23-2148494956.jpg?_wi=1",
imageAlt: "Plastic impact",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/leaf-heart-with-copy-space-white-background_23-2148494956.jpg", imageAlt: "Plastic impact"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/volunteering-concept-environment-protection-with-young-woman-activist_273609-37028.jpg?_wi=1",
imageAlt: "Sustainable nature",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/volunteering-concept-environment-protection-with-young-woman-activist_273609-37028.jpg", imageAlt: "Sustainable nature"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-collecting-trash-beach_23-2147827047.jpg?_wi=1",
imageAlt: "Community clean",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-collecting-trash-beach_23-2147827047.jpg", imageAlt: "Community clean"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-empty-waste-plastic-water-bottle-sand_23-2148214464.jpg?_wi=1",
imageAlt: "Waste reduction",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-empty-waste-plastic-water-bottle-sand_23-2148214464.jpg", imageAlt: "Waste reduction"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/ocean-pollution-concept-cropped-shot-busy-volunteers-pick-up-old-shoes-other-garbage-bags_273609-43687.jpg?_wi=1",
imageAlt: "Clean beach",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/ocean-pollution-concept-cropped-shot-busy-volunteers-pick-up-old-shoes-other-garbage-bags_273609-43687.jpg", imageAlt: "Clean beach"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/ocean-plastic-pollution-awareness-post_53876-105253.jpg",
imageAlt: "Wildlife protection",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/ocean-plastic-pollution-awareness-post_53876-105253.jpg", imageAlt: "Wildlife protection"},
]}
/>
</div>
@@ -117,25 +88,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "8M",
title: "Tons per year",
description: "Plastic entering our oceans annually.",
icon: Trash2,
id: "m1", value: "8M", title: "Tons per year", description: "Plastic entering our oceans annually.", icon: Trash2,
},
{
id: "m2",
value: "500",
title: "Years",
description: "Time plastic takes to decompose.",
icon: Clock,
id: "m2", value: "500", title: "Years", description: "Time plastic takes to decompose.", icon: Clock,
},
{
id: "m3",
value: "100K",
title: "Marine lives",
description: "Lost to plastic waste every year.",
icon: Fish,
id: "m3", value: "100K", title: "Marine lives", description: "Lost to plastic waste every year.", icon: Fish,
},
]}
title="The Reality of Waste"
@@ -150,46 +109,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Switch to Reusables",
description: "Replace single-use bottles and bags with durable alternatives.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/net-string-bag-environmental-friendly-essential_53876-128873.jpg",
imageAlt: "Reusables",
},
title: "Switch to Reusables", description: "Replace single-use bottles and bags with durable alternatives.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/net-string-bag-environmental-friendly-essential_53876-128873.jpg", imageAlt: "Reusables"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-bag-with-leaf_23-2148576698.jpg",
imageAlt: "Reusables",
},
imageSrc: "http://img.b2bpic.net/free-photo/leaf-heart-with-copy-space-white-background_23-2148494956.jpg?_wi=2",
imageAlt: "reusable water bottle ecological lifestyle",
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-bag-with-leaf_23-2148576698.jpg", imageAlt: "Reusables"}
},
{
title: "Community Cleanups",
description: "Join local efforts to remove waste from parks and beaches.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girls-putting-hands-together_23-2149332152.jpg",
imageAlt: "Cleanup",
},
title: "Community Cleanups", description: "Join local efforts to remove waste from parks and beaches.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girls-putting-hands-together_23-2149332152.jpg", imageAlt: "Cleanup"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947469.jpg",
imageAlt: "Cleanup",
},
imageSrc: "http://img.b2bpic.net/free-photo/volunteering-concept-environment-protection-with-young-woman-activist_273609-37028.jpg?_wi=2",
imageAlt: "reusable water bottle ecological lifestyle",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947469.jpg", imageAlt: "Cleanup"}
},
{
title: "Proper Recycling",
description: "Educate yourself on what can actually be recycled in your area.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/compost-still-life-concept_23-2149068966.jpg",
imageAlt: "Recycle",
},
title: "Proper Recycling", description: "Educate yourself on what can actually be recycled in your area.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/compost-still-life-concept_23-2149068966.jpg", imageAlt: "Recycle"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/recycling-glass-bottle_23-2152005811.jpg",
imageAlt: "Recycle",
},
imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-collecting-trash-beach_23-2147827047.jpg?_wi=2",
imageAlt: "reusable water bottle ecological lifestyle",
imageSrc: "http://img.b2bpic.net/free-photo/recycling-glass-bottle_23-2152005811.jpg", imageAlt: "Recycle"}
},
]}
showStepNumbers={true}
@@ -204,60 +139,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alice Green",
date: "Oct 2024",
title: "Volunteer",
quote: "I feel empowered knowing I'm making a difference.",
tag: "Active",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-pot-with-small-tree_23-2148814057.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/leaf-heart-with-copy-space-white-background_23-2148494956.jpg?_wi=3",
imageAlt: "happy community volunteer nature",
},
id: "1", name: "Alice Green", date: "Oct 2024", title: "Volunteer", quote: "I feel empowered knowing I'm making a difference.", tag: "Active", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-man-holding-pot-with-small-tree_23-2148814057.jpg", imageSrc: "http://img.b2bpic.net/free-photo/leaf-heart-with-copy-space-white-background_23-2148494956.jpg", imageAlt: "happy community volunteer nature"},
{
id: "2",
name: "Mark Rivers",
date: "Sep 2024",
title: "Advocate",
quote: "Plastic World opened my eyes to real sustainability.",
tag: "Advocate",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-dress-with-pruner_1398-5270.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/volunteering-concept-environment-protection-with-young-woman-activist_273609-37028.jpg?_wi=3",
imageAlt: "happy community volunteer nature",
},
id: "2", name: "Mark Rivers", date: "Sep 2024", title: "Advocate", quote: "Plastic World opened my eyes to real sustainability.", tag: "Advocate", avatarSrc: "http://img.b2bpic.net/free-photo/woman-dress-with-pruner_1398-5270.jpg", imageSrc: "http://img.b2bpic.net/free-photo/volunteering-concept-environment-protection-with-young-woman-activist_273609-37028.jpg", imageAlt: "happy community volunteer nature"},
{
id: "3",
name: "Elena Smith",
date: "Aug 2024",
title: "Member",
quote: "The resources here are just incredibly practical.",
tag: "Learner",
avatarSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950168.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-collecting-trash-beach_23-2147827047.jpg?_wi=3",
imageAlt: "happy community volunteer nature",
},
id: "3", name: "Elena Smith", date: "Aug 2024", title: "Member", quote: "The resources here are just incredibly practical.", tag: "Learner", avatarSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950168.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-collecting-trash-beach_23-2147827047.jpg", imageAlt: "happy community volunteer nature"},
{
id: "4",
name: "James Bond",
date: "Jul 2024",
title: "Leader",
quote: "Together, we are actually cleaning our oceans.",
tag: "Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holding-flower-flowerpot-isolated-green-wall_141793-83074.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-empty-waste-plastic-water-bottle-sand_23-2148214464.jpg?_wi=2",
imageAlt: "happy community volunteer nature",
},
id: "4", name: "James Bond", date: "Jul 2024", title: "Leader", quote: "Together, we are actually cleaning our oceans.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-gardener-wearing-gardening-hat-holding-flower-flowerpot-isolated-green-wall_141793-83074.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-empty-waste-plastic-water-bottle-sand_23-2148214464.jpg", imageAlt: "happy community volunteer nature"},
{
id: "5",
name: "Sarah Bell",
date: "Jun 2024",
title: "Student",
quote: "My school project was inspired by these guides.",
tag: "Student",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-kid-nature_23-2148895601.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/ocean-pollution-concept-cropped-shot-busy-volunteers-pick-up-old-shoes-other-garbage-bags_273609-43687.jpg?_wi=2",
imageAlt: "happy community volunteer nature",
},
id: "5", name: "Sarah Bell", date: "Jun 2024", title: "Student", quote: "My school project was inspired by these guides.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-kid-nature_23-2148895601.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ocean-pollution-concept-cropped-shot-busy-volunteers-pick-up-old-shoes-other-garbage-bags_273609-43687.jpg", imageAlt: "happy community volunteer nature"},
]}
title="Voices for Change"
description="Hear from the community members taking action every single day."
@@ -268,8 +158,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get Involved"
title="Join Our Community"
description="Sign up for updates and find out how you can contribute to local plastic reduction initiatives."
@@ -284,33 +173,21 @@ export default function LandingPage() {
logoText="Plastique World"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Solutions",
href: "#features",
},
label: "Solutions", href: "#features"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Use",
href: "#",
},
label: "Terms of Use", href: "#"},
],
},
]}