Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-18 14:22:57 +00:00

View File

@@ -9,7 +9,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Award, CreditCard, Filter, Gift, Smartphone, Sun, Trash2 } from "lucide-react";
import { Award, Smartphone, Sun, Trash2, Filter, CreditCard, Gift } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,22 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Concept",
id: "#solution",
},
{
name: "Impact",
id: "#impact",
},
{
name: "Partners",
id: "#partners",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Concept", id: "solution" },
{ name: "Impact", id: "impact" },
{ name: "Partners", id: "partners" },
{ name: "Contact", id: "contact" }
]}
brandName="Smart Waste Bank"
/>
@@ -52,43 +40,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Turn Waste into Rewards"
description="The Smart Waste Bank transforms everyday recycling into an enjoyable, rewarding habit. Join our community-driven movement for a cleaner, greener future."
tag="Innovative Green Tech"
buttons={[
{
text: "Register Now",
href: "#contact",
},
]}
buttons={[{ text: "Register Now", href: "#contact" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/robot-with-recycle-symbol_1048-3562.jpg",
imageAlt: "Smart solar bin",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-plastic-waste-net-bag_273609-23346.jpg",
imageAlt: "Community recycling",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg",
imageAlt: "Digital rewards app",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-cityspace-night_116348-86.jpg",
imageAlt: "Solar tech focus",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/join-recycling-healthy-world_329181-9660.jpg",
imageAlt: "Community impact",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149340993.jpg",
imageAlt: "Mobile wallet interface",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/robot-with-recycle-symbol_1048-3562.jpg", imageAlt: "Smart solar bin" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-plastic-waste-net-bag_273609-23346.jpg", imageAlt: "Community recycling" },
{ imageSrc: "http://img.b2bpic.net/free-photo/special-operations-engineer-following-enemy-warships-submarines_482257-91174.jpg", imageAlt: "Digital rewards app" }
]}
mediaAnimation="blur-reveal"
/>
@@ -100,33 +60,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "2.1B",
title: "Tons of Waste Yearly",
items: [
"Massive global output",
"Environmental strain",
],
},
{
id: "m2",
value: "10%",
title: "Recycling Rate",
items: [
"Huge room for improvement",
"In the Arab region",
],
},
{
id: "m3",
value: "500T",
title: "Recycle Target",
items: [
"Annual collection goal",
"For our pilot program",
],
},
{ id: "m1", value: "2.1B", title: "Tons of Waste Yearly", items: ["Massive global output", "Environmental strain"] },
{ id: "m2", value: "10%", title: "Recycling Rate", items: ["Huge room for improvement", "In the Arab region"] },
{ id: "m3", value: "500T", title: "Recycle Target", items: ["Annual collection goal", "For our pilot program"] }
]}
title="The Global Crisis"
description="Every year, 2.1 billion tons of waste are produced, yet recycling remains low. We are here to change that narrative through community incentives."
@@ -135,24 +71,13 @@ export default function LandingPage() {
<div id="solution" data-section="solution">
<FeatureHoverPattern
animationType="blur-reveal"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Sun,
title: "Solar-Powered Bins",
description: "Autonomous smart bins that sort plastic, paper, metal, and glass instantly.",
},
{
icon: Smartphone,
title: "Environmental Wallet",
description: "Track your impact and receive instant points for every item recycled.",
},
{
icon: Award,
title: "Instant Rewards",
description: "Redeem points for discounts, meals, and memberships in our partner network.",
},
{ icon: Sun, title: "Solar-Powered Bins", description: "Autonomous smart bins that sort plastic, paper, metal, and glass instantly." },
{ icon: Smartphone, title: "Environmental Wallet", description: "Track your impact and receive instant points for every item recycled." },
{ icon: Award, title: "Instant Rewards", description: "Redeem points for discounts, meals, and memberships in our partner network." }
]}
title="A Smart Ecosystem for Recycling"
description="Our integrated solution combines advanced sorting technology with an intuitive digital reward experience."
@@ -165,26 +90,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: Trash2,
title: "Collect Waste",
description: "Gather your recyclables at home or school.",
},
{
icon: Filter,
title: "Sort in Smart Bins",
description: "Deposit materials; our bins sort them automatically.",
},
{
icon: CreditCard,
title: "Swipe & Verify",
description: "Use your phone or card to log your contribution.",
},
{
icon: Gift,
title: "Earn Points",
description: "Get instant rewards and enjoy local discounts.",
},
{ icon: Trash2, title: "Collect Waste", description: "Gather your recyclables at home or school." },
{ icon: Filter, title: "Sort in Smart Bins", description: "Deposit materials; our bins sort them automatically." },
{ icon: CreditCard, title: "Swipe & Verify", description: "Use your phone or card to log your contribution." },
{ icon: Gift, title: "Earn Points", description: "Get instant rewards and enjoy local discounts." }
]}
title="Your Green Journey in 4 Steps"
description="Making recycling a rewarding habit is easier than ever."
@@ -197,33 +106,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "i1",
value: "1.2k",
title: "Tons of CO2 Reduced",
items: [
"Carbon footprint reduction",
"Cleaner air for all",
],
},
{
id: "i2",
value: "50k",
title: "Trees Equivalent",
items: [
"Carbon capture power",
"Restoring nature",
],
},
{
id: "i3",
value: "Win-Win",
title: "Community Model",
items: [
"Economic empowerment",
"Education awareness",
],
},
{ id: "i1", value: "1.2k", title: "Tons of CO2 Reduced", items: ["Carbon footprint reduction", "Cleaner air for all"] },
{ id: "i2", value: "50k", title: "Trees Equivalent", items: ["Carbon capture power", "Restoring nature"] },
{ id: "i3", value: "Win-Win", title: "Community Model", items: ["Economic empowerment", "Education awareness"] }
]}
title="Tangible Environmental Impact"
description="Together, we are making a measurable difference for the planet and our communities."
@@ -234,15 +119,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="split"
useInvertedBackground={true}
names={[
"Municipality A",
"School B",
"Local Shop C",
"Cafe D",
"Tech Hub E",
"Green Org F",
"Retail Chain G",
]}
names={["Municipality A", "School B", "Local Shop C", "Cafe D", "Tech Hub E", "Green Org F", "Retail Chain G"]}
title="Success Partners"
description="Join shops, schools, and municipalities in building a win-win circular economy system."
/>
@@ -251,9 +128,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get Involved"
title="Join the Green Journey"
description="Ready to participate or become a partner? Sign up for our program or reach out to explore how we can collaborate."
@@ -263,32 +138,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "About",
items: [
{
label: "Our Mission",
href: "#solution",
},
{
label: "Impact",
href: "#impact",
},
],
},
{
title: "Partners",
items: [
{
label: "Win-Win Model",
href: "#partners",
},
{
label: "Partner With Us",
href: "#contact",
},
],
},
{ title: "About", items: [{ label: "Our Mission", href: "#solution" }, { label: "Impact", href: "#impact" }] },
{ title: "Partners", items: [{ label: "Win-Win Model", href: "#partners" }, { label: "Partner With Us", href: "#contact" }] }
]}
logoText="Smart Waste Bank"
copyrightText="© 2025 Smart Waste Bank | All Rights Reserved"