"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Package, Star, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="plain"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="DigitalHub"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Products", id: "products" },
            { name: "Features", id: "features" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Discover Premium Digital Products"
          description="Curated collection of high-quality digital tools, templates, and resources for creators and professionals"
          tag="Digital Marketplace"
          tagIcon={Sparkles}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736729.jpg",              imageAlt: "Digital product showcase 1"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349187.jpg",              imageAlt: "Digital product showcase 2"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pretty-woman-long-brown-dress-enjoying-sunny-day-lovable-white-girl-retro-attire-walking-down-street_197531-11307.jpg?id=11935547",              imageAlt: "Digital product showcase 3"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/sunset-projector-lamp-product-backdrop_53876-103670.jpg",              imageAlt: "Digital product showcase 4"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736735.jpg",              imageAlt: "Digital product showcase 5"
            }
          ]}
          buttons={[
            { text: "Browse Products", href: "products" },
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Digital Products"
          description="Handpicked selection of the best digital tools and resources available today"
          tag="New Arrivals"
          tagIcon={Package}
          products={[
            {
              id: "prod-1",              name: "Design System Pro",              price: "$49",              variant: "Complete Package · 12 Updates",              imageSrc: "https://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",              imageAlt: "Design System Pro",              isFavorited: false
            },
            {
              id: "prod-2",              name: "Content Creator Suite",              price: "$79",              variant: "Full License · Lifetime Access",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-using-his-tablet-with-background-blue-tones_1134-572.jpg",              imageAlt: "Content Creator Suite",              isFavorited: false
            },
            {
              id: "prod-3",              name: "Development Toolkit",              price: "$99",              variant: "Advanced Edition · Premium Support",              imageSrc: "https://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",              imageAlt: "Development Toolkit",              isFavorited: false
            },
            {
              id: "prod-4",              name: "Marketing Automation",              price: "$129",              variant: "Enterprise Plan · 24/7 Support",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149053622.jpg",              imageAlt: "Marketing Automation",              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Why Choose Our Store"
          description="Experience the best digital marketplace with powerful features designed for your success"
          tag="Key Benefits"
          features={[
            {
              id: 1,
              title: "Instant Access",              description: "Download your purchases immediately after checkout. No waiting, no delays—get started right away.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",              imageAlt: "Instant access feature"
            },
            {
              id: 2,
              title: "Lifetime Updates",              description: "Receive all future updates and improvements to your digital products at no extra cost.",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-using-his-tablet-with-background-blue-tones_1134-572.jpg",              imageAlt: "Lifetime updates feature"
            },
            {
              id: 3,
              title: "Secure Transactions",              description: "Bank-level security ensures your payment information is always protected and safe.",              imageSrc: "https://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",              imageAlt: "Secure transactions feature"
            },
            {
              id: 4,
              title: "Expert Support",              description: "Our dedicated support team is here to help with any questions or issues you encounter.",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-ui-ux-background_23-2149053622.jpg",              imageAlt: "Expert support feature"
            }
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              name: "Michael Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Michael Thompson"
            }
          ]}
          cardTitle="Over 50,000 satisfied customers trust our digital marketplace for premium products"
          cardTag="Customer Reviews"
          cardTagIcon={Star}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our digital products and services"
          tag="Support"
          faqs={[
            {
              id: "1",              title: "How do I access my purchased products?",              content: "After successful checkout, you'll receive immediate access to download your digital products. Login to your account anytime to access your library of purchases."
            },
            {
              id: "2",              title: "Is there a refund policy?",              content: "Yes, we offer a 30-day money-back guarantee on all digital products. If you're not satisfied, simply contact our support team for a full refund."
            },
            {
              id: "3",              title: "Can I share my purchase with others?",              content: "Digital products are licensed for personal use only. Please review our licensing terms for information about commercial or team licenses."
            },
            {
              id: "4",              title: "How often are products updated?",              content: "Premium products receive regular updates throughout the year. All updates are free for existing customers, and you'll be notified when new versions are available."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, PayPal, Apple Pay, and Google Pay. All transactions are secure and encrypted."
            },
            {
              id: "6",              title: "Is customer support available?",              content: "Our support team is available Monday to Friday, 9 AM to 6 PM EST. Contact us via email or live chat for assistance."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay Updated with New Releases"
          description="Subscribe to our newsletter and be the first to know about new digital products, exclusive deals, and special offers."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/workdesk-with-envelopes-laptop_1134-195.jpg"
          imageAlt="Newsletter signup"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736729.jpg"
          imageAlt="Digital marketplace footer"
          logoText="DigitalHub"
          copyrightText="© 2025 DigitalHub. All rights reserved."
          columns={[
            {
              title: "Products",              items: [
                { label: "Digital Tools", href: "products" },
                { label: "Templates", href: "products" },
                { label: "Resources", href: "products" },
                { label: "Bundles", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Blog", href: "blog" },
                { label: "Careers", href: "careers" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" },
                { label: "Refund Policy", href: "refunds" },
                { label: "License Agreement", href: "license" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}