Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -32,17 +32,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="PreMedPro"
     />
@@ -51,75 +45,48 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "animated-grid",
+        variant: "animated-grid"}}
-      }}
       title="Your Journey to Medicine, Organized."
       description="The ultimate subscription platform designed to track your Pre-Med and Pre-PA journey, manage requirements, and ace your applications with confidence."
       kpis={[
         {
-          value: "15k+",
+          value: "15k+",          label: "Active Students"},
-          label: "Active Students",
-        },
         {
-          value: "98%",
+          value: "98%",          label: "Acceptance Rate"},
-          label: "Acceptance Rate",
-        },
         {
-          value: "24/7",
+          value: "24/7",          label: "Expert Support"},
-          label: "Expert Support",
-        },
       ]}
       enableKpiAnimation={true}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hxtb1w"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "asset://hero-avatar-1",
+          src: "asset://hero-avatar-1",          alt: "Student 1"},
-          alt: "Student 1",
-        },
         {
-          src: "asset://hero-avatar-2",
+          src: "asset://hero-avatar-2",          alt: "Student 2"},
-          alt: "Student 2",
-        },
         {
-          src: "asset://hero-avatar-3",
+          src: "asset://hero-avatar-3",          alt: "Student 3"},
-          alt: "Student 3",
-        },
         {
-          src: "asset://hero-avatar-4",
+          src: "asset://hero-avatar-4",          alt: "Student 4"},
-          alt: "Student 4",
-        },
         {
-          src: "asset://hero-avatar-5",
+          src: "asset://hero-avatar-5",          alt: "Student 5"},
-          alt: "Student 5",
-        },
       ]}
       avatarText="Trusted by 15,000+ students"
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "GPA Tracking",          icon: GraduationCap,
-          text: "GPA Tracking",
-          icon: GraduationCap,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "App Analytics",          icon: LineChart,
-          text: "App Analytics",
-          icon: LineChart,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Secure Storage",          icon: ShieldCheck,
-          text: "Secure Storage",
-          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Task Management",          icon: CalendarDays,
-          text: "Task Management",
-          icon: CalendarDays,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Mentorship",          icon: Users,
-          text: "Mentorship",
-          icon: Users,
         },
       ]}
     />
@@ -132,26 +99,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Academic Tracker",          description: "Log every course, GPA, and prerequisite with ease.",          tag: "Essential",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=720hj3"},
-          title: "Academic Tracker",
-          description: "Log every course, GPA, and prerequisite with ease.",
-          tag: "Essential",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=720hj3",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "App Analytics",          description: "Visualize your application strength against acceptance criteria.",          tag: "Advanced",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gc8nrb"},
-          title: "App Analytics",
-          description: "Visualize your application strength against acceptance criteria.",
-          tag: "Advanced",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gc8nrb",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Secure Portal",          description: "Keep your personal statement and research papers private and secure.",          tag: "Secure",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbluk4"},
-          title: "Secure Portal",
-          description: "Keep your personal statement and research papers private and secure.",
-          tag: "Secure",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dbluk4",
-        },
       ]}
       title="Everything You Need to Succeed"
       description="Comprehensive tools built for Pre-Med and Pre-PA students to stay on top of their game."
@@ -165,49 +117,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          price: "$9/mo",          name: "Starter",          buttons: [
-          price: "$9/mo",
-          name: "Starter",
-          buttons: [
             {
-              text: "Start Free Trial",
+              text: "Start Free Trial"},
-            },
           ],
           features: [
-            "Basic GPA Tracker",
+            "Track 50+ courses",            "Application Checklist",            "Community Access"],
-            "Application Checklist",
-            "Community Access",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          price: "$19/mo",          name: "Pro",          badge: "Most Popular",          buttons: [
-          price: "$19/mo",
-          name: "Pro",
-          buttons: [
             {
-              text: "Upgrade to Pro",
+              text: "Upgrade to Pro"},
-            },
           ],
           features: [
-            "All Starter Features",
+            "Track unlimited courses",            "Deep Analytics Dashboard",            "Personal Statement Review"],
-            "Analytics Dashboard",
-            "Personal Statement Review",
-          ],
         },
         {
-          id: "elite",
+          id: "elite",          price: "$29/mo",          name: "Elite",          buttons: [
-          price: "$29/mo",
-          name: "Elite",
-          buttons: [
             {
-              text: "Get Elite",
+              text: "Get Elite"},
-            },
           ],
           features: [
-            "All Pro Features",
+            "Elite Pro Features",            "1-on-1 Mentorship",            "24/7 Priority Support"],
-            "1-on-1 Mentorship",
-            "Priority Support",
-          ],
         },
       ]}
       title="Simple Pricing"
