Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,14 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Eye, Headphones, Lightbulb, Monitor, ShieldCheck, Truck } from "lucide-react";
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 
 export default function LandingPage() {
   return (
@@ -27,171 +24,80 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="EyeSync Store"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Products", id: "products" },
+              { name: "Stats", id: "metrics" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="EyeSync Store"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars"}}
-      title="Optimize Your Workspace for Better Health"
-      description="Protect your eyes with cutting-edge blue light blockers and elevate your environment with our premium monitor light bars and high-performance displays."
-      buttons={[
-        {
-          text: "Shop Now",          href: "#products"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/chroma-key-pc-display-brick-wall-loft-room_482257-118699.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",          alt: "User 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370116.jpg",          alt: "User 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/spiral-notepad-with-black-coffee-spectacle_1252-951.jpg",          alt: "User 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/company-bookkeeper-analyzing-financial-statistics-laptop-screen-corporate-accounting-service-concept-business-analyst-looking-diagrams-charts-computer-modern-workspace_482257-50339.jpg",          alt: "User 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg",          alt: "User 5"},
-      ]}
-      avatarText="Trusted by 5,000+ happy professionals"
-      marqueeItems={[
-        {
-          type: "text-icon",          text: "Blue Light Filters",          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",          text: "Ergonomic Design",          icon: Monitor,
-        },
-        {
-          type: "text-icon",          text: "4K Ultra-HD",          icon: Monitor,
-        },
-        {
-          type: "text-icon",          text: "Fast Shipping",          icon: Truck,
-        },
-        {
-          type: "text-icon",          text: "24/7 Support",          icon: Headphones,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            title="Premium Workspace Wellness"
+            description="Discover our elite collection of blue light blockers, monitor light bars, and professional-grade monitors designed for your comfort."
+            background={{ variant: "gradient-bars" }}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/chroma-key-pc-display-brick-wall-loft-room_482257-118699.jpg", imageAlt: "Workstation setup" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120459.jpg?_wi=1", imageAlt: "Monitor light bar" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-displays-sports-competitions_187299-47219.jpg", imageAlt: "Gaming monitor" }
+            ]}
+            buttons={[{ text: "Explore Products", href: "#products" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Eye,
-          title: "Blue Light Protection",          description: "Reduce digital eye strain and improve your sleep quality with our advanced filter technologies."},
-        {
-          icon: Lightbulb,
-          title: "Precision Illumination",          description: "Monitor light bars that reduce glare and provide perfect task lighting without screen reflections."},
-        {
-          icon: Monitor,
-          title: "Crystal Clear Displays",          description: "High-fidelity monitors designed for creatives, developers, and professionals who demand clarity."},
-      ]}
-      title="Designed for Performance & Comfort"
-      description="Our product line is carefully curated to improve your productivity, reduce eye strain, and create the perfect ambient desk lighting."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            title="Curated Workspace Gear"
+            description="Upgrade your setup with our hand-picked selection of monitors, lighting, and eye protection."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Blue Light Blocker Glasses", price: "$49.00", imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-collection_23-2148837284.jpg" },
+              { id: "2", name: "Professional LED Light Bar", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797640.jpg" },
+              { id: "3", name: "4K Ergonomic Monitor", price: "$549.00", imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120459.jpg?_wi=2" },
+              { id: "4", name: "Ambient LED Light Strip", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/white-speaker_1203-497.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",          name: "Advanced Blue Light Glasses",          price: "$49.99",          variant: "Premium",          imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-collection_23-2148837284.jpg"},
-        {
-          id: "p2",          name: "4K Ultra-Wide Monitor",          price: "$899.00",          variant: "Workstation",          imageSrc: "http://img.b2bpic.net/free-photo/mockup-copy-space-blank-screen-concept_53876-120459.jpg"},
-        {
-          id: "p3",          name: "Sleek Monitor Light Bar",          price: "$79.00",          variant: "Lighting",          imageSrc: "http://img.b2bpic.net/free-photo/digital-led-scoreboard-displays-sports-competitions_187299-47219.jpg"},
-        {
-          id: "p4",          name: "Screen Anti-Glare Film",          price: "$35.00",          variant: "Protection",          imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163190.jpg"},
-        {
-          id: "p5",          name: "Ergonomic Monitor Stand",          price: "$59.00",          variant: "Ergonomics",          imageSrc: "http://img.b2bpic.net/free-photo/white-speaker_1203-497.jpg"},
-        {
-          id: "p6",          name: "USB Desk LED Strip",          price: "$29.99",          variant: "Ambience",          imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797640.jpg"},
-      ]}
-      title="Featured Essentials"
-      description="Everything you need to build the ultimate, eye-friendly productivity hub."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            title="Wellness Impact"
+            description="Real results for your daily desk productivity."
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "40%", description: "Reduction in digital eye strain reported by users" },
+              { id: "2", value: "95%", description: "Productivity increase with better lighting" },
+              { id: "3", value: "10k+", description: "Workspaces upgraded successfully" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTen
-      animationType="slide-up"
-      useInvertedBackground={false}
-      textboxLayout="default"
-      metrics={[
-        {
-          id: "m1",          title: "Customer Satisfaction",          subtitle: "Wellness First",          category: "Service",          value: "99%"},
-        {
-          id: "m2",          title: "Eye Strain Reduced",          subtitle: "Visual Comfort",          category: "Health",          value: "40%"},
-        {
-          id: "m3",          title: "Hours of Usage",          subtitle: "Daily Comfort",          category: "Productivity",          value: "8k+"},
-      ]}
-      title="Why Choose Us?"
-      description="Data-backed results for your wellness and workspace performance."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            text="Questions about our monitor solutions? Let's talk."
+            background={{ variant: "sparkles-gradient" }}
+            useInvertedBackground={false}
+            buttons={[{ text: "Contact Our Team", href: "mailto:hello@eyesync.com" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
-        {
-          id: "t2",          name: "Michael K.",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370116.jpg"},
-        {
-          id: "t3",          name: "Elena V.",          imageSrc: "http://img.b2bpic.net/free-photo/spiral-notepad-with-black-coffee-spectacle_1252-951.jpg"},
-        {
-          id: "t4",          name: "David L.",          imageSrc: "http://img.b2bpic.net/free-photo/company-bookkeeper-analyzing-financial-statistics-laptop-screen-corporate-accounting-service-concept-business-analyst-looking-diagrams-charts-computer-modern-workspace_482257-50339.jpg"},
-        {
-          id: "t5",          name: "Jessica R.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-drawing_23-2149445987.jpg"},
-      ]}
-      cardTitle="Loved by Professionals"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Ready to upgrade your workspace? Get in touch with our team for custom recommendations."
-      buttons={[
-        {
-          text: "Contact Support",          href: "mailto:support@eyesync.com"},
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="EyeSync Store"
-      copyrightText="© 2025 EyeSync Store. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="EyeSync Store"
+            copyrightText="© 2025 EyeSync Store. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );