Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -12,6 +12,13 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import { Heart, Instagram, Twitter } from "lucide-react";
 
 export default function LandingPage() {
+  const scrollToSection = (id: string) => {
+    const element = document.getElementById(id);
+    if (element) {
+      element.scrollIntoView({ behavior: "smooth" });
+    }
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -29,14 +36,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Dashboard", id: "features" },
-        {
+        { name: "Resources", id: "faq" },
-          name: "Dashboard",          id: "features"},
+        { name: "About", id: "about" },
-        {
-          name: "Resources",          id: "faq"},
-        {
-          name: "About",          id: "about"},
       ]}
       brandName="Well-being for All"
     />
@@ -45,59 +48,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      title="Empowering Student Mental Health"
-      title="Well-being for All"
       description="A student-led platform designed to support mental clarity, physical health, and community connection in schools everywhere."
       testimonials={[
-        {
+        { name: "Sarah J.", handle: "@wellbeing", testimonial: "This platform transformed how I handle stress at school.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-outdoors-together_23-2148735510.jpg" },
-          name: "Sarah J.",          handle: "@wellbeing",          testimonial: "This platform transformed how I handle stress at school.",          rating: 5,
+        { name: "Michael T.", handle: "@student", testimonial: "An incredible resource for students needing a quick check-in.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200189.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-outdoors-together_23-2148735510.jpg"},
+        { name: "Elena R.", handle: "@support", testimonial: "Finally, a place to track my wellness journey easily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-cafe-studying_273609-13271.jpg" },
-        {
-          name: "Michael T.",          handle: "@student",          testimonial: "An incredible resource for students needing a quick check-in.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-learning-virtual-classroom_23-2149200189.jpg"},
-        {
-          name: "Elena R.",          handle: "@support",          testimonial: "Finally, a place to track my wellness journey easily.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-cafe-studying_273609-13271.jpg"},
-        {
-          name: "David K.",          handle: "@peer",          testimonial: "The breathing exercises are simple and effective for my anxiety.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-lady-with-dark-curly-hair-khaki-shirt-holding-laptop-with-notepad-cup-coffee-go-hands-dreamily-looking-camera-isolated_574295-2237.jpg"},
-        {
-          name: "Chloe M.",          handle: "@advocate",          testimonial: "A beautiful, safe space for every student.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-female-student-wearing-headphones-bandana-neck-backpack-holding-pen-open-note-book-looking-note-book-isolated-olive-green-background_141793-135307.jpg"},
       ]}
       buttons={[
-        {
+        { text: "Get Started", onClick: () => scrollToSection("features") },
-          text: "Get Started",          href: "#features"},
+        { text: "Emergency Resources", href: "#" },
-        {
-          text: "Emergency Resources",          href: "#"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093730.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/horizontal-shot-mixed-race-women-have-conversation-learning-process_273609-28625.jpg",          alt: "friendly student portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-partners-cooperate-together-workspace-give-high-five-each-other-have-overjoyed-expressions-work-research-write-down-records-notepad-ponder-idea-work-as-team_273609-28945.jpg",          alt: "focused student portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/image-mixed-race-boy-girl-collaborate-preparing-course-paper-make-records-notepad-sit-couch-work-presentation-class-being-team-learning-collaboration-concept_273609-28941.jpg",          alt: "smiling student portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-mixed-race-male-female-look-joyfully-each-other-work-research_273609-44832.jpg",          alt: "student leader portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-floor-with-book-laptop_23-2148882743.jpg",          alt: "calm student portrait"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Mental Clarity"},
-        {
-          type: "text",          text: "Student-Led"},
-        {
-          type: "text",          text: "Balanced Days"},
-        {
-          type: "text",          text: "Community Support"},
-        {
-          type: "text",          text: "Wellness First"},
-      ]}
     />
   </div>
 
@@ -106,12 +70,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Mood Tracking", description: "Log your daily emotions with emoji check-ins to gain insights into your well-being.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workstation-with-notebook-copy-space_23-2148430873.jpg" },
-          title: "Mood Tracking",          description: "Log your daily emotions with emoji check-ins to gain insights into your well-being.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workstation-with-notebook-copy-space_23-2148430873.jpg"},
+        { title: "Guided Breathing", description: "Use our animated 4-6 breathing visualizer for quick stress reduction.", imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg" },
-        {
+        { title: "Daily Goals", description: "Track hydration, sleep, and movement with simple, rewarding checkboxes.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night-laptop_23-2150280980.jpg" },
-          title: "Guided Breathing",          description: "Use our animated 4-6 breathing visualizer for quick stress reduction.",          imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg"},
-        {
-          title: "Daily Goals",          description: "Track hydration, sleep, and movement with simple, rewarding checkboxes.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night-laptop_23-2150280980.jpg"},
       ]}
       title="Wellness Dashboard"
       description="Monitor your mood, complete daily habits, and follow guided movements for a balanced school day."
@@ -122,18 +83,12 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "1", title: "Is this anonymous?", content: "Yes, your check-ins and suggestions are completely private." },
-          id: "1",          title: "Is this anonymous?",          content: "Yes, your check-ins and suggestions are completely private."},
+        { id: "2", title: "Can I talk to someone?", content: "This platform provides resources and awareness. For help, please contact a trusted adult or national counselor." },
-        {
-          id: "2",          title: "Can I talk to someone?",          content: "This platform provides resources and awareness. For help, please contact a trusted adult or national counselor."},
-        {
-          id: "3",          title: "How does SWS work?",          content: "Student Wellness Solutions reinvests profits from wellness planners into school wellness programs."},
       ]}
       sideTitle="Resources"
       sideDescription="Quick answers to help you stay balanced."
-      buttons={[
+      buttons={[{ text: "Contact Support", onClick: () => scrollToSection("contact") }]}
-        { text: "Contact Support", href: "#contact" }
-      ]}
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -154,15 +109,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       tag="Let's Connect"
       title="Join the Movement"
       description="Interested in bringing this wellness model to your school? Let's collaborate."
-      buttons={[
+      buttons={[{ text: "Contact Us", href: "#" }]}
-        {
-          text: "Contact Us",          href: "#"},
-      ]}
     />
   </div>
 
@@ -171,12 +122,8 @@ export default function LandingPage() {
       logoText="Well-being for All"
       copyrightText="© 2025 Made by Aarish Vimal"
       socialLinks={[
-        {
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-          icon: Instagram,
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-          href: "#",          ariaLabel: "Instagram"},
-        {
-          icon: Twitter,
-          href: "#",          ariaLabel: "Twitter"},
       ]}
     />
   </div>