Update src/app/page.tsx

Merge version_2 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,151 +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",          id: "#about"},
+            button={{text: "Get Started", href: "#contact"}}
-        {
+          />
-          name: "Features",          id: "#features"},
+        </div>
-        {
-          name: "Products",          id: "#products"},
-        {
-          name: "Contact",          id: "#contact"},
-      ]}
-      brandName="Paper Moon Coffee House and Functions"
-    />
-  </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"
-      title="Coffee, Community, and Connection."
+            linkCards={[
-      description="Experience the warm atmosphere of Paper Moon Coffee House, where every cup is crafted with care and every function is perfectly hosted."
+                { title: "Optical Strikers", description: "High-precision equipment for mission-critical tasks.", button: { text: "Learn More" } },
-      leftCarouselItems={[
+                { title: "Performance Specs", description: "Engineered for durability and absolute accuracy.", button: { text: "View Specs" } }
-        { imageSrc: "http://img.b2bpic.net/free-photo/freshly-brewed-coffee-coffee-shop_23-2148967918.jpg", imageAlt: "Coffee House" },
+            ]}
-        { imageSrc: "http://img.b2bpic.net/free-photo/delicious-latte-with-latte-art-coffee-shop_23-2148967926.jpg", imageAlt: "Latte" },
+          />
-      ]}
+        </div>
-      rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/modern-coffee-shop-interior_23-2148967920.jpg", imageAlt: "Interior" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-coffee-shop_23-2148967931.jpg", imageAlt: "Customers" },
-      ]}
-      buttons={[{ text: "Order Now", href: "#products" }]}
-    />
-  </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."
-        { type: "text", content: "About Paper Moon Coffee House" }
+            metrics={[{ value: "10k+", title: "Units Deployed" }, { value: "99.9%", title: "Success Rate" }]}
-      ]}
+            useInvertedBackground={true}
-    />
+          />
-  </div>
+        </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"
-        { icon: Star, title: "Freshly Roasted", description: "Sourced ethically and roasted to perfection daily." },
+            useInvertedBackground={false}
-        { icon: Shield, title: "Cozy Environment", description: "A perfect space for working, meetings, or relaxing." },
+            features={[
-        { icon: Zap, title: "Event Hosting", description: "Versatile space for functions and private gatherings." },
+                { 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 },
-      ]}
+                { 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 }
-      title="What We Offer"
+            ]}
-      description="Beyond just coffee, we provide an experience rooted in local quality and communal warmth."
+          />
-    />
+        </div>
-  </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: "nachos",          brand: "Menu",          name: "Special Nachos",          price: "$12.99",          rating: 5,
-          reviewCount: "45",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-nachos-with-vegetables-plate_23-2148858801.jpg"}
-      ]}
-      title="Menu Highlights"
-      description="Try our fan-favorite Special Nachos, featuring generous portions of crispy chips smothered in melted cheese, topped with our signature homemade guacamole, pico de gallo, and zesty jalapeños. Perfect for sharing or enjoying solo—vegetarian options are available upon request."
-    />
-  </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"
-        { id: "m1", value: "1000+", title: "Cups Served", items: ["Daily average", "Highest quality beans"] },
+            textboxLayout="default"
-        { id: "m2", value: "50+", title: "Events Hosted", items: ["Private gatherings", "Community functions"] },
+            useInvertedBackground={false}
-        { id: "m3", value: "10+ years", title: "Community Roots", items: ["Established favorite", "Local business"] },
+            testimonials={[{ id: "1", name: "Alex Vance", handle: "@ops_lead", testimonial: "The precision of this equipment is unparalleled in the field.", rating: 5 }]}
-      ]}
+          />
-      title="Our Impact"
+        </div>
-      description="We pride ourselves on serving our neighborhood with passion."
-    />
-  </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."
-        { id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-coffee-cup_23-2148967919.jpg" },
+            faqs={[{ id: "1", title: "How is the calibration done?", content: "Automated factory calibration ensures consistent performance out of the box." }]}
-        { id: "2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-coffee-cafe_23-2148967923.jpg" },
+            faqsAnimation="slide-up"
-      ]}
+            textboxLayout="default"
-      cardTitle="What People Say"
+            useInvertedBackground={false}
-      cardTag="Loved by Locals"
+          />
-      cardAnimation="slide-up"
+        </div>
-    />
-  </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."
-        { id: "f1", title: "Can I book the venue?", content: "Yes! We specialize in functions and private events. Contact us for details." },
+            buttons={[{ text: "Contact Our Team", href: "#contact" }]}
-        { id: "f2", title: "Are there vegan options?", content: "Yes, we have a variety of plant-based drinks and food options." },
+            background={{ variant: "sparkles-gradient" }}
-      ]}
+            useInvertedBackground={false}
-      imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-interior-blurred_23-2148967925.jpg"
+          />
-      mediaAnimation="slide-up"
+        </div>
-      title="FAQ"
-      description="Answers to questions about our menu, space, and events."
-      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={{ variant: "rotated-rays-animated" }}
+            columns={[{ items: [{ label: "Home" }, { label: "Legal" }] }]}
-      text="Visit us for your morning brew or book your next event today!"
+          />
-      buttons={[{ text: "Contact Us", href: "mailto:info@papermoon.com" }]}
+        </div>
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Visit", items: [{ label: "Location", href: "#" }] },
-        { title: "Support", items: [{ label: "Contact", href: "#contact" }] },
-      ]}
-      logoText="Paper Moon Coffee House"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );