"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Star, Crown } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="plain"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe & Co."
          button={{
            text: "Shop Now",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="LUXE & CO."
          description="Discover our curated collection of premium handcrafted products. Each piece is carefully selected to bring elegance and sophistication into your home and lifestyle."
          buttons={[
            {
              text: "Explore Collection",              href: "#products"
            },
            {
              text: "Learn Our Story",              href: "#about"
            }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722595.jpg"
          imageAlt="Premium luxury products collection"
          frameStyle="card"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Collection"
          description="Hand-selected premium products showcasing exceptional craftsmanship and timeless elegance"
          tag="Best Sellers"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Artisan Crafts",              name: "Handwoven Ceramic Vase",              price: "$185.00",              rating: 5,
              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/cropped-photo-woman-tasting-cheese-wooden-board-with-christmas-decorations-background_132075-11273.jpg",              imageAlt: "Handwoven ceramic vase premium product"
            },
            {
              id: "2",              brand: "Heritage Goods",              name: "Premium Leather Journal",              price: "$95.00",              rating: 5,
              reviewCount: "518",              imageSrc: "https://img.b2bpic.net/free-photo/fork-cutting-board-new-year-table-with-decor-background-new-year-eve-concept_132075-11255.jpg",              imageAlt: "Premium leather journal luxury product"
            },
            {
              id: "3",              brand: "Luxury Home",              name: "Silk Throw Pillow Set",              price: "$245.00",              rating: 5,
              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23448.jpg",              imageAlt: "Silk throw pillow set premium decor"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          buttons={[
            {
              text: "View All Products",              href: "#shop"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Since 2010, Luxe & Co. has been dedicated to sourcing and curating the finest premium products from artisans and makers around the world.",            "We believe in quality over quantity, sustainability over excess, and timeless elegance over fleeting trends. Every item in our collection represents a commitment to craftsmanship and excellence.",            "Our mission is to help you discover products that bring beauty, function, and meaning into your daily life."
          ]}
          useInvertedBackground="noInvert"
          showBorder={false}
          buttons={[
            {
              text: "Discover More",              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real feedback from satisfied customers who trust Luxe & Co. for their premium product needs"
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Interior Designer",              company: "Modern Spaces Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",              imageAlt: "Sarah Mitchell testimonial"
            },
            {
              id: "2",              name: "James Chen",              role: "Luxury Retailer",              company: "Heritage Collections",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",              imageAlt: "James Chen testimonial"
            },
            {
              id: "3",              name: "Emma Rodriguez",              role: "Fashion Curator",              company: "Elegant Living",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",              imageAlt: "Emma Rodriguez testimonial"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Membership Plans"
          description="Join our exclusive community and unlock special benefits tailored to your shopping preferences"
          tag="VIP Access"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "1",              price: "Free",              name: "Essential",              buttons: [
                {
                  text: "Get Started",                  href: "#shop"
                },
                {
                  text: "Learn More",                  href: "#"
                }
              ],
              features: [
                "Access to full product catalog",                "Standard shipping on orders",                "Email customer support",                "New arrivals notifications"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$9.99/mo",              name: "Premium",              buttons: [
                {
                  text: "Subscribe Now",                  href: "#shop"
                },
                {
                  text: "Chat with Sales",                  href: "#contact"
                }
              ],
              features: [
                "Everything in Essential",                "Free expedited shipping",                "Early access to collections",                "Exclusive member discounts",                "Priority customer support"
              ]
            },
            {
              id: "3",              price: "$24.99/mo",              name: "Elite",              buttons: [
                {
                  text: "Subscribe Now",                  href: "#shop"
                },
                {
                  text: "Chat with Sales",                  href: "#contact"
                }
              ],
              features: [
                "Everything in Premium",                "Personal shopping assistant",                "Exclusive limited editions",                "VIP event invitations",                "Complimentary gift wrapping"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your space with premium products? Get in touch with our team today and discover how we can help bring your vision to life."
          animationType="entrance-slide"
          useInvertedBackground="invertDefault"
          buttons={[
            {
              text: "Contact Us",              href: "mailto:hello@luxeandco.com"
            },
            {
              text: "Schedule Consultation",              href: "#"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe & Co."
          columns={[
            {
              title: "Shop",              items: [
                {
                  label: "All Products",                  href: "#products"
                },
                {
                  label: "New Arrivals",                  href: "#new"
                },
                {
                  label: "Best Sellers",                  href: "#bestsellers"
                },
                {
                  label: "Gift Cards",                  href: "#gifts"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Our Story",                  href: "#story"
                },
                {
                  label: "Sustainability",                  href: "#sustainability"
                },
                {
                  label: "Blog",                  href: "#blog"
                }
              ]
            },
            {
              title: "Customer Care",              items: [
                {
                  label: "Contact Us",                  href: "#contact"
                },
                {
                  label: "Shipping Info",                  href: "#shipping"
                },
                {
                  label: "Returns",                  href: "#returns"
                },
                {
                  label: "FAQ",                  href: "#faq"
                }
              ]
            },
            {
              title: "Connect",              items: [
                {
                  label: "Instagram",                  href: "#instagram"
                },
                {
                  label: "Pinterest",                  href: "#pinterest"
                },
                {
                  label: "Newsletter",                  href: "#newsletter"
                },
                {
                  label: "VIP Community",                  href: "#vip"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe & Co. All rights reserved. Crafted with care."
        />
      </div>
    </ThemeProvider>
  );
}