Merge version_3 into main

Merge version_3 into main

src/app/landing/page.tsx

@@ -0,0 +1,110 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Rocket, Shield, BatteryCharging } from "lucide-react";
+
+export default function LandingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingOverlay
+      navItems={[
+        {
+          name: "Home",          id: "/"},
+        {
+          name: "Landing",          id: "/landing"},
+        {
+          name: "Product",          id: "/product"},
+        {
+          name: "Contact",          id: "#contact"}
+      ]}
+      brandName="Nova Device"
+      button={{
+        text: "Get Started",        href: "/product"}}
+    />
+  </div>
+
+  <div id="hero" data-section="hero">
+      <HeroPersonalLinks
+      background={{
+        variant: "radial-gradient"}}
+      title="Your Gateway to Innovation"
+      linkCards={[
+        {
+          icon: Rocket,
+          title: "Blazing Fast Performance",          description: "Experience lightning-fast speeds and seamless multitasking with our optimized hardware.",          button: { text: "Learn More", href: "/product" }
+        },
+        {
+          icon: Shield,
+          title: "Unrivaled Security",          description: "Your data is protected with state-of-the-art encryption and advanced privacy features.",          button: { text: "Learn More", href: "/product" }
+        },
+        {
+          icon: BatteryCharging,
+          title: "All-Day Battery Life",          description: "Power through your entire day without needing a recharge, even with heavy usage.",          button: { text: "Learn More", href: "/product" }
+        }
+      ]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterSimple
+      columns={[
+        {
+          title: "Product",          items: [
+            {
+              label: "Pricing",              href: "#"}
+          ]
+        },
+        {
+          title: "Company",          items: [
+            {
+              label: "About Us",              href: "#"},
+            {
+              label: "Careers",              href: "#"},
+            {
+              label: "Press",              href: "#"}
+          ]
+        },
+        {
+          title: "Support",          items: [
+            {
+              label: "Contact Us",              href: "#contact"},
+            {
+              label: "Help Center",              href: "#"}
+          ]
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy Policy",              href: "#"},
+            {
+              label: "Terms of Service",              href: "#"},
+            {
+              label: "Cookie Policy",              href: "#"}
+          ]
+        }
+      ]}
+      bottomLeftText="© 2024 Nova Device. All rights reserved."
+      bottomRightText="Crafted with innovation."
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -3,13 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Diamond, ShieldCheck, Sparkles, Wifi, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,35 +27,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "#hero",
-        },
         {
-          name: "Features",
+          name: "Landing",          id: "/landing"},
-          id: "#features",
-        },
         {
-          name: "Products",
+          name: "Product",          id: "/product"},
-          id: "#products",
-        },
         {
-          name: "Testimonials",
+          name: "Contact",          id: "#contact"}
-          id: "#testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Nova Device"
       button={{
-        text: "Buy Now",
+        text: "Get Started",        href: "/product"}}
-        href: "#products",
-      }}
     />
   </div>
 
