Update src/app/get-involved/page.tsx

Merge version_1 into main

src/app/get-involved/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function GetInvolvedPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Our Story", id: "/#about" },
+                { name: "Our Work", id: "/our-work" },
+                { name: "Get Involved", id: "/get-involved" },
+                { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="AHA"
+        />
+        <div className="pt-32 pb-20">
+            <ContactCenter
+                tag="Volunteer"
+                title="Become a Volunteer"
+                description="Join our team and help us make a meaningful difference in the community."
+                background={{ variant: "plain" }}
+                useInvertedBackground={false}
+                inputPlaceholder="Enter your email"
+            />
+        </div>
+        <FooterMedia
+          logoText="AHA"
+          videoSrc="https://vimeo.com/76979871"
+          columns={[
+            { title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Story", href: "/#about" }, { label: "Work", href: "/our-work" }, { label: "Get Involved", href: "/get-involved" }, { label: "Contact", href: "/#contact" }] },
+            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,14 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Our Story",          id: "about"},
-        {
-          name: "Our Work",          id: "projects"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Our Story", id: "about" },
+        { name: "Our Work", id: "projects" },
+        { name: "Get Involved", id: "get-involved" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="AHA"
     />
@@ -48,24 +45,17 @@ export default function LandingPage() {
       title="Aloha Helps Association"
       description="Empowering our community through compassion, kindness, and tangible support. Join us in making a difference, one AHA moment at a time."
       buttons={[
-        {
-          text: "See Our Work",          href: "#projects"},
-        {
-          text: "Get Involved",          href: "#contact"},
+        { text: "See Our Work", href: "/our-work" },
+        { text: "Get Involved", href: "/get-involved" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/group-happy-diverse-volunteers_53876-20840.jpg"
       imageAlt="Community helping community"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg",          alt: "Portrait of jolly man at home feeling happy and grateful in life"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg",          alt: "Young man travelling by city bus"},
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg",          alt: "Stylish man smiling close up"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg",          alt: "Close up portrait of unshaven handsome young hipster guy looks with dark shining eyes and pleased smile"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-man_93675-134315.jpg",          alt: "Portrait of happy smiling man"},
+        { src: "http://img.b2bpic.net/free-photo/portrait-jolly-man-home-feeling-happy-grateful-life_482257-123005.jpg", alt: "Portrait of jolly man at home feeling happy and grateful in life" },
+        { src: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg", alt: "Young man travelling by city bus" },
+        { src: "http://img.b2bpic.net/free-photo/stylish-man-smiling-close-up_23-2148508995.jpg", alt: "Stylish man smiling close up" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", alt: "Close up portrait of unshaven handsome young hipster guy looks with dark shining eyes and pleased smile" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-man_93675-134315.jpg", alt: "Portrait of happy smiling man" },
       ]}
       avatarText="Join 500+ local volunteers"
     />
@@ -75,10 +65,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Our Story"
-      buttons={[
-        {
-          text: "Learn More",          href: "#about"},
-      ]}
+      buttons={[{ text: "Learn More", href: "#about" }]}
     />
   </div>
 
@@ -88,33 +75,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Food Security Initiatives",          description: "Providing consistent nourishment to families in need across our local districts.",          icon: Apple,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/diverse-local-vendors-preparing-healthy-market-counter_482257-77555.jpg",              imageAlt: "Project 1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-vegetables-wheelbarrow_23-2148396786.jpg",              imageAlt: "Project 2"},
-          ]
-        },
-        {
-          title: "Youth Education Programs",          description: "Mentorship and resources to help every student reach their full potential.",          icon: BookOpen,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/university-colleagues-talking-library_23-2148844673.jpg",              imageAlt: "Project 3"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038357.jpg",              imageAlt: "Project 4"},
-          ]
-        },
-        {
-          title: "Community Garden Build",          description: "Building sustainable green spaces that foster connection and healthy living.",          icon: Leaf,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-plants-black-pots_23-2148269592.jpg",              imageAlt: "Project 5"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1",              imageAlt: "Project 6"},
-          ]
-        },
+        { title: "Food Security Initiatives", description: "Providing consistent nourishment to families in need across our local districts.", icon: Apple, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-local-vendors-preparing-healthy-market-counter_482257-77555.jpg", imageAlt: "Project 1" }, { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-vegetables-wheelbarrow_23-2148396786.jpg", imageAlt: "Project 2" }] },
+        { title: "Youth Education Programs", description: "Mentorship and resources to help every student reach their full potential.", icon: BookOpen, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/university-colleagues-talking-library_23-2148844673.jpg", imageAlt: "Project 3" }, { imageSrc: "http://img.b2bpic.net/free-photo/cute-family-spending-quality-time-together-home_23-2149038357.jpg", imageAlt: "Project 4" }] },
+        { title: "Community Garden Build", description: "Building sustainable green spaces that foster connection and healthy living.", icon: Leaf, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-plants-black-pots_23-2148269592.jpg", imageAlt: "Project 5" }, { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=1", imageAlt: "Project 6" }] },
       ]}
       title="Our Work"
       description="Discover the lives we've touched and the projects that create lasting community change."
