Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -29,17 +29,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "The Future",
+          name: "The Future",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "how-it-works"},
-          id: "how-it-works",
-        },
         {
-          name: "Waitlist",
+          name: "Waitlist",          id: "cta"},
-          id: "cta",
-        },
       ]}
       brandName="SenseWear"
     />
@@ -48,48 +42,27 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="SENSE / WEAR"
       description="The future of feeling. Your body knows first."
       tag="The Future of Feeling"
       buttons={[
         {
-          text: "Join the Waitlist",
+          text: "Join the Waitlist",          href: "#cta"},
-          href: "#cta",
-        },
       ]}
       carouselItems={[
         {
-          id: "1",
+          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=1",          imageAlt: "SenseWear Band Model 1"},
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=1",
-          imageAlt: "SenseWear Band Model 1",
-        },
         {
-          id: "2",
+          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=2",          imageAlt: "SenseWear Band Model 2"},
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=2",
-          imageAlt: "SenseWear Band Model 2",
-        },
         {
-          id: "3",
+          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=3",          imageAlt: "SenseWear Band Model 3"},
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=3",
-          imageAlt: "SenseWear Band Model 3",
-        },
         {
-          id: "4",
+          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=4",          imageAlt: "SenseWear Band Model 4"},
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=4",
-          imageAlt: "SenseWear Band Model 4",
-        },
         {
-          id: "5",
+          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=5",          imageAlt: "SenseWear Band Model 5"},
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=5",
-          imageAlt: "SenseWear Band Model 5",
-        },
         {
-          id: "6",
+          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=6",          imageAlt: "SenseWear Band Model 6"},
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=6",
-          imageAlt: "SenseWear Band Model 6",
-        },
       ]}
     />
   </div>
@@ -102,20 +75,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "stat-1",
+          id: "stat-1",          value: "77%",          description: "Users struggling with undetected stress"},
-          value: "77%",
-          description: "Users struggling with undetected stress",
-        },
         {
-          id: "stat-2",
+          id: "stat-2",          value: "$4.5T",          description: "Global economic impact of unmanaged burnout"},
-          value: "$4.5T",
-          description: "Global economic impact of unmanaged burnout",
-        },
         {
-          id: "stat-3",
+          id: "stat-3",          value: "0",          description: "Previous solutions that actually work in the moment"},
-          value: "0",
-          description: "Previous solutions that actually work in the moment",
-        },
       ]}
       title="Discomfort Before Resolution"
       description="Every solution on the market is a rearview mirror. SenseWear is the windshield."
@@ -129,20 +93,11 @@ export default function LandingPage() {
       description="Four signals, 60 reads per second. A neural network that learns you in 7 days."
       accordionItems={[
         {
-          id: "f1",
+          id: "f1",          title: "4 Signals. 60 Reads/sec",          content: "Capturing physiological nuances at unprecedented resolution."},
-          title: "4 Signals. 60 Reads/sec",
-          content: "Capturing physiological nuances at unprecedented resolution.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Learns YOU in 7 Days",          content: "Individualized modeling that grows with your body."},
-          title: "Learns YOU in 7 Days",
-          content: "Individualized modeling that grows with your body.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Works With Everything",          content: "Seamless integration with your digital ecosystem."},
-          title: "Works With Everything",
-          content: "Seamless integration with your digital ecosystem.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979662.jpg?_wi=7"
       mediaAnimation="slide-up"
@@ -154,30 +109,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Alex R.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg"},
-          name: "Alex R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Jamie L.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-4-0-solar-panels-plant-elderly-supervisor-overseeing-facility-smiling-photovoltaics_482257-135647.jpg"},
-          name: "Jamie L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-industry-4-0-solar-panels-plant-elderly-supervisor-overseeing-facility-smiling-photovoltaics_482257-135647.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Sarah M.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg"},
-          name: "Sarah M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg"},
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-making-grimace-being-confused_141793-55024.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Elena P.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fitness-woman_171337-13339.jpg"},
-          name: "Elena P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-fitness-woman_171337-13339.jpg",
-        },
       ]}
       cardTitle="Waitlist Community"
       cardTag="47,832 Members"
@@ -186,70 +126,52 @@ export default function LandingPage() {
   </div>
 
   <div id="cta" data-section="cta">
-      <ContactCenter
+      <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Limited access"
       title="Be first."
       description="You've seen what's possible. Join the waitlist for 40% off early access."
+      buttons={[
+          { text: "Join Waitlist" }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Technology",
+              label: "Technology",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Waitlist",
+              label: "Waitlist",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Press",
+              label: "Press",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Social",
+          title: "Social",          items: [
-          items: [
             {
-              label: "Twitter",
+              label: "Twitter",              href: "#"},
-              href: "#",
-            },
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -259,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}