"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Award, Crown, MessageSquare, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LUXE"
          navItems={[
            { name: "Collections", id: "products" },
            { name: "About", id: "about" },
            { name: "Design", id: "features" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{ text: "Shop Now", href: "#products" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Curated Luxury Furniture for the Discerning Home"
          description="Discover exquisitely crafted pieces that elevate your living space with timeless elegance and contemporary sophistication."
          tag="Premium Collection"
          tagIcon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/luxurious-lifestyle-rich-woman_52683-97508.jpg"
          imageAlt="Modern luxury sofa minimalist design"
          mediaAnimation="slide-up"
          background={{ variant: "circleGradient" }}
          useInvertedBackground={false}
          testimonials={[
            {
              name: "Sarah Mitchell",              handle: "Interior Designer, Architectural Digest",              testimonial: "LUXE's furniture collection redefines luxury with meticulous attention to detail and uncompromising quality.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg?_wi=1"
            },
            {
              name: "James Chen",              handle: "CEO, Design Studios International",              testimonial: "Each piece is a masterpiece of craftsmanship and modern design. Truly exceptional.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg?_wi=1"
            },
            {
              name: "Elena Rodriguez",              handle: "Luxury Home Curator",              testimonial: "The epitome of sophisticated taste. Every detail speaks to quality and refinement.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg?_wi=1"
            }
          ]}
          testimonialRotationInterval={5000}
          buttons={[
            { text: "Explore Collection", href: "#products" },
            { text: "Learn More", href: "#about" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Featured Collection"
          description="Handpicked pieces from our exclusive luxury furniture range, each selected for exceptional craftsmanship and design."
          tag="New Arrivals"
          tagIcon={Crown}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
          products={[
            {
              id: "1",              name: "Velvet Lounge Chair",              price: "$3,850",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-leather-chair-brick-wall-background_74190-336.jpg",              imageAlt: "Premium lounge chair designer furniture",              initialQuantity: 1
            },
            {
              id: "2",              name: "Marble Coffee Table",              price: "$2,400",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-interior-room-design-concept_23-2148786476.jpg",              imageAlt: "Designer coffee table marble minimalist",              initialQuantity: 1
            },
            {
              id: "3",              name: "Walnut Storage Cabinet",              price: "$4,200",              imageSrc: "http://img.b2bpic.net/free-photo/shoe-rack-indoors-still-life_23-2150695643.jpg",              imageAlt: "Luxury storage cabinet modern minimalist",              initialQuantity: 1
            }
          ]}
          buttons={[{ text: "View All Products", href: "#" }]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About LUXE"
          description={[
            "We believe that exceptional furniture is more than just functionality—it's a statement of refined taste and lifestyle. At LUXE, we curate only the finest pieces from master craftsmen and visionary designers around the world.",            "Each collection reflects our commitment to sustainability, ethical sourcing, and timeless design. Our team personally vets every artisan and manufacturer to ensure the highest standards of quality and craftsmanship.",            "From sustainable materials to innovative design, LUXE represents the pinnacle of luxury furniture for the modern home."
          ]}
          useInvertedBackground={false}
          showBorder={true}
          buttons={[{ text: "Our Story", href: "#" }]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="What Sets Us Apart"
          description="Experience the difference that true craftsmanship and design excellence make."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              id: "1",              tag: "Craftsmanship",              title: "Master Artisans",              description: "Each piece is meticulously crafted by skilled artisans with decades of experience, ensuring uncompromising quality.",              imageSrc: "http://img.b2bpic.net/free-photo/pottery-craftsperson-studio-creating-ceramics_23-2150164943.jpg",              imageAlt: "Furniture craftsman woodworking skilled artisan"
            },
            {
              id: "2",              tag: "Design",              title: "Timeless Design",              description: "Our curated collection features contemporary designs that transcend trends, creating lasting elegance.",              imageSrc: "http://img.b2bpic.net/free-photo/young-successful-architector-smiling-holding-drawings-standing-office_176420-1726.jpg",              imageAlt: "Interior designer sketching furniture plans"
            },
            {
              id: "3",              tag: "Materials",              title: "Premium Quality",              description: "We source only the finest natural materials—sustainably harvested woods, luxury fabrics, and premium finishes.",              imageSrc: "http://img.b2bpic.net/free-photo/background-black-texture-wood-surface_169016-50521.jpg",              imageAlt: "Premium materials leather fabric wood texture"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Recognized by Design Excellence"
          description="Trusted and celebrated by leading interior design publications, museums, and luxury retailers worldwide."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Awards & Recognition"
          tagIcon={Award}
          names={["Architectural Digest", "Elle Decor", "Sustainable Design Council", "International Design Awards", "Premium Retailers Network", "Design Excellence Institute", "Museum Collection Partners"]}
          logos={[
            "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-set_52683-69964.jpg",            "http://img.b2bpic.net/free-vector/covers-collection-with-organic-shapes_23-2147872844.jpg",            "http://img.b2bpic.net/free-photo/leaf-eco-word_23-2148576662.jpg",            "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-set_52683-69962.jpg",            "http://img.b2bpic.net/free-vector/elegant-hades-real-estate-sale-yard-sign_742173-8904.jpg",            "http://img.b2bpic.net/free-vector/flat-design-business-banner-template_23-2149715625.jpg",            "http://img.b2bpic.net/free-vector/personal-trainer-badges-template-design_23-2149434462.jpg"
          ]}
          speed={30}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Client Testimonials"
          description="Hear from our satisfied clients about their experience with LUXE's premium furniture collections."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Client Stories"
          tagIcon={MessageSquare}
          testimonials={[
            {
              id: "1",              title: "Transformed Our Living Space",              quote: "The quality and design of LUXE's furniture completely transformed our home. Every piece is a conversation starter, and the craftsmanship is absolutely exceptional.",              name: "Victoria Sterling",              role: "Luxury Home Owner, Manhattan",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg?_wi=2",              imageAlt: "Victoria Sterling"
            },
            {
              id: "2",              title: "Timeless Investment",              quote: "We've invested in LUXE pieces for our flagship store, and they've become signature elements of our interior design. Clients consistently compliment their elegance and quality.",              name: "Marcus Williams",              role: "Interior Design Director, Beverly Hills",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-art-studio_23-2149705893.jpg?_wi=2",              imageAlt: "Marcus Williams"
            },
            {
              id: "3",              title: "Exceptional Service & Quality",              quote: "From selection to delivery, LUXE's attention to detail is unmatched. The furniture isn't just beautiful—it's built to last generations.",              name: "Caroline Dubois",              role: "Design Curator, Paris",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg?_wi=2",              imageAlt: "Caroline Dubois"
            },
            {
              id: "4",              title: "A Statement of Refined Taste",              quote: "LUXE represents everything we value: sustainability, craftsmanship, and timeless design. Their collection is incomparable in today's market.",              name: "David Yoshida",              role: "Luxury Lifestyle Architect, Tokyo",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-standing-office-medium-shot_23-2148327019.jpg",              imageAlt: "David Yoshida"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to elevate your home with premium furniture? Our design consultants are here to help you create your perfect space."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Schedule Consultation", href: "#" },
            { text: "Contact Us", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="LUXE"
          columns={[
            {
              items: [
                { label: "Collections", href: "#products" },
                { label: "About", href: "#about" },
                { label: "Design", href: "#features" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "#contact" },
                { label: "Consultation", href: "#" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Pinterest", href: "https://pinterest.com" },
                { label: "LinkedIn", href: "https://linkedin.com" },
                { label: "Facebook", href: "https://facebook.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}