From 95347545de155a9d50ce9d52ba2407238ad0836c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 14:22:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 205 +++++++----------------------------------------
 1 file changed, 28 insertions(+), 177 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 37b8bea..3d8d92e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
-- 
2.49.1