@@ -128,21 +91,11 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Mary S.",          role: "Resident",          company: "Local Community",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=2"},
-        {
-          id: "2",          name: "John D.",          role: "Volunteer",          company: "AHA Outreach",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg"},
-        {
-          id: "3",          name: "Elena R.",          role: "Parent",          company: "Youth Mentorship",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153725.jpg"},
-        {
-          id: "4",          name: "Marcus W.",          role: "Participant",          company: "Garden Project",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sad-young-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpots-crossing-arms-isolated-pink-wall-with-copy-space_141793-108480.jpg"},
-        {
-          id: "5",          name: "Sarah P.",          role: "Neighbor",          company: "Community Services",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg"},
+        { id: "1", name: "Mary S.", role: "Resident", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg?_wi=2" },
+        { id: "2", name: "John D.", role: "Volunteer", company: "AHA Outreach", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg" },
+        { id: "3", name: "Elena R.", role: "Parent", company: "Youth Mentorship", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153725.jpg" },
+        { id: "4", name: "Marcus W.", role: "Participant", company: "Garden Project", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sad-young-caucasian-male-gardener-wearing-gardening-hat-holding-flowerpots-crossing-arms-isolated-pink-wall-with-copy-space_141793-108480.jpg" },
+        { id: "5", name: "Sarah P.", role: "Neighbor", company: "Community Services", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/country-music-interpret-singing-outdoors_23-2149498450.jpg" },
       ]}
       title="AHA Moments"
       description="Stories of hope and kindness from people we've had the honor of helping."
@@ -154,12 +107,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",          title: "How can I volunteer?",          content: "Reach out through our contact form!"},
-        {
-          id: "2",          title: "How do you define an AHA moment?",          content: "It's the moment someone realizes they aren't alone."},
-        {
-          id: "3",          title: "Where does funding go?",          content: "100% of donations go directly to project supplies."},
+        { id: "1", title: "How can I volunteer?", content: "Reach out through our contact form!" },
+        { id: "2", title: "How do you define an AHA moment?", content: "It's the moment someone realizes they aren't alone." },
+        { id: "3", title: "Where does funding go?", content: "100% of donations go directly to project supplies." },
       ]}
       title="Common Questions"
       description="Everything you need to know about how to support or work with AHA."
@@ -170,8 +120,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
       tag="Contact Us"
       title="Need Help? Reach Out."
       description="Tell us what you need help with and how we can best contact you. We're here for you."
@@ -183,28 +132,12 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/stacked-green-card-paper-abstract-backdrop_23-2147981589.jpg"
       logoText="AHA"
       columns={[
-        {
-          title: "Navigate",          items: [
-            {
-              label: "Story",              href: "#about"},
-            {
-              label: "Work",              href: "#projects"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
+        { title: "Navigate", items: [{ label: "Story", href: "#about" }, { label: "Work", href: "/our-work" }, { label: "Get Involved", href: "/get-involved" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}