@@ -67,309 +45,70 @@ export default function LandingPage() {
       <HeroSplitTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Unleash the Future: Introducing the Nova Device"
       description="Experience unparalleled innovation and seamless performance. The Nova Device redefines what's possible in everyday technology, merging sleek design with groundbreaking functionality. Get ready to transform your world."
       testimonials={[
         {
-          name: "Sarah Johnson",
+          name: "Sarah Johnson",          handle: "@sarah_innovates",          testimonial: "The Nova Device has completely revolutionized my workflow. Its intuitive interface and powerful features make every task a breeze. Highly recommended for professionals seeking efficiency!",          rating: 5,
-          handle: "@sarah_innovates",
+          imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-loving-interracial-couple-posing-attractive-young-caucasian-woman-cheerful-african-guy-neat-clothes-smiling-broadly-expressing-joy-receiving-good-positive-news_343059-1520.jpg",          imageAlt: "Sarah Johnson"},
-          testimonial: "The Nova Device has completely revolutionized my workflow. Its intuitive interface and powerful features make every task a breeze. Highly recommended for professionals seeking efficiency!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/picture-happy-loving-interracial-couple-posing-attractive-young-caucasian-woman-cheerful-african-guy-neat-clothes-smiling-broadly-expressing-joy-receiving-good-positive-news_343059-1520.jpg",
-          imageAlt: "Sarah Johnson",
-        },
         {
-          name: "Michael Chen",
+          name: "Michael Chen",          handle: "@tech_mike",          testimonial: "I'm genuinely impressed with the Nova Device's battery life and processing speed. It handles everything I throw at it without a hitch. A true game-changer in portable tech.",          rating: 5,
-          handle: "@tech_mike",
+          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-something-laughing-out-pointing-with-index-finger-something-someone-standing-brown-background_141793-133931.jpg",          imageAlt: "Michael Chen"},
-          testimonial: "I'm genuinely impressed with the Nova Device's battery life and processing speed. It handles everything I throw at it without a hitch. A true game-changer in portable tech.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-something-laughing-out-pointing-with-index-finger-something-someone-standing-brown-background_141793-133931.jpg",
-          imageAlt: "Michael Chen",
-        },
         {
-          name: "Emily Rodriguez",
+          name: "Emily Rodriguez",          handle: "@emily_digital",          testimonial: "From design to functionality, the Nova Device exceeds expectations. It's elegantly designed and robustly built, making it an indispensable part of my creative toolkit.",          rating: 5,
-          handle: "@emily_digital",
+          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-ginger-woman-t-shirt-looking-away_171337-10689.jpg",          imageAlt: "Emily Rodriguez"},
-          testimonial: "From design to functionality, the Nova Device exceeds expectations. It's elegantly designed and robustly built, making it an indispensable part of my creative toolkit.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-ginger-woman-t-shirt-looking-away_171337-10689.jpg",
-          imageAlt: "Emily Rodriguez",
-        },
         {
-          name: "David Kim",
+          name: "David Kim",          handle: "@dave_gadgets",          testimonial: "Finally, a device that lives up to its hype! The Nova Device's seamless integration with my existing ecosystem is phenomenal. It's made my digital life so much simpler and more enjoyable.",          rating: 5,
-          handle: "@dave_gadgets",
+          imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",          imageAlt: "David Kim"},
-          testimonial: "Finally, a device that lives up to its hype! The Nova Device's seamless integration with my existing ecosystem is phenomenal. It's made my digital life so much simpler and more enjoyable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
-          imageAlt: "David Kim",
-        },
         {
-          name: "Jessica Lee",
+          name: "Jessica Lee",          handle: "@jess_innovations",          testimonial: "The Nova Device is a masterpiece of engineering. Its performance is unmatched, and the user experience is incredibly smooth. I can't imagine going back to anything else.",          rating: 5,
-          handle: "@jess_innovations",
+          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",          imageAlt: "Jessica Lee"}
-          testimonial: "The Nova Device is a masterpiece of engineering. Its performance is unmatched, and the user experience is incredibly smooth. I can't imagine going back to anything else.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
-          imageAlt: "Jessica Lee",
-        },
       ]}
       buttons={[
         {
-          text: "Discover More",
+          text: "Discover More",          href: "#contact"}
-          href: "#features",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924164.jpg"
       imageAlt="Nova Device showcasing advanced features"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-black-man-with-charming-smile-studio-shot-well-dressed-african-guy-wears-white-t-shirt-gray-jacket_639032-250.jpg",          alt: "Close-up portrait of handsome black man with charming smile."},
-          alt: "Close-up portrait of handsome black man with charming smile.",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg",
+          src: "http://img.b2bpic.net/free-photo/funny-smiling-woman-with-ringlets-wears-glasses-blue-jacket-poses-pink_291650-1102.jpg",          alt: "Funny smiling woman with ringlets wears glasses and blue jacket poses on pink"},
-          alt: "Funny smiling woman with ringlets wears glasses and blue jacket poses on pink",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-pretty-female-pink_179666-1959.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-pretty-female-pink_179666-1959.jpg",          alt: "Front view of pretty female on pink"},
-          alt: "Front view of pretty female on pink",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/dreamy-woman-shirt-looking-away_197531-19648.jpg",
+          src: "http://img.b2bpic.net/free-photo/dreamy-woman-shirt-looking-away_197531-19648.jpg",          alt: "Dreamy woman in shirt looking away"},
-          alt: "Dreamy woman in shirt looking away",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg",
+          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg",          alt: "Confident African-American businessman in a brown classic jacket."}
-          alt: "Confident African-American businessman in a brown classic jacket.",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Innovation",          icon: Sparkles
-          text: "Innovation",
-          icon: Sparkles,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Performance",          icon: Zap
-          text: "Performance",
-          icon: Zap,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Security",          icon: ShieldCheck
-          text: "Security",
-          icon: ShieldCheck,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Design",          icon: Diamond
-          text: "Design",
-          icon: Diamond,
         },
         {
-          type: "text-icon",
+          type: "text-icon",          text: "Connectivity",          icon: Wifi
-          text: "Connectivity",
+        }
-          icon: Wifi,
-        },
       ]}
     />
   </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Stunning Visual Display",
-          author: "Nova Team",
-          description: "Immerse yourself in vibrant colors and incredible detail with the Nova Device's edge-to-edge display. Perfect for work, entertainment, and everything in between.",
-          tags: [
-            "Display",
-            "Visuals",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-colored-transparent-sunglasses_52683-107579.jpg",
-          imageAlt: "Vibrant display of Nova Device",
-        },
-        {
-          id: "2",
-          title: "All-Day Power",
-          author: "Nova Team",
-          description: "Go further with a battery designed to last. The Nova Device provides extended usage, ensuring you're connected and productive from morning to night.",
-          tags: [
-            "Battery",
-            "Endurance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-power-bank-female-hand_169016-15151.jpg",
-          imageAlt: "Long-lasting battery icon",
-        },
-        {
-          id: "3",
-          title: "Unrivaled Security",
-          author: "Nova Team",
-          description: "Your privacy and data are paramount. With advanced biometric authentication and robust encryption, the Nova Device keeps your information safe and secure.",
-          tags: [
-            "Security",
-            "Privacy",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-holographic-padlock-mobile-device_23-2152029079.jpg",
-          imageAlt: "Secure data padlock icon",
-        },
-      ]}
-      title="Key Strengths of the Nova Device"
-      description="Engineered for excellence, the Nova Device combines robust features with an intuitive user experience, enhancing every aspect of your daily life with cutting-edge technology."
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "nova-standard",
-          name: "Nova Standard",
-          price: "$799",
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop_23-2148166740.jpg",
-          imageAlt: "Nova Standard Edition",
-        },
-        {
-          id: "nova-pro",
-          name: "Nova Pro",
-          price: "$1099",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-indoors-still-life_23-2150630622.jpg",
-          imageAlt: "Nova Pro Edition",
-        },
-        {
-          id: "nova-mini",
-          name: "Nova Mini",
-          price: "$599",
-          imageSrc: "http://img.b2bpic.net/free-photo/travel-summer-accessories-blue-wood_1249-586.jpg",
-          imageAlt: "Nova Mini Edition",
-        },
-        {
-          id: "nova-gaming",
-          name: "Nova Gaming",
-          price: "$1299",
-          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg",
-          imageAlt: "Nova Gaming Edition",
-        },
-        {
-          id: "nova-enterprise",
-          name: "Nova Enterprise",
-          price: "$1499",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
-          imageAlt: "Nova Enterprise Edition",
-        },
-        {
-          id: "nova-kids",
-          name: "Nova Kids",
-          price: "$399",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-desk-arrangement-with-tablet-pencils_23-2148128312.jpg",
-          imageAlt: "Nova Kids Edition",
-        },
-      ]}
-      title="Explore the Nova Device Collection"
-      description="Find the perfect Nova Device model that fits your lifestyle and needs. Each variant offers unique benefits without compromising on core performance and quality."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Incredible Innovation!",
-          quote: "The Nova Device has completely revolutionized my workflow. Its intuitive interface and powerful features make every task a breeze. Highly recommended for professionals seeking efficiency!",
-          name: "Sarah Johnson",
-          role: "Lead Software Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-green-shirt-showing-double-thumbs-up-looking-happy_176474-81947.jpg",
-          imageAlt: "Sarah Johnson",
-        },
-        {
-          id: "2",
-          title: "A True Game-Changer",
-          quote: "I'm genuinely impressed with the Nova Device's battery life and processing speed. It handles everything I throw at it without a hitch. A true game-changer in portable tech.",
-          name: "Michael Chen",
-          role: "Tech Enthusiast & Blogger",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg",
-          imageAlt: "Michael Chen",
-        },
-        {
-          id: "3",
-          title: "Elegance Meets Power",
-          quote: "From design to functionality, the Nova Device exceeds expectations. It's elegantly designed and robustly built, making it an indispensable part of my creative toolkit and daily life.",
-          name: "Emily Rodriguez",
-          role: "Graphic Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-african-american-girl-looking-away_1262-3098.jpg",
-          imageAlt: "Emily Rodriguez",
-        },
-        {
-          id: "4",
-          title: "Seamless Integration",
-          quote: "Finally, a device that lives up to its hype! The Nova Device's seamless integration with my existing ecosystem is phenomenal. It's made my digital life so much simpler and more enjoyable.",
-          name: "David Kim",
-          role: "Product Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
-          imageAlt: "David Kim",
-        },
-        {
-          id: "5",
-          title: "Unmatched Performance",
-          quote: "The Nova Device is a masterpiece of engineering. Its performance is unmatched, and the user experience is incredibly smooth. I can't imagine going back to anything else.",
-          name: "Jessica Lee",
-          role: "Research Scientist",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-camera-happy-positive-with-arms-crossed-standing-purple-background_141793-110749.jpg",
-          imageAlt: "Jessica Lee",
-        },
-      ]}
-      title="What Our Customers Say"
-      description="Hear directly from users who have transformed their routines with the Nova Device. Their experiences speak volumes about our commitment to quality and innovation."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "What are the core features of the Nova Device?",
-          content: "The Nova Device boasts a stunning OLED display, an all-day battery, advanced biometric security, and a powerful multi-core processor for seamless multitasking and gaming.",
-        },
-        {
-          id: "2",
-          title: "Is the Nova Device compatible with other operating systems?",
-          content: "Yes, the Nova Device is designed for broad compatibility, seamlessly integrating with major operating systems through its universal connectivity options and dedicated companion app.",
-        },
-        {
-          id: "3",
-          title: "What kind of warranty and support does Nova offer?",
-          content: "Every Nova Device comes with a standard 1-year manufacturer's warranty. We also offer premium extended warranty plans and 24/7 customer support for any technical assistance you may need.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-relaxing-desk_23-2148521603.jpg"
-      imageAlt="Person pondering a question while holding the Nova Device"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
-      title="Frequently Asked Questions"
-      description="Got questions about the Nova Device? We've got answers. Explore our comprehensive FAQ section to learn more about its features, compatibility, and support options."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       tag="Get in Touch"
       title="Ready to Experience Nova?"
       description="Have a specific inquiry, need technical support, or just want to learn more about the Nova Device? Our dedicated team is here to help you every step of the way."
@@ -383,77 +122,39 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Features",
+              label: "Pricing",              href: "#"}
-              href: "#features",
+          ]
-            },
-            {
-              label: "Models",
-              href: "#products",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Press",
+              label: "Press",              href: "#"}
-              href: "#",
+          ]
-            },
-          ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "Contact Us",              href: "#contact"},
-              href: "#faq",
-            },
             {
-              label: "Contact Us",
+              label: "Help Center",              href: "#"}
-              href: "#contact",
+          ]
-            },
-            {
-              label: "Help Center",
-              href: "#",
-            },
-          ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Cookie Policy",
+              label: "Cookie Policy",              href: "#"}
-              href: "#",
+          ]
-            },
+        }
-          ],
-        },
       ]}
       bottomLeftText="© 2024 Nova Device. All rights reserved."
       bottomRightText="Crafted with innovation."
@@ -462,4 +163,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/product/page.tsx

@@ -0,0 +1,116 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Star } from "lucide-react";
+
+export default function ProductPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarLayoutFloatingOverlay
+      navItems={[
+        {
+          name: "Home",          id: "/"},
+        {
+          name: "Landing",          id: "/landing"},
+        {
+          name: "Product",          id: "/product"},
+        {
+          name: "Contact",          id: "#contact"}
+      ]}
+      brandName="Nova Device"
+      button={{
+        text: "Get Started",        href: "/product"}}
+    />
+  </div>
+
+  <div id="product-detail" data-section="product-detail">
+      <ProductDetailCard
+      layout="section"
+      name="Nova Device Pro"
+      price="$999.99"
+      description="The Nova Device Pro offers cutting-edge features for ultimate productivity and entertainment. Experience the next generation of smart technology with unparalleled performance, stunning visuals, and intuitive controls. Elevate your digital lifestyle."
+      images={[
+        {
+          src: "http://img.b2bpic.net/free-photo/futuristic-mobile-phone-ai-generated_23-2151128362.jpg",          alt: "Nova Device Pro"
+        },
+        {
+          src: "http://img.b2bpic.net/free-photo/ai-generated-futuristic-tablet-display_23-2151128373.jpg",          alt: "Nova Device Pro tablet view"
+        }
+      ]}
+      showRating={true}
+      rating={4.8}
+      ratingIcon={Star}
+      buttons={[
+        {
+          text: "Buy Now",          onClick: () => alert('Added to cart!')
+        },
+        {
+          text: "Back to Landing",          href: "/landing"
+        }
+      ]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterSimple
+      columns={[
+        {
+          title: "Product",          items: [
+            {
+              label: "Pricing",              href: "#"}
+          ]
+        },
+        {
+          title: "Company",          items: [
+            {
+              label: "About Us",              href: "#"},
+            {
+              label: "Careers",              href: "#"},
+            {
+              label: "Press",              href: "#"}
+          ]
+        },
+        {
+          title: "Support",          items: [
+            {
+              label: "Contact Us",              href: "#contact"},
+            {
+              label: "Help Center",              href: "#"}
+          ]
+        },
+        {
+          title: "Legal",          items: [
+            {
+              label: "Privacy Policy",              href: "#"},
+            {
+              label: "Terms of Service",              href: "#"},
+            {
+              label: "Cookie Policy",              href: "#"}
+          ]
+        }
+      ]}
+      bottomLeftText="© 2024 Nova Device. All rights reserved."
+      bottomRightText="Crafted with innovation."
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}