From 76889410f9e5517b0479cd10696e93567a7c2f62 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 9 Jun 2026 23:14:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 309 ++++++++++-------------------------------------
 1 file changed, 64 insertions(+), 245 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cb7b1b1..46f8757 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,41 +34,23 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Programs",
-          id: "#programs",
-        },
+          name: "Programs",          id: "#programs"},
         {
-          name: "Content",
-          id: "#content",
-        },
+          name: "Content",          id: "#content"},
         {
-          name: "Impact",
-          id: "#impact",
-        },
+          name: "Impact",          id: "#impact"},
         {
-          name: "Team",
-          id: "#team",
-        },
+          name: "Team",          id: "#team"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Partners",
-          id: "#partners",
-        },
+          name: "Partners",          id: "#partners"},
         {
-          name: "Join",
-          id: "#join",
-        },
+          name: "Join",          id: "#join"},
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/world-environment-day-labels-with-red-ribbons_23-2147615740.jpg"
       logoAlt="Earth Ambassadors Logo"
@@ -76,50 +58,33 @@ export default function LandingPage() {
       bottomLeftText="Astana, Kazakhstan"
       bottomRightText="info@earthambassadors.kz"
       button={{
-        text: "Become an Ambassador",
-        href: "#join",
-      }}
+        text: "Become an Ambassador",        href: "#join"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroBillboardGallery
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Young Voices. Real Change. Earth Ambassadors."
       description="Join Kazakhstan's youth movement for environmental action. Share your story, amplify your impact, and reach thousands through ABS24TV."
       buttons={[
         {
-          text: "Become an Ambassador",
-          href: "#join",
-        },
+          text: "Become an Ambassador",          href: "#join"},
       ]}
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev5qNDy5n4M58933DnScoU6uHM/uploaded-1781046745498-4hjzquc4.jpg",
-          imageAlt: "Earth Ambassadors youth group photo with a mentor",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev5qNDy5n4M58933DnScoU6uHM/uploaded-1781046745498-4hjzquc4.jpg",          imageAlt: "Earth Ambassadors youth group photo with a mentor"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-collecting-garbage_23-2147807247.jpg",
-          imageAlt: "Youth planting trees together",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/group-volunteers-collecting-garbage_23-2147807247.jpg",          imageAlt: "Youth planting trees together"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-protest-world-environment-day_23-2149358336.jpg",
-          imageAlt: "Diverse group of young people engaged in an environmental protest",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/people-having-protest-world-environment-day_23-2149358336.jpg",          imageAlt: "Diverse group of young people engaged in an environmental protest"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/children-exploring-together-nature_23-2149002852.jpg",
-          imageAlt: "Students participating in an environmental workshop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/children-exploring-together-nature_23-2149002852.jpg",          imageAlt: "Students participating in an environmental workshop"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-travelling-with-boyfriend_23-2148691073.jpg",
-          imageAlt: "Youth cleaning up a park area",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-travelling-with-boyfriend_23-2148691073.jpg",          imageAlt: "Youth cleaning up a park area"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-teenage-daughter-engaging-confidential-therapy-session_482257-124799.jpg",
-          imageAlt: "Young speaker presenting at an environmental conference",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/mother-teenage-daughter-engaging-confidential-therapy-session_482257-124799.jpg",          imageAlt: "Young speaker presenting at an environmental conference"},
       ]}
       mediaAnimation="opacity"
     />
@@ -146,25 +111,13 @@ export default function LandingPage() {
       description="Earth Ambassadors provides the tools and opportunities you need to make a tangible difference in environmental protection and youth media."
       accordionItems={[
         {
-          id: "community",
-          title: "Join a Vibrant Community",
-          content: "Connect with like-minded youth, collaborate on projects, and build lifelong friendships with fellow environmental advocates across Kazakhstan.",
-        },
+          id: "community",          title: "Join a Vibrant Community",          content: "Connect with like-minded youth, collaborate on projects, and build lifelong friendships with fellow environmental advocates across Kazakhstan."},
         {
-          id: "events",
-          title: "Participate in Impactful Events",
-          content: "Engage in local cleanups, tree-planting initiatives, workshops, and national campaigns designed to create tangible environmental change.",
-        },
+          id: "events",          title: "Participate in Impactful Events",          content: "Engage in local cleanups, tree-planting initiatives, workshops, and national campaigns designed to create tangible environmental change."},
         {
-          id: "media",
-          title: "Amplify Your Story with ABS24TV",
-          content: "Gain a powerful platform to share your environmental stories, projects, and insights with a broad audience through our exclusive partnership with ABS24TV.",
-        },
+          id: "media",          title: "Amplify Your Story with ABS24TV",          content: "Gain a powerful platform to share your environmental stories, projects, and insights with a broad audience through our exclusive partnership with ABS24TV."},
         {
-          id: "leadership",
-          title: "Develop Green Leadership Skills",
-          content: "Access mentorship, training, and opportunities to lead projects, organize events, and become a powerful voice for environmental stewardship.",
-        },
+          id: "leadership",          title: "Develop Green Leadership Skills",          content: "Access mentorship, training, and opportunities to lead projects, organize events, and become a powerful voice for environmental stewardship."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/side-view-portrait-highschool-girl-using-tablet_23-2148225349.jpg"
       imageAlt="Youth collaborating on environmental project with digital tools"
