Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,17 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Target, Shield } from "lucide-react";
-import { Shield, Star, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,412 +19,106 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="soft"
-        contentWidth="small"
+        contentWidth="medium"
-        sizing="mediumLarge"
+        sizing="large"
-        background="fluid"
+        background="noise"
-        cardStyle="layered-gradient"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
+        secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+          <NavbarLayoutFloatingOverlay
-      navItems={[
+            navItems={[{name: "About", id: "#about"}, {name: "Features", id: "#features"}, {name: "Contact", id: "#contact"}]}
-        {
+            brandName="Vision Power Strike"
-          name: "About",
+            button={{text: "Get Started", href: "#contact"}}
-          id: "#about",
+          />
-        },
+        </div>
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Vision Power Strike"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
+          <HeroPersonalLinks
-      background={{
+            background={{ variant: "sparkles-gradient" }}
-        variant: "gradient-bars",
+            title="Vision Power Strike"
-      }}
+            linkCards={[
-      title="Precision Power, Perfect Vision."
+                { title: "Optical Strikers", description: "High-precision equipment for mission-critical tasks.", button: { text: "Learn More" } },
-      description="Unleash the full potential of your operations with Vision Power Strike. Cutting-edge optical precision engineered for the modern era."
+                { title: "Performance Specs", description: "Engineered for durability and absolute accuracy.", button: { text: "View Specs" } }
-      leftCarouselItems={[
+            ]}
-        {
+          />
-          imageSrc: "http://img.b2bpic.net/free-photo/light-leak-effect-black-wallpaper-background_53876-105977.jpg",
+        </div>
-          imageAlt: "Lens performance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-blurred-spots-black-screen_23-2148241362.jpg",
-          imageAlt: "Lens precision",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-with-yellow-light_23-2149679106.jpg",
-          imageAlt: "Lens energy",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599229.jpg",
-          imageAlt: "Lens focus",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-lens-flare-with-hexagon-ghost-design-element_53876-105284.jpg",
-          imageAlt: "Lens clarity",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/e-commerce-expert-connecting-social-media-web-platforms_482257-127183.jpg",
-          imageAlt: "Light beam",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-light-black-background_23-2148132709.jpg",
-          imageAlt: "Beam strike",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/remote-worker-home-watching-business-conference-pc-monitor-looking-statistics_482257-135558.jpg",
-          imageAlt: "Optical flow",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-sunburst-lighting-effect_53876-103026.jpg",
-          imageAlt: "Precision strike",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-blurry-lights-background_23-2147815419.jpg",
-          imageAlt: "Energy surge",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-with-white-sunburst-sparkling-lens-flare_53876-104435.jpg",
-          alt: "Team member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/lighst-effect-background_1122-378.jpg",
-          alt: "Team member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photo-with-white-sunburst-sparkling-lens-flare_53876-103024.jpg",
-          alt: "Team member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/abstract-blue-lens-flare-with-spectrum-ghost-design-element_53876-129026.jpg",
-          alt: "Team member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blue-technology-background_1017-3288.jpg",
-          alt: "Team member 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ global experts"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "ISO Certified",
-        },
-        {
-          type: "text",
-          text: "High Performance",
-        },
-        {
-          type: "text",
-          text: "Optical Excellence",
-        },
-        {
-          type: "text",
-          text: "Global Support",
-        },
-        {
-          type: "text",
-          text: "Precision Engineering",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+          <MetricSplitMediaAbout
-      useInvertedBackground={true}
+            title="Precision Redefined"
-      heading={[
+            description="Vision Power Strike combines cutting-edge optical engineering with rugged field reliability. We deliver the tools that set the standard for performance."
-        {
+            metrics={[{ value: "10k+", title: "Units Deployed" }, { value: "99.9%", title: "Success Rate" }]}
-          type: "text",
+            useInvertedBackground={true}
-          content: "The Future of ",
+          />
-        },
+        </div>
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-making-eye-glasses_23-2148919991.jpg",
-          alt: "Optical innovation",
-        },
-        {
-          type: "text",
-          content: " Optical Performance.",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureHoverPattern
+          <FeatureCardTen
-      animationType="slide-up"
+            title="Engineering Excellence"
-      textboxLayout="split"
+            description="Built for those who demand the impossible."
-      useInvertedBackground={false}
+            animationType="slide-up"
-      features={[
+            textboxLayout="default"
-        {
+            useInvertedBackground={false}
-          icon: Zap,
+            features={[
-          title: "Extreme Precision",
+                { title: "Tactical Focus", description: "Advanced lens technology for superior clarity.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-microchip-background_23-2148858801.jpg?_wi=1" }, items: [{ icon: Target, text: "Precision optics" }], reverse: false },
-          description: "Micro-level accuracy for every application.",
+                { title: "Built Tough", description: "Designed to withstand the most extreme conditions.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-microchip-background_23-2148858801.jpg?_wi=2" }, items: [{ icon: Shield, text: "Military grade" }], reverse: true }
-        },
+            ]}
-        {
+          />
-          icon: Shield,
+        </div>
-          title: "Robust Reliability",
-          description: "Built to withstand the toughest demands.",
-        },
-        {
-          icon: Star,
-          title: "Advanced Optics",
-          description: "Next-generation lens technology.",
-        },
-      ]}
-      title="Why Choose Power Strike?"
-      description="Unmatched reliability and high-performance engineering tailored for critical precision environments."
-    />
-  </div>
 
-  <div id="products" data-section="products">
+        <div id="metrics" data-section="metrics">
-      <ProductCardTwo
+          <MetricCardFourteen
-      animationType="slide-up"
+            title="Performance Metrics"
-      textboxLayout="default"
+            tag="Proven Results"
-      gridVariant="three-columns-all-equal-width"
+            metrics={[{ id: "1", value: "500ms", description: "Response latency" }, { id: "2", value: "15km", description: "Optical range" }]}
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      products={[
+          />
-        {
+        </div>
-          id: "p1",
-          brand: "VPS",
-          name: "Strike One",
-          price: "$2,999",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/new-technologies-factory_1098-13994.jpg",
-        },
-        {
-          id: "p2",
-          brand: "VPS",
-          name: "Strike Pro",
-          price: "$4,499",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599384.jpg",
-        },
-        {
-          id: "p3",
-          brand: "VPS",
-          name: "Strike Ultra",
-          price: "$6,999",
-          rating: 5,
-          reviewCount: "42",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-ophthalmologist-s-office_23-2150917639.jpg",
-        },
-        {
-          id: "p4",
-          brand: "VPS",
-          name: "Strike Elite",
-          price: "$8,299",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/optometrist-choosing-lenses-testing-patient_23-2149230051.jpg",
-        },
-        {
-          id: "p5",
-          brand: "VPS",
-          name: "Strike Core",
-          price: "$3,599",
-          rating: 5,
-          reviewCount: "65",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599398.jpg",
-        },
-        {
-          id: "p6",
-          brand: "VPS",
-          name: "Strike Nano",
-          price: "$2,199",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-operating-industrial-machine-setting-parameters-computer_342744-133.jpg",
-        },
-      ]}
-      title="Performance Products"
-      description="Discover our collection of specialized optical strikers."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="testimonials" data-section="testimonials">
-      <MetricCardSeven
+          <TestimonialCardThirteen
-      animationType="slide-up"
+            title="Trusted by Professionals"
-      textboxLayout="default"
+            description="See what our industry partners are saying."
-      useInvertedBackground={false}
+            showRating={true}
-      metrics={[
+            animationType="slide-up"
-        {
+            textboxLayout="default"
-          id: "m1",
+            useInvertedBackground={false}
-          value: "99.9%",
+            testimonials={[{ id: "1", name: "Alex Vance", handle: "@ops_lead", testimonial: "The precision of this equipment is unparalleled in the field.", rating: 5 }]}
-          title: "Precision Rate",
+          />
-          items: [
+        </div>
-            "Certified accuracy",
-            "ISO standards",
-          ],
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Support Availability",
-          items: [
-            "Expert assistance",
-            "Global access",
-          ],
-        },
-        {
-          id: "m3",
-          value: "500+",
-          title: "Successful Missions",
-          items: [
-            "Critical deployments",
-            "Industry leading",
-          ],
-        },
-      ]}
-      title="Proven Performance"
-      description="Numbers speak for our quality standards."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="faq" data-section="faq">
-      <TestimonialCardTwelve
+          <FaqDouble
-      useInvertedBackground={true}
+            title="Common Inquiries"
-      testimonials={[
+            description="Frequently asked questions about our technology."
-        {
+            faqs={[{ id: "1", title: "How is the calibration done?", content: "Automated factory calibration ensures consistent performance out of the box." }]}
-          id: "1",
+            faqsAnimation="slide-up"
-          name: "Alice M.",
+            textboxLayout="default"
-          imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg",
+            useInvertedBackground={false}
-        },
+          />
-        {
+        </div>
-          id: "2",
-          name: "Bob R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
-        {
-          id: "3",
-          name: "Charlie S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-business-man-looking-through-window_1262-3801.jpg",
-        },
-        {
-          id: "4",
-          name: "Diana K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-        },
-        {
-          id: "5",
-          name: "Ethan P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
-        },
-      ]}
-      cardTitle="Client Voices"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="contact" data-section="contact">
-      <FaqSplitMedia
+          <ContactCTA
-      textboxLayout="split"
+            tag="Let's Connect"
-      useInvertedBackground={false}
+            title="Ready for the Next Level?"
-      faqs={[
+            description="Reach out to our engineering team to discuss your specific requirements."
-        {
+            buttons={[{ text: "Contact Our Team", href: "#contact" }]}
-          id: "f1",
+            background={{ variant: "sparkles-gradient" }}
-          title: "What makes the Power Strike unique?",
+            useInvertedBackground={false}
-          content: "Our proprietary lens technology provides unparalleled focus.",
+          />
-        },
+        </div>
-        {
-          id: "f2",
-          title: "How is the installation handled?",
-          content: "We provide full professional installation with every unit.",
-        },
-        {
-          id: "f3",
-          title: "Are there service plans available?",
-          content: "Yes, we offer comprehensive service and maintenance plans.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/film-rolls-amidst-retro-cameras_23-2147852477.jpg"
-      mediaAnimation="slide-up"
-      title="Need Help?"
-      description="Find answers to our most common questions about the Power Strike technology."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="footer" data-section="footer">
-      <ContactText
+          <FooterLogoEmphasis
-      useInvertedBackground={true}
+            logoText="Vision Power Strike"
-      background={{
+            columns={[{ items: [{ label: "Home" }, { label: "Legal" }] }]}
-        variant: "rotated-rays-animated",
+          />
-      }}
+        </div>
-      text="Ready to strike with precision? Let's discuss your next project today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@visionpowerstrike.com",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Vision Power Strike"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );