"use client";

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() {
  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: "#hero",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Nova Device"
      button={{
        text: "Buy Now",
        href: "#products",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        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",
          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,
          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",
          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,
          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",
          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,
          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-ginger-woman-t-shirt-looking-away_171337-10689.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          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,
          imageSrc: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
          imageAlt: "David Kim",
        },
        {
          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,
          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-home_23-2148162643.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      buttons={[
        {
          text: "Discover More",
          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",
          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",
          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",
          alt: "Front view of pretty female on pink",
        },
        {
          src: "http://img.b2bpic.net/free-photo/dreamy-woman-shirt-looking-away_197531-19648.jpg",
          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",
          alt: "Confident African-American businessman in a brown classic jacket.",
        },
      ]}
      marqueeItems={[
        {
          type: "text-icon",
          text: "Innovation",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Performance",
          icon: Zap,
        },
        {
          type: "text-icon",
          text: "Security",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Design",
          icon: Diamond,
        },
        {
          type: "text-icon",
          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",
      }}
      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."
      inputPlaceholder="Enter your email for updates"
      buttonText="Subscribe"
      termsText="By clicking Subscribe you're confirming that you agree with our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Product",
          items: [
            {
              label: "Features",
              href: "#features",
            },
            {
              label: "Models",
              href: "#products",
            },
            {
              label: "Pricing",
              href: "#",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Press",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              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>
  );
}