@@ -177,57 +130,21 @@ export default function LandingPage() {
       <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-items-equal"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
         {
-          id: "content-1",
-          name: "Plastic-Free Astana Campaign",
-          price: "Project Highlight",
-          variant: "Community Action",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-holding-tablet_23-2148617241.jpg",
-          imageAlt: "Youth discussing plastic waste",
-        },
+          id: "content-1",          name: "Plastic-Free Astana Campaign",          price: "Project Highlight",          variant: "Community Action",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-holding-tablet_23-2148617241.jpg",          imageAlt: "Youth discussing plastic waste"},
         {
-          id: "content-2",
-          name: "Youth for Renewable Energy",
-          price: "Innovation Spotlight",
-          variant: "Sustainable Tech",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-backpack-working-laptop-green-hill_23-2148154869.jpg",
-          imageAlt: "Students working on a solar panel model",
-        },
+          id: "content-2",          name: "Youth for Renewable Energy",          price: "Innovation Spotlight",          variant: "Sustainable Tech",          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-backpack-working-laptop-green-hill_23-2148154869.jpg",          imageAlt: "Students working on a solar panel model"},
         {
-          id: "content-3",
-          name: "Protecting Local Biodiversity",
-          price: "Conservation Series",
-          variant: "Wildlife Focus",
-          imageSrc: "http://img.b2bpic.net/free-photo/exterior-portrait-kids-world-environment-day_23-2149369414.jpg",
-          imageAlt: "Youth observing nature in a forest",
-        },
+          id: "content-3",          name: "Protecting Local Biodiversity",          price: "Conservation Series",          variant: "Wildlife Focus",          imageSrc: "http://img.b2bpic.net/free-photo/exterior-portrait-kids-world-environment-day_23-2149369414.jpg",          imageAlt: "Youth observing nature in a forest"},
         {
-          id: "content-4",
-          name: "Eco-Friendly Waste Solutions",
-          price: "Workshop Series",
-          variant: "Resource Management",
-          imageSrc: "http://img.b2bpic.net/free-photo/children-learning-how-recycle_23-2148490311.jpg",
-          imageAlt: "Youth sorting recycling",
-        },
+          id: "content-4",          name: "Eco-Friendly Waste Solutions",          price: "Workshop Series",          variant: "Resource Management",          imageSrc: "http://img.b2bpic.net/free-photo/children-learning-how-recycle_23-2148490311.jpg",          imageAlt: "Youth sorting recycling"},
         {
-          id: "content-5",
-          name: "Green Urban Spaces Project",
-          price: "Community Green-Up",
-          variant: "Urban Sustainability",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-client-choosing-colorful-apples-buy-from-local-farmer-looking-healthy-products-greenmarket-counter-female-customer-visiting-farmers-market-stand-organic-produce-handheld-shot_482257-66415.jpg",
-          imageAlt: "Young people gardening in an urban setting",
-        },
+          id: "content-5",          name: "Green Urban Spaces Project",          price: "Community Green-Up",          variant: "Urban Sustainability",          imageSrc: "http://img.b2bpic.net/free-photo/young-client-choosing-colorful-apples-buy-from-local-farmer-looking-healthy-products-greenmarket-counter-female-customer-visiting-farmers-market-stand-organic-produce-handheld-shot_482257-66415.jpg",          imageAlt: "Young people gardening in an urban setting"},
         {
-          id: "content-6",
-          name: "Art for Climate Awareness",
-          price: "Creative Expression",
-          variant: "Youth Arts",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-paint-hands_23-2149050541.jpg",
-          imageAlt: "Teenagers creating environmental art",
-        },
+          id: "content-6",          name: "Art for Climate Awareness",          price: "Creative Expression",          variant: "Youth Arts",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-paint-hands_23-2149050541.jpg",          imageAlt: "Teenagers creating environmental art"},
       ]}
       title="Explore Our Initiatives & Media Hub"
       description="Dive into our project showcases, event highlights, and exclusive environmental content from ABS24TV."
