"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Award, ShoppingCart, Users, Star, Globe, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Premium Store"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "blog" }
          ]}
          button={{
            text: "Shop Now",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Discover Premium Luxury Products"
          description="Curated collections of exceptional items designed for discerning customers who appreciate quality and elegance"
          tag="New Collections"
          tagIcon={Sparkles}
          buttons={[
            { text: "Shop Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg",              imageAlt: "Premium luxury product showcase"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg",              imageAlt: "Elegant retail display"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-psd/sleek-brushed-copper-cylinder-serves-as-modern-minimalist-display-stand-against-simple-black-backdrop_84443-58582.jpg",              imageAlt: "Luxury item collection"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-psd/wooden-logo-mockup-showcasing-your-design-clients_445255-1348.jpg",              imageAlt: "Premium store showcase"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-psd/elegant-wooden-logo-mockup-designers_445255-1350.jpg",              imageAlt: "Elegant product display"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-psd/interior-design-showroom-flyer-promoting-premium-furniture-collection_23-2151987427.jpg",              imageAlt: "Luxury retail collection"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Products"
          description="Hand-selected premium items from our exclusive collection"
          tag="Bestsellers"
          tagIcon={Award}
          products={[
            {
              id: "1",              name: "Leather Handbag",              price: "$189.00",              imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg",              imageAlt: "Leather handbag"
            },
            {
              id: "2",              name: "Silk Scarf",              price: "$79.00",              imageSrc: "https://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg",              imageAlt: "Silk scarf"
            },
            {
              id: "3",              name: "Designer Watch",              price: "$299.00",              imageSrc: "https://img.b2bpic.net/free-psd/sleek-brushed-copper-cylinder-serves-as-modern-minimalist-display-stand-against-simple-black-backdrop_84443-58582.jpg",              imageAlt: "Designer watch"
            },
            {
              id: "4",              name: "Gold Bracelet",              price: "$159.00",              imageSrc: "https://img.b2bpic.net/free-psd/wooden-logo-mockup-showcasing-your-design-clients_445255-1348.jpg",              imageAlt: "Gold bracelet"
            },
            {
              id: "5",              name: "Wool Coat",              price: "$249.00",              imageSrc: "https://img.b2bpic.net/free-psd/elegant-wooden-logo-mockup-designers_445255-1350.jpg",              imageAlt: "Premium wool coat"
            },
            {
              id: "6",              name: "Pearl Necklace",              price: "$199.00",              imageSrc: "https://img.b2bpic.net/free-psd/interior-design-showroom-flyer-promoting-premium-furniture-collection_23-2151987427.jpg",              imageAlt: "Pearl necklace"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "View All Products", href: "#" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Premium Quality Commitment: Delivering Excellence Since Day One"
          metrics={[
            {
              icon: ShoppingCart,
              label: "Years in Business",              value: "15+"
            },
            {
              icon: Users,
              label: "Satisfied Customers",              value: "50,000+"
            },
            {
              icon: Star,
              label: "Customer Rating",              value: "4.9/5"
            },
            {
              icon: Globe,
              label: "Countries Served",              value: "45+"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real stories from customers who love our premium products"
          tag="Customer Reviews"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Fashion Enthusiast",              date: "Date: 15 November 2024",              title: "Exceptional quality and service!",              quote: "I've been purchasing from Premium Store for years and have never been disappointed. The attention to detail and commitment to quality is unmatched. Every piece feels like an investment.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg",              imageAlt: "Customer experience"
            },
            {
              id: "2",              name: "Michael Chen, Business Owner",              date: "Date: 10 November 2024",              title: "Outstanding craftsmanship",              quote: "The products arrived perfectly packaged and exceeded my expectations. The team's responsiveness and attention to my specific needs made the entire experience seamless and professional.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/minimal-beauty-products-composition_23-2148961350.jpg",              imageAlt: "Premium packaging"
            },
            {
              id: "3",              name: "Emma Rodriguez, Designer",              date: "Date: 5 November 2024",              title: "Timeless elegance at its finest",              quote: "As someone in the design industry, I appreciate the nuanced quality of these pieces. The aesthetic is refined, the materials are premium, and the value is exceptional.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-psd/sleek-brushed-copper-cylinder-serves-as-modern-minimalist-display-stand-against-simple-black-backdrop_84443-58582.jpg",              imageAlt: "Elegant collection"
            },
            {
              id: "4",              name: "James Thompson, Collector",              date: "Date: 28 October 2024",              title: "Worth every penny",              quote: "I've collected from many retailers, but Premium Store stands out for their dedication to authenticity and quality. Their curation is impeccable.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              avatarAlt: "James Thompson",              imageSrc: "https://img.b2bpic.net/free-psd/wooden-logo-mockup-showcasing-your-design-clients_445255-1348.jpg",              imageAlt: "Curated selection"
            },
            {
              id: "5",              name: "Sophia Laurent, Luxury Consultant",              date: "Date: 20 October 2024",              title: "Premium experience from start to finish",              quote: "Everything about this store speaks quality—from the product selection to the customer service. I recommend Premium Store to all my clients without hesitation.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              avatarAlt: "Sophia Laurent",              imageSrc: "https://img.b2bpic.net/free-psd/elegant-wooden-logo-mockup-designers_445255-1350.jpg",              imageAlt: "Luxury selection"
            },
            {
              id: "6",              name: "David Park, Fashion Critic",              date: "Date: 12 October 2024",              title: "A beacon of luxury retail",              quote: "In an age of fast fashion, Premium Store reminds us of the joy of owning truly exceptional pieces. Their commitment to sustainability and quality is refreshing.",              tag: "Verified Purchase",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              avatarAlt: "David Park",              imageSrc: "https://img.b2bpic.net/free-psd/interior-design-showroom-flyer-promoting-premium-furniture-collection_23-2151987427.jpg",              imageAlt: "Sustainable luxury"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Join Our Exclusive Circle"
          description="Subscribe to receive updates about new collections, exclusive offers, and premium lifestyle insights delivered to your inbox"
          tagIcon={Mail}
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. No spam, just curated content."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Premium Store"
          copyrightText="© 2025 Premium Store. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Products", href: "products" },
                { label: "New Arrivals", href: "products" },
                { label: "Best Sellers", href: "products" },
                { label: "Collections", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Story", href: "about" },
                { label: "Sustainability", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
