From 69429dfc4730d50bfba287c14a939f9b4f03badf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 08:05:04 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 410 ++++++++++++++++-------------------------------
 1 file changed, 136 insertions(+), 274 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d2e2dbf..3ce3c57 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,288 +28,150 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Mission",
-          id: "#about",
-        },
-        {
-          name: "TB 101",
-          id: "#features",
-        },
-        {
-          name: "Social Impact",
-          id: "#metrics",
-        },
-        {
-          name: "Team",
-          id: "#team",
-        },
-      ]}
-      brandName="Awarenova"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Mission", id: "#about" },
+              { name: "TB 101", id: "#features" },
+              { name: "Social Impact", id: "#metrics" },
+              { name: "Team", id: "#team" },
+            ]}
+            brandName="Awarenova"
+            button={{ text: "Join" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Turning Hushed Whispers into Informed Conversations."
-      description="Awarenova is a youth-led movement translating complex medical info into engaging, culturally relevant experiences for teens and young adults."
-      buttons={[
-        {
-          text: "Join the Movement",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/rendering-anime-doctors-work_23-2151152146.jpg?_wi=1"
-      imageAlt="Awarenova Campaign Hero"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "sparkles-gradient" }}
+            title="Turning Hushed Whispers into Informed Conversations."
+            description="Awarenova is a youth-led movement translating complex medical info into engaging, culturally relevant experiences for teens and young adults."
+            buttons={[{ text: "Join the Movement", href: "#about" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/rendering-anime-doctors-work_23-2151152146.jpg"
+            imageAlt="Awarenova Campaign Hero"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "The Mission",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/casual-conversation-friends-sharing-ideas-modern-setup_24972-2910.jpg",
-          alt: "Awarenova mission",
-        },
-        {
-          type: "text",
-          content: "To dismantle the 'stigma barrier' in urban youth, turning intimidating clinical seminars into peer-to-peer dialogues that empower early detection and action.",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "The Mission" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/casual-conversation-friends-sharing-ideas-modern-setup_24972-2910.jpg", alt: "Awarenova mission" },
+              { type: "text", content: "To dismantle the 'stigma barrier' in urban youth, turning intimidating clinical seminars into peer-to-peer dialogues that empower early detection and action." }
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "The Forever Cough",
-          description: "A cough lasting over 3 weeks is a red flag. Don't ignore it.",
-          icon: AlertCircle,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/exclamation-mark-white-paper-yellow-background-flat-lay_169016-29474.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-medical-station_23-2147796157.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/rendering-anime-doctors-work_23-2151152146.jpg?_wi=2",
-          imageAlt: "cough symptom icon",
-        },
-        {
-          title: "Night Sweats",
-          description: "Ghostly, unexpected sweats are a common symptomatic indicator.",
-          icon: Moon,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/accompaniment-abortion-process_23-2149656085.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/distraught-black-man-having-home-visit-by-his-doctor-covid19-pandemic_637285-10504.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/casual-conversation-friends-sharing-ideas-modern-setup_24972-2910.jpg",
-          imageAlt: "cough symptom icon",
-        },
-        {
-          title: "Unexplained Loss",
-          description: "Rapid weight loss without lifestyle changes needs immediate clinical review.",
-          icon: TrendingDown,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126717.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/flat-woman-diet-control-normal-weight-with-bmi-scale_88138-933.jpg",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-years-old-looking-upbeat-motivated-posing-photo-against_1258-218675.jpg",
-          imageAlt: "cough symptom icon",
-        },
-      ]}
-      title="TB 101: Know the Signs"
-      description="Don't let myths delay action. Recognize symptoms early and know exactly where to seek help."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="TB 101: Know the Signs"
+            description="Don't let myths delay action. Recognize symptoms early and know exactly where to seek help."
+            features={[
+              {
+                title: "The Forever Cough",                description: "A cough lasting over 3 weeks is a red flag. Don't ignore it.",                icon: AlertCircle,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/exclamation-mark-white-paper-yellow-background-flat-lay_169016-29474.jpg", imageAlt: "cough symptom icon" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/beach-concept-with-medical-station_23-2147796157.jpg", imageAlt: "cough symptom icon" }
+                ]
+              },
+              {
+                title: "Night Sweats",                description: "Ghostly, unexpected sweats are a common symptomatic indicator.",                icon: Moon,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/accompaniment-abortion-process_23-2149656085.jpg", imageAlt: "night sweats icon" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/distraught-black-man-having-home-visit-by-his-doctor-covid19-pandemic_637285-10504.jpg", imageAlt: "night sweats icon" }
+                ]
+              },
+              {
+                title: "Unexplained Loss",                description: "Rapid weight loss without lifestyle changes needs immediate clinical review.",                icon: TrendingDown,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/specialist-old-woman-discuss-x-ray-scan-preventive-cancer-medicine_482257-126717.jpg", imageAlt: "weight loss icon" },
+                  { imageSrc: "http://img.b2bpic.net/free-vector/flat-woman-diet-control-normal-weight-with-bmi-scale_88138-933.jpg", imageAlt: "weight loss icon" }
+                ]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          description: "Knowledge Gain",
-        },
-        {
-          id: "m2",
-          value: "50+",
-          description: "Youth Volunteers",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          description: "Digital Outreach",
-        },
-      ]}
-      title="The Science of Impact"
-      description="Measuring our knowledge pulse through pre- and post-seminar engagement tracking."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="depth-3d"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "100%", description: "Knowledge Gain" },
+              { id: "m2", value: "50+", description: "Youth Volunteers" },
+              { id: "m3", value: "24/7", description: "Digital Outreach" }
+            ]}
+            title="The Science of Impact"
+            description="Measuring our knowledge pulse through pre- and post-seminar engagement tracking."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Awarenova gave me the platform to speak my truth. No stigma, just support."
-      rating={5}
-      author="Survivor Voices"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-years-old-looking-upbeat-motivated-posing-photo-against_1258-218675.jpg",
-          alt: "Survivor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-asian-girl-with-tablet-drinks-coffee-street-walking-city-centre_1258-124748.jpg",
-          alt: "Advocate",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-cheeky-handsome-young-man-wearing-sunglasses-take-them-off-show-thumbup-like-appr_1258-109316.jpg",
-          alt: "Participant",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3772.jpg",
-          alt: "Volunteer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-girl-library_23-2148447995.jpg",
-          alt: "Clinic Partner",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Awarenova gave me the platform to speak my truth. No stigma, just support."
+            rating={5}
+            author="Survivor Voices"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-years-old-looking-upbeat-motivated-posing-photo-against_1258-218675.jpg", alt: "Survivor" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-asian-girl-with-tablet-drinks-coffee-street-walking-city-centre_1258-124748.jpg", alt: "Advocate" }
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Where do I go for testing?",
-          content: "Your local clinic is your best choice for discreet and free testing.",
-        },
-        {
-          id: "q2",
-          title: "Is TB curable?",
-          content: "Yes, early detection and full completion of medication lead to recovery.",
-        },
-        {
-          id: "q3",
-          title: "How do I volunteer?",
-          content: "Connect with us via our Instagram handle to join our volunteer outreach programs.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-3d-doctors-hospital-attire_23-2151107501.jpg"
-      mediaAnimation="slide-up"
-      title="Got Questions?"
-      description="Essential info on how to access clinics, support, and get the care you need."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Where do I go for testing?", content: "Your local clinic is your best choice for discreet and free testing." },
+              { id: "q2", title: "Is TB curable?", content: "Yes, early detection and full completion of medication lead to recovery." },
+              { id: "q3", title: "How do I volunteer?", content: "Connect with us via our Instagram handle to join our volunteer outreach programs." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-3d-doctors-hospital-attire_23-2151107501.jpg"
+            mediaAnimation="slide-up"
+            title="Got Questions?"
+            description="Essential info on how to access clinics, support, and get the care you need."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={false}
-      members={[
-        {
-          id: "t1",
-          name: "Creative Head",
-          role: "Visionary",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-putting-hands-shoulder-kidney-isolated-green-background-with-copy-space_141793-32146.jpg",
-        },
-        {
-          id: "t2",
-          name: "Diksha",
-          role: "Networking Powerhouse",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg",
-        },
-        {
-          id: "t3",
-          name: "Chehak",
-          role: "The Rationalist",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg",
-        },
-        {
-          id: "t4",
-          name: "Parth",
-          role: "Visual Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-pen_114579-17712.jpg",
-        },
-      ]}
-      title="Meet the Team"
-      description="The creative force behind the movement."
-    />
-  </div>
+        <div id="team" data-section="team">
+          <TeamCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="one-large-left-three-stacked-right"
+            useInvertedBackground={false}
+            members={[
+              { id: "t1", name: "Creative Head", role: "Visionary", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-putting-hands-shoulder-kidney-isolated-green-background-with-copy-space_141793-32146.jpg" },
+              { id: "t2", name: "Diksha", role: "Networking Powerhouse", imageSrc: "http://img.b2bpic.net/free-photo/office-worker-using-cell-phone-work_329181-20159.jpg" },
+              { id: "t3", name: "Chehak", role: "The Rationalist", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-businessman-with-digital-tablet_1262-2373.jpg" },
+              { id: "t4", name: "Parth", role: "Visual Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-holding-pen_114579-17712.jpg" }
+            ]}
+            title="Meet the Team"
+            description="The creative force behind the movement."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "TB 101",
-              href: "#features",
-            },
-            {
-              label: "Volunteer",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Awarenova"
-      copyrightText="© 2025 Awarenova Campaign"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
+              { title: "Resources", items: [{ label: "TB 101", href: "#features" }, { label: "Volunteer", href: "#" }] }
+            ]}
+            logoText="Awarenova"
+            copyrightText="© 2025 Awarenova Campaign"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file