@@ -222,23 +153,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          icon: Award,
-          icon: Award,
+          title: "Average GPA Boost",          value: "0.4"},
-          title: "Average GPA Boost",
-          value: "0.4",
-        },
         {
-          id: "m2",
+          id: "m2",          icon: Zap,
-          icon: Zap,
+          title: "Time Saved Per Week",          value: "12h"},
-          title: "Time Saved Per Week",
-          value: "12h",
-        },
         {
-          id: "m3",
+          id: "m3",          icon: CheckCircle,
-          icon: CheckCircle,
+          title: "Applications Completed",          value: "50k+"},
-          title: "Applications Completed",
-          value: "50k+",
-        },
       ]}
       title="Proven Results"
       description="See why thousands of students trust our platform for their medical journey."
@@ -251,45 +173,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Saved my application!",          quote: "I was overwhelmed until I started tracking everything here.",          name: "Sarah J.",          role: "Medical Student",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmyv6r"},
-          title: "Saved my application!",
-          quote: "I was overwhelmed until I started tracking everything here.",
-          name: "Sarah J.",
-          role: "Medical Student",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmyv6r",
-        },
         {
-          id: "2",
+          id: "2",          title: "Life changing tool.",          quote: "The analytics helped me identify my weak spots early on.",          name: "Mike R.",          role: "PA Student",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj3bw5"},
-          title: "Life changing tool.",
-          quote: "The analytics helped me identify my weak spots early on.",
-          name: "Mike R.",
-          role: "PA Student",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rj3bw5",
-        },
         {
-          id: "3",
+          id: "3",          title: "So organized.",          quote: "I can focus on studying instead of worrying about deadlines.",          name: "Emma L.",          role: "Med Student",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ft2ovp"},
-          title: "So organized.",
-          quote: "I can focus on studying instead of worrying about deadlines.",
-          name: "Emma L.",
-          role: "Med Student",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ft2ovp",
-        },
         {
-          id: "4",
+          id: "4",          title: "Must have for Premeds.",          quote: "Everything I needed in one single dashboard.",          name: "David K.",          role: "Medical Student",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwles5"},
-          title: "Must have for Premeds.",
-          quote: "Everything I needed in one single dashboard.",
-          name: "David K.",
-          role: "Medical Student",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pwles5",
-        },
         {
-          id: "5",
+          id: "5",          title: "Incredible support!",          quote: "The community and features are top-notch.",          name: "Grace M.",          role: "Pre-PA",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxlz2c"},
-          title: "Incredible support!",
-          quote: "The community and features are top-notch.",
-          name: "Grace M.",
-          role: "Pre-PA",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxlz2c",
-        },
       ]}
       title="Student Success Stories"
       description="Join the next generation of medical professionals."
@@ -302,20 +194,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Is it safe?",          content: "Yes, we use industry-standard encryption for your data."},
-          title: "Is it safe?",
-          content: "Yes, we use industry-standard encryption for your data.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Can I cancel anytime?",          content: "Yes, you can cancel your subscription at any time."},
-          title: "Can I cancel anytime?",
-          content: "Yes, you can cancel your subscription at any time.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Is it for PA students too?",          content: "Absolutely, it covers all pre-health tracks."},
-          title: "Is it for PA students too?",
-          content: "Absolutely, it covers all pre-health tracks.",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2dlg7n"
       mediaAnimation="slide-up"
@@ -329,8 +212,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "animated-grid",
+        variant: "animated-grid"}}
-      }}
       tag="Join Now"
       title="Ready to Start Your Journey?"
       description="Sign up today and get organized for your medical school applications."
@@ -341,29 +223,19 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Features",
+              label: "Features",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -373,4 +245,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}