@@ -242,25 +159,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "metric-1",
-          value: "5000+",
-          description: "Active Youth Ambassadors",
-        },
+          id: "metric-1",          value: "5000+",          description: "Active Youth Ambassadors"},
         {
-          id: "metric-2",
-          value: "150+",
-          description: "Community Projects Launched",
-        },
+          id: "metric-2",          value: "150+",          description: "Community Projects Launched"},
         {
-          id: "metric-3",
-          value: "1M+",
-          description: "Media Reach via ABS24TV",
-        },
+          id: "metric-3",          value: "1M+",          description: "Media Reach via ABS24TV"},
         {
-          id: "metric-4",
-          value: "100%",
-          description: "Youth-Led Initiatives",
-        },
+          id: "metric-4",          value: "100%",          description: "Youth-Led Initiatives"},
       ]}
       title="Driving Tangible Environmental Progress"
       description="Together, Earth Ambassadors are making a measurable difference across Kazakhstan and beyond."
@@ -276,33 +181,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "member-1",
-          name: "Amanali Kaziyev",
-          role: "Chief Program Officer",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-big-computer-key_1187-3148.jpg",
-          imageAlt: "Amanali Kaziyev",
-        },
+          id: "member-1",          name: "Amanali Kaziyev",          role: "Chief Program Officer",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-big-computer-key_1187-3148.jpg",          imageAlt: "Amanali Kaziyev"},
         {
-          id: "member-2",
-          name: "Dana Muratova",
-          role: "Head of Media & Partnerships",
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-78530.jpg",
-          imageAlt: "Dana Muratova",
-        },
+          id: "member-2",          name: "Dana Muratova",          role: "Head of Media & Partnerships",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-78530.jpg",          imageAlt: "Dana Muratova"},
         {
-          id: "member-3",
-          name: "Serik Akhmetov",
-          role: "Youth Engagement Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/environment-responsible-green-global-ecology_53876-125186.jpg",
-          imageAlt: "Serik Akhmetov",
-        },
+          id: "member-3",          name: "Serik Akhmetov",          role: "Youth Engagement Lead",          imageSrc: "http://img.b2bpic.net/free-photo/environment-responsible-green-global-ecology_53876-125186.jpg",          imageAlt: "Serik Akhmetov"},
         {
-          id: "member-4",
-          name: "Gulnara Tulegenova",
-          role: "Project Coordinator",
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-with-hands-chin-restaurant_1262-1430.jpg",
-          imageAlt: "Gulnara Tulegenova",
-        },
+          id: "member-4",          name: "Gulnara Tulegenova",          role: "Project Coordinator",          imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-with-hands-chin-restaurant_1262-1430.jpg",          imageAlt: "Gulnara Tulegenova"},
       ]}
       title="Meet Our Visionary Leaders"
       description="The passionate individuals driving the Earth Ambassadors movement forward with dedication and expertise."
