"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Award, Shield, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Premium Store"
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Curated Excellence"
          description="Premium handpicked products selected for quality, craftsmanship, and timeless style. Shop our exclusive collection of luxury essentials."
          tag="New Collection"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Explore Products",              href: "#products"
            },
            {
              text: "View Collection",              href: "#"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg"
          imageAlt="Premium luxury store showcase"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Collection"
          description="Handpicked premium products carefully selected for quality and style"
          tag="Exclusive"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "Premium Leather Shoulder Bag",              price: "$249",              variant: "Brown · 2 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/men-shoes_1303-5889.jpg",              imageAlt: "Premium leather shoulder bag",              isFavorited: false
            },
            {
              id: "2",              name: "Swiss Crafted Wrist Watch",              price: "$599",              variant: "Stainless Steel · 3 Variants",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg",              imageAlt: "Luxury wrist watch",              isFavorited: false
            },
            {
              id: "3",              name: "Designer Canvas Sneakers",              price: "$189",              variant: "Beige · Multiple Sizes",              imageSrc: "https://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg",              imageAlt: "Designer premium sneakers",              isFavorited: false
            },
            {
              id: "4",              name: "Titanium Frame Sunglasses",              price: "$299",              variant: "Gradient Brown · UV Protection",              imageSrc: "https://img.b2bpic.net/free-photo/girl-coat_1303-4437.jpg",              imageAlt: "Premium designer sunglasses",              isFavorited: false
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Our Story"
          description="Dedicated to bringing you the finest curated products with uncompromising quality"
          tabs={[
            {
              id: "quality",              label: "Premium Quality",              description: "Every item in our collection is carefully vetted for superior craftsmanship, materials, and longevity. We partner with trusted artisans and manufacturers who share our commitment to excellence."
            },
            {
              id: "curation",              label: "Expert Curation",              description: "Our team of specialists researches and selects each product for its design, functionality, and value. We believe in offering less but better—thoughtfully chosen pieces that stand the test of time."
            },
            {
              id: "service",              label: "Exceptional Service",              description: "From personalized shopping assistance to dedicated customer support, we're committed to making your experience exceptional. Your satisfaction is our priority."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-man-shopping-menswear-shop_1303-19869.jpg"
          imageAlt="Premium store interior"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="comparison" data-section="comparison">
        <FeatureCardSixteen
          title="Why Choose Our Store"
          description="We're different because we prioritize quality over quantity and your satisfaction above all else"
          tag="Our Advantage"
          tagIcon={Shield}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          negativeCard={{
            items: [
              "Mass-produced items of questionable quality",              "Overwhelming selection causing decision fatigue",              "Impersonal customer service experiences",              "Limited product lifecycle and durability",              "No expert guidance or curation"
            ]
          }}
          positiveCard={{
            items: [
              "Carefully selected premium products",              "Curated collection focused on quality over quantity",              "Personalized expert support and assistance",              "Timeless pieces built to last",              "Expert guidance and product recommendations"
            ]
          }}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="The quality of products and attention to detail is unmatched. Every purchase feels like an investment in something truly special. I've recommended this store to all my friends."
          rating={5}
          author="Sarah Mitchell, Fashion Enthusiast"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              alt: "Sarah Mitchell"
            },
            {
              src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              alt: "James Chen"
            },
            {
              src: "https://img.b2bpic.net/free-photo/beautiful-every-day-make-up-look_181624-21819.jpg",              alt: "Emma Rodriguez"
            },
            {
              src: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",              alt: "David Park"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Join Our Exclusive Community"
          description="Subscribe to receive early access to new collections, exclusive offers, and expert style tips curated just for you."
          tagIcon={Mail}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. You'll receive curated updates about new collections and exclusive offers."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Premium Store"
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "#" },
                { label: "Best Sellers", href: "#" },
                { label: "Collections", href: "#" },
                { label: "Sale", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Story", href: "#" },
                { label: "Sustainability", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "FAQ", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookies", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Premium Store. All rights reserved. Handcrafted with care."
        />
      </div>
    </ThemeProvider>
  );
}