Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -10,8 +10,9 @@ import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Rocket, Shield, Star } from "lucide-react";
+import { Rocket, Shield, Star, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Journey", id: "hero" },
-          name: "Journey",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Features", id: "features" },
-        },
+        { name: "Team", id: "team" },
-        {
+        { name: "Packages", id: "pricing" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Packages",
-          id: "pricing",
-        },
       ]}
       brandName="MarsExpeditions"
     />
@@ -56,61 +46,43 @@ export default function LandingPage() {
       <HeroOverlay
       title="Journey Beyond Earth to Mars"
       description="Experience humanity's next frontier through immersive technology and expert-guided expeditions."
-      buttons={[
+      buttons={[{ text: "Explore Mars Missions", href: "#pricing" }]}
-        {
-          text: "Explore Mars Missions",
-          href: "#pricing",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-background-xray-cyclist_183364-119256.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-wearing-virtual-reality-goggles-with-special-effects_23-2148815721.jpg",
-          alt: "Astronaut portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-with-vr-glasses-futuristic-city_23-2150904709.jpg",
-          alt: "Astronaut portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-tech-travel-future-time_23-2151160541.jpg",
-          alt: "Astronaut portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beauty-digital-art-through-immersive-experiences_23-2151250201.jpg",
-          alt: "Astronaut portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599395.jpg",
-          alt: "Astronaut portrait 5",
-        },
-      ]}
-      avatarText="Join 500+ explorers"
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={false}
       title="Unmatched Exploration Metrics"
       metrics={[
-        {
+        { icon: Rocket, label: "Successful Launches", value: "12" },
-          icon: Rocket,
+        { icon: Shield, label: "Security Protocol", value: "99.9%" },
-          label: "Successful Launches",
+        { icon: Star, label: "Years Experience", value: "25" },
-          value: "12",
-        },
-        {
-          icon: Shield,
-          label: "Security Protocol",
-          value: "99.9%",
-        },
-        {
-          icon: Star,
-          label: "Years Experience",
-          value: "25",
-        },
       ]}
       metricsAnimation="slide-up"
+      useInvertedBackground={false}
+    />
+  </div>
+
+  <div id="team" data-section="team">
+      <TeamCardTwo
+      title="Meet Our Mission Experts"
+      description="The brilliant minds guiding humanity's future on Mars."
+      textboxLayout="split"
+      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      useInvertedBackground={true}
+      members={[
+        {
+          id: "m1",          name: "Dr. Aris Thorne",          role: "Lead Astrobiologist",          description: "Specializing in extraterrestrial life sustainability and habitat bio-systems.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-reading-book-looking-aside_171337-15756.jpg"
+        },
+        {
+          id: "m2",          name: "Commander Elena Vex",          role: "Mission Operations",          description: "Former orbital pilot with over 5,000 hours of deep space navigation.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-astronaut-wearing-spacesuit_23-2150417584.jpg"
+        },
+        {
+          id: "m3",          name: "Kaelen Voss",          role: "Infrastructure Engineer",          description: "Architecting the next generation of modular Mars surface habitation.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"
+        }
+      ]}
     />
   </div>
 
@@ -120,209 +92,25 @@ export default function LandingPage() {
       title="Advanced Martian Infrastructure"
       description="State-of-the-art living modules and navigation technology for safe and memorable planetary exploration."
       accordionItems={[
-        {
+        { id: "f1", title: "Living Modules", content: "Engineered for maximum comfort and radiation protection." },
-          id: "f1",
+        { id: "f2", title: "Advanced Rover", content: "Designed to handle extreme terrain and dust conditions." },
-          title: "Living Modules",
-          content: "Engineered for maximum comfort and radiation protection.",
-        },
-        {
-          id: "f2",
-          title: "Advanced Rover",
-          content: "Designed to handle extreme terrain and dust conditions.",
-        },
-        {
-          id: "f3",
-          title: "Life Support",
-          content: "Sustainable oxygen and water cycle systems.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/surreal-geometric-shapes-barren-desert_23-2151296282.jpg"
       mediaAnimation="blur-reveal"
     />
   </div>
 
-  <div id="products" data-section="products">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Travel Kit",
-          price: "$499",
-          imageSrc: "http://img.b2bpic.net/free-photo/aliens-kidnapping-rocket-concept_23-2149768579.jpg",
-        },
-        {
-          id: "p2",
-          name: "Bio-Tracker",
-          price: "$1,299",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-digital-monitors_23-2148910246.jpg",
-        },
-        {
-          id: "p3",
-          name: "Ration Pack",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-plastic-box-with-leftover-cookie_23-2148666825.jpg",
-        },
-        {
-          id: "p4",
-          name: "Telescope",
-          price: "$2,499",
-          imageSrc: "http://img.b2bpic.net/free-photo/sideways-little-boy-using-telescope_23-2148762012.jpg",
-        },
-        {
-          id: "p5",
-          name: "VR Headset",
-          price: "$899",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-futuristic-gaming-virtual-reality-headset_23-2151133166.jpg",
-        },
-        {
-          id: "p6",
-          name: "Collector Coin",
-          price: "$99",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-night-space-sky-out-old-porthole-window_1048-8149.jpg",
-        },
-      ]}
-      title="Expedition Gear"
-      description="Essential equipment for every intrepid space explorer."
-    />
-  </div>
-
   <div id="pricing" data-section="pricing">
       <PricingCardEight
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "basic", badge: "Core", price: "$250k", subtitle: "Lunar Flyby", features: ["Training", "Orbital View"], buttons: [{ text: "Reserve" }] },
-          id: "basic",
+        { id: "pro", badge: "Premium", price: "$1.2M", subtitle: "Mars Landing", features: ["Life Support", "Rover Access"], buttons: [{ text: "Reserve" }] },
-          badge: "Core",
-          price: "$250k",
-          subtitle: "Lunar Flyby Expedition",
-          features: [
-            "Training Module",
-            "Orbital View",
-          ],
-          buttons: [
-            {
-              text: "Reserve Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Premium",
-          price: "$1.2M",
-          subtitle: "Full Mars Landing",
-          features: [
-            "Life Support Kit",
-            "Rover Access",
-            "Mission Patch",
-          ],
-          buttons: [
-            {
-              text: "Reserve Now",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "elite",
-          badge: "Elite",
-          price: "$5.0M",
-          subtitle: "Colony Founding",
-          features: [
-            "Habitation Share",
-            "Private Suite",
-            "Research Rights",
-          ],
-          buttons: [
-            {
-              text: "Reserve Now",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       title="Mission Packages"
-      description="Select your journey duration and level of immersion."
+      description="Select your journey level."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Astrophysicist",
-          testimonial: "A life-changing experience that redefined my perspective on our place in the universe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-reading-book-looking-aside_171337-15756.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Travel Tech Lead",
-          testimonial: "The expedition technology is truly cutting-edge. Seamless and awe-inspiring.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-astronaut-wearing-spacesuit_23-2150417584.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Creator",
-          testimonial: "Capture the beauty of another world like never before. Absolute perfection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sideways-curtain-sparkles_23-2148331895.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Engineer",
-          testimonial: "Engineering marvels met my highest expectations for Martian survival.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-        },
-        {
-          id: "5",
-          name: "Julia Smith",
-          role: "Student",
-          testimonial: "The mission was educational, thrilling, and safe. A must-do for everyone.",
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-looking-non-binary-person-smiling_23-2148757528.jpg",
-        },
-      ]}
-      title="Voices of the Frontier"
-      description="See why our pioneers choose us."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Safety protocols?",
-          content: "Our mission employs state-of-the-art AI-driven life support and failsafe systems.",
-        },
-        {
-          id: "q2",
-          title: "Duration of trip?",
-          content: "Mars missions vary from 6 months to 2 years, depending on your selected package.",
-        },
-        {
-          id: "q3",
-          title: "Training required?",
-          content: "Comprehensive training is provided to ensure mission readiness for all passengers.",
-        },
-      ]}
-      title="Exploration FAQs"
-      description="Have questions about your journey? We have the answers."
-      faqsAnimation="blur-reveal"
     />
   </div>
 
@@ -330,50 +118,12 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="MarsExpeditions"
       columns={[
-        {
+        { title: "Expeditions", items: [{ label: "Booking", href: "#pricing" }] },
-          title: "Expeditions",
+        { title: "Team", items: [{ label: "Meet Experts", href: "#team" }] },
-          items: [
-            {
-              label: "Booking",
-              href: "#pricing",
-            },
-            {
-              label: "Missions",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Safety",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 2024 MarsExpeditions Inc. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}