"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Award, Crown, Star, Heart } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="PremiumStore"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Premium Luxury Collections"
          description="Curated selection of the finest products handpicked for discerning customers who value quality and elegance"
          tag="New Arrivals"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "View Collections", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg"
          imageAlt="Premium luxury products collection"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Collections"
          description="Explore our exclusive selection of premium items carefully curated for the modern consumer"
          tag="Limited Edition"
          tagIcon={Award}
          buttons={[
            { text: "View All", href: "#products" }
          ]}
          products={[
            {
              id: "1",              name: "Premium Silk Blouse",              price: "$189.00",              variant: "Ivory  |  3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg",              imageAlt: "Premium silk blouse",              isFavorited: false
            },
            {
              id: "2",              name: "Luxury Leather Handbag",              price: "$349.00",              variant: "Caramel  |  5 Colors",              imageSrc: "https://img.b2bpic.net/free-vector/perfume-bottle-olive-green-silk-fabric-folded_107791-751.jpg",              imageAlt: "Luxury leather handbag",              isFavorited: false
            },
            {
              id: "3",              name: "Elegant Cashmere Scarf",              price: "$129.00",              variant: "Cream  |  7 Colors",              imageSrc: "https://img.b2bpic.net/free-vector/perfume-bottle-olive-green-silk-fabric-folded-banner_107791-1018.jpg",              imageAlt: "Elegant cashmere scarf",              isFavorited: false
            },
            {
              id: "4",              name: "Designer Ankle Boots",              price: "$279.00",              variant: "Chocolate Brown  |  2 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-champagne-bottle-cork_23-2148578909.jpg",              imageAlt: "Designer ankle boots",              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafted for those who demand" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg", alt: "Our premium store" },
            { type: "text", content: "the finest quality and timeless elegance" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#about" },
            { text: "Contact Us", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Membership Plans"
          description="Choose the perfect membership tier to unlock exclusive benefits and premium shopping experiences"
          tag="VIP Benefits"
          tagIcon={Crown}
          textboxLayout="default"
          animationType="opacity"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "basic",              badge: "Essentials",              badgeIcon: Star,
              price: "Free",              subtitle: "Perfect for new members",              buttons: [
                { text: "Get Started", href: "#products" }
              ],
              features: [
                "Standard shipping",                "Access to all products",                "Member newsletter",                "Basic customer support"
              ]
            },
            {
              id: "premium",              badge: "Premium Plus",              badgeIcon: Sparkles,
              price: "$99/year",              subtitle: "Best for regular shoppers",              buttons: [
                { text: "Subscribe Now", href: "#products" }
              ],
              features: [
                "Free express shipping",                "Early access to new collections",                "15% discount on all items",                "Priority customer support",                "Exclusive member events"
              ]
            },
            {
              id: "vip",              badge: "Luxury Elite",              badgeIcon: Crown,
              price: "$249/year",              subtitle: "For the most discerning customers",              buttons: [
                { text: "Join Elite", href: "#products" }
              ],
              features: [
                "Free worldwide shipping",                "Concierge personal shopper",                "25% discount on all items",                "24/7 dedicated support",                "Invitation to exclusive events",                "Complimentary gift wrapping"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "James Anderson"
            },
            {
              id: "3",              name: "Emma Richardson",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-natural-daytime-makeup-wearing-blue-shirt-beige-background-smiles-with-mischievous-cheerful-smile_343596-8237.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "4",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "5",              name: "Victoria Laurent",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Victoria Laurent"
            },
            {
              id: "6",              name: "David Harrison",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-businesswoman_329181-11388.jpg",              imageAlt: "David Harrison"
            }
          ]}
          cardTitle="Over 50,000 satisfied customers experience the luxury of premium shopping"
          cardTag="Trusted by fashion connoisseurs"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your wardrobe with premium selections? Join our exclusive community and receive special offers delivered to your inbox."
          animationType="entrance-slide"
          buttons={[
            { text: "Subscribe Now", href: "https://example.com/subscribe" },
            { text: "Contact Support", href: "https://example.com/contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="PremiumStore"
          columns={[
            {
              items: [
                { label: "Shop", href: "products" },
                { label: "New Arrivals", href: "products" },
                { label: "Collections", href: "products" },
                { label: "Sale", href: "products" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              items: [
                { label: "Customer Service", href: "#" },
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Legal", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}