@@ -316,50 +201,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "testimonial-1",
-          name: "Alua K.",
-          handle: "@AluaK",
-          testimonial: "Joining Earth Ambassadors gave me a real purpose. My voice truly matters here, and seeing our projects on ABS24TV is incredibly motivating!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_52683-131004.jpg",
-          imageAlt: "Alua K.",
-        },
+          id: "testimonial-1",          name: "Alua K.",          handle: "@AluaK",          testimonial: "Joining Earth Ambassadors gave me a real purpose. My voice truly matters here, and seeing our projects on ABS24TV is incredibly motivating!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_52683-131004.jpg",          imageAlt: "Alua K."},
         {
-          id: "testimonial-2",
-          name: "Dimash Y.",
-          handle: "@DimashY",
-          testimonial: "I've learned so much about sustainable living and leadership. The community is amazing, and we're making a visible difference in Astana.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-asian-attractive-male-face-close-up-casual-dress-laugh-big-smile-happiness-surprise-expressionpretty-asian-man-toothy-smile-wide-mouth-color-background_609648-686.jpg",
-          imageAlt: "Dimash Y.",
-        },
+          id: "testimonial-2",          name: "Dimash Y.",          handle: "@DimashY",          testimonial: "I've learned so much about sustainable living and leadership. The community is amazing, and we're making a visible difference in Astana.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-asian-attractive-male-face-close-up-casual-dress-laugh-big-smile-happiness-surprise-expressionpretty-asian-man-toothy-smile-wide-mouth-color-background_609648-686.jpg",          imageAlt: "Dimash Y."},
         {
-          id: "testimonial-3",
-          name: "Zhanar S.",
-          handle: "@ZhanarS",
-          testimonial: "Being an Ambassador connects me with inspiring peers and helps me turn my passion for the environment into concrete action.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",
-          imageAlt: "Zhanar S.",
-        },
+          id: "testimonial-3",          name: "Zhanar S.",          handle: "@ZhanarS",          testimonial: "Being an Ambassador connects me with inspiring peers and helps me turn my passion for the environment into concrete action.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg",          imageAlt: "Zhanar S."},
         {
-          id: "testimonial-4",
-          name: "Ruslan M.",
-          handle: "@RuslanM",
-          testimonial: "The exposure we get through ABS24TV is fantastic. It shows that youth voices are powerful and can genuinely influence public opinion.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013382.jpg",
-          imageAlt: "Ruslan M.",
-        },
+          id: "testimonial-4",          name: "Ruslan M.",          handle: "@RuslanM",          testimonial: "The exposure we get through ABS24TV is fantastic. It shows that youth voices are powerful and can genuinely influence public opinion.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/gardener_23-2148013382.jpg",          imageAlt: "Ruslan M."},
         {
-          id: "testimonial-5",
-          name: "Sabina L.",
-          handle: "@SabinaL",
-          testimonial: "Every project feels meaningful. From tree planting to educational campaigns, Earth Ambassadors empowers us to be true change-makers.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-isolated-green-olive-color-wall_343596-5270.jpg",
-          imageAlt: "Sabina L.",
-        },
+          id: "testimonial-5",          name: "Sabina L.",          handle: "@SabinaL",          testimonial: "Every project feels meaningful. From tree planting to educational campaigns, Earth Ambassadors empowers us to be true change-makers.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-peach-sweater-isolated-green-olive-color-wall_343596-5270.jpg",          imageAlt: "Sabina L."},
       ]}
       showRating={true}
       title="Voices of Change: What Our Ambassadors Say"
@@ -372,16 +227,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "ABS24TV",
-        "Sustainable Development Earth Foundation",
-        "Astana City Administration",
-        "Kazakhstan Youth Congress",
-        "Eco-Forum Kazakhstan",
-        "Green Tech Innovations",
-        "Youth Environmental Network",
-        "University of Astana",
-        "Local NGO Partner",
-      ]}
+        "ABS24TV",        "Sustainable Development Earth Foundation",        "Astana City Administration",        "Kazakhstan Youth Congress",        "Eco-Forum Kazakhstan",        "Green Tech Innovations",        "Youth Environmental Network",        "University of Astana",        "Local NGO Partner"]}
       title="Our Esteemed Partners & Collaborators"
       description="We are proud to collaborate with leading organizations and media platforms to amplify our impact."
       speed={40}
@@ -393,8 +239,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Get Involved"
       title="Join the Movement. Become an Ambassador."
       description="Take the first step towards making a real difference. Register now and connect with a vibrant community of environmental leaders."
@@ -408,67 +253,41 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "About Us",
-          items: [
+          title: "About Us",          items: [
             {
-              label: "Our Mission",
-              href: "#about",
-            },
+              label: "Our Mission",              href: "#about"},
             {
-              label: "Our Impact",
-              href: "#impact",
-            },
+              label: "Our Impact",              href: "#impact"},
             {
-              label: "Our Team",
-              href: "#team",
-            },
+              label: "Our Team",              href: "#team"},
           ],
         },
         {
-          title: "Programs",
-          items: [
+          title: "Programs",          items: [
             {
-              label: "Current Initiatives",
-              href: "#programs",
-            },
+              label: "Current Initiatives",              href: "#programs"},
             {
-              label: "Events Calendar",
-              href: "#programs",
-            },
+              label: "Events Calendar",              href: "#programs"},
             {
-              label: "Media Hub",
-              href: "#content",
-            },
+              label: "Media Hub",              href: "#content"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Become an Ambassador",
-              href: "#join",
-            },
+              label: "Become an Ambassador",              href: "#join"},
             {
-              label: "Partner With Us",
-              href: "#partners",
-            },
+              label: "Partner With Us",              href: "#partners"},
             {
-              label: "Contact Us",
-              href: "#join",
-            },
+              label: "Contact Us",              href: "#join"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}