"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
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",          href: "/"},
        {
          name: "Landing",          href: "/landing"},
        {
          name: "Product",          href: "/product"},
        {
          name: "Contact",          id: "#contact"}
      ]}
      brandName="Nova Device"
      button={{
        text: "Get Started",        href: "/product"}}
    />
  </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: "#contact"}
      ]}
      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="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: "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>
  );
}