"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Crown } from "lucide-react";
import HeroOverlay from '@/components/sections/hero/HeroOverlay';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Stories", id: "testimonials" },
            { name: "Contact", id: "contact" },
            { name: "Cart", id: "cart" }
          ]}
          brandName="LuxeBrand"
          bottomLeftText="Handcrafted Premium Goods"
          bottomRightText="shop@luxebrand.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Curated Luxury for the Discerning Collector"
          description="Discover exceptional, handcrafted products designed for those who appreciate timeless quality and refined aesthetics. Each piece tells a story of artistry, precision, and uncompromising standards."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "500+", label: "Artisans & Craftspeople" },
            { value: "15 Years", label: "Heritage & Expertise" },
            { value: "100%", label: "Premium Quality Guarantee" }
          ]}
          enableKpiAnimation={true}
          tag="Exclusive Collection 2025"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore Collection", href: "#products" },
            { text: "View Lookbook", href: "#features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/composition-natural-argan-seeds_23-2149016622.jpg"
          imageAlt="Premium luxury product showcase"
          imagePosition="right"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Handpicked Collections"
          description="Explore our curated selection of premium products, each chosen for exceptional quality and timeless design. Limited quantities available."
          products={[
            {
              id: "1",              name: "Artisan Leather Messenger Bag",              price: "$349.00",              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: "Luxury leather messenger bag",              initialQuantity: 1
            },
            {
              id: "2",              name: "Swiss Mechanical Timepiece",              price: "$1,299.00",              imageSrc: "https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg",              imageAlt: "Premium Swiss watch",              initialQuantity: 1
            },
            {
              id: "3",              name: "Designer UV-Protection Sunglasses",              price: "$425.00",              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-woman-talking-phone_23-2148760452.jpg",              imageAlt: "Luxury designer sunglasses",              initialQuantity: 1
            },
            {
              id: "4",              name: "Luxury Artisan Fragrance",              price: "$199.00",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-sexy-brunette-wearing-stylish-black-dress-sunglasses-holds-black-handbag-posing-near-terrace-cafe-city_613910-18751.jpg",              imageAlt: "Premium luxury perfume",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Why Premium Matters"
          description="Discover what sets our collection apart—exceptional craftsmanship, ethical sourcing, and uncompromising quality standards."
          features={[
            {
              id: 1,
              title: "Uncompromising Craftsmanship",              description: "Every piece is meticulously crafted by master artisans using time-honored techniques combined with modern innovation. We invest in quality that lasts generations.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg" }
            },
            {
              id: 2,
              title: "Sustainable Luxury",              description: "Ethical sourcing and responsible production are at the heart of our brand. We partner with fair-trade suppliers and maintain the highest environmental standards.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186734.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186734.jpg" }
            },
            {
              id: 3,
              title: "Personalized Service Experience",              description: "Our concierge team provides white-glove service, bespoke styling recommendations, and lifetime support for every purchase you make.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg" }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Membership Tiers"
          description="Choose the perfect membership level to unlock exclusive benefits, early access to new collections, and VIP experiences."
          plans={[
            {
              id: "1",              badge: "Starter",              price: "Free",              subtitle: "Perfect for exploring",              features: ["Access to full product catalog", "Weekly style newsletter", "Standard shipping", "90-day returns"]
            },
            {
              id: "2",              badge: "Premium",              badgeIcon: Crown,
              price: "$99/year",              subtitle: "For the true collector",              features: ["Everything in Starter", "15% discount on all purchases", "Free expedited shipping", "Early access to limited editions", "Personal stylist consultation", "Lifetime warranty"]
            },
            {
              id: "3",              badge: "VIP Elite",              badgeIcon: Sparkles,
              price: "$299/year",              subtitle: "Ultimate luxury experience",              features: ["Everything in Premium", "25% discount on all purchases", "Complimentary overnight shipping", "Exclusive VIP-only collections", "Concierge personal shopping", "Annual gift box", "Invitation to private events"]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Our Community"
          description="See what discerning collectors and luxury enthusiasts have to say about their experiences."
          testimonials={[
            {
              id: "1",              name: "Alexandra Chen",              role: "Luxury Collector & Art Curator",              testimonial: "The craftsmanship is extraordinary. Every detail speaks to the dedication and expertise behind each piece. I've become a repeat customer because quality like this is simply unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/lovely-woman-facing-camera_23-2148060462.jpg",              imageAlt: "Alexandra Chen, luxury collector"
            },
            {
              id: "2",              name: "Marcus Thompson",              role: "Entrepreneur & Design Enthusiast",              testimonial: "Not just products—these are investments in timeless beauty. The customer service is impeccable, and the VIP experience makes you feel truly valued.",              imageSrc: "https://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",              imageAlt: "Marcus Thompson, entrepreneur"
            },
            {
              id: "3",              name: "Sophia Rodriguez",              role: "Fashion Editor & Tastemaker",              testimonial: "This is where luxury meets accessibility. The curation is refined, the ethics are solid, and the pieces become part of your personal story.",              imageSrc: "https://img.b2bpic.net/free-photo/cheerful-blonde-curly-lady-trendy-silk-black-home-suit-smiles-widely-looks-into-camera-holds-l_197531-33672.jpg",              imageAlt: "Sophia Rodriguez, fashion editor"
            },
            {
              id: "4",              name: "James Wellington",              role: "CEO & Philanthropist",              testimonial: "Exceptional in every way. From discovery to delivery, the experience reflects the premium nature of the products. Highly recommended for anyone serious about quality.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-thinking_23-2148317340.jpg",              imageAlt: "James Wellington, CEO"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your lifestyle? Join our community of discerning collectors and experience the art of premium living. Your perfect piece awaits."
          animationType="background-highlight"
          buttons={[
            { text: "Start Shopping", href: "#products" },
            { text: "Schedule Consultation", href: "mailto:shop@luxebrand.com" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="LuxeBrand"
          columns={[
            {
              title: "Shop",              items: [
                { label: "New Arrivals", href: "#products" },
                { label: "Best Sellers", href: "#products" },
                { label: "Limited Edition", href: "#products" },
                { label: "Gifts", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#features" },
                { label: "Sustainability", href: "#features" },
                { label: "Careers", href: "#contact" }
              ]
            },
            {
              title: "Customer Care",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Shipping & Returns", href: "#contact" },
                { label: "Size Guide", href: "#contact" },
                { label: "Care Instructions", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Pinterest", href: "https://pinterest.com" },
                { label: "Newsletter", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 LuxeBrand. All rights reserved. Handcrafted with care."
        />
      </div>
    </ThemeProvider>
  );
}