"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, ArrowRight, Star, Heart, HelpCircle, Mail } from 'lucide-react';

export default function HomePage() {
  const navItems = [
    { name: "Shop", id: "shop" },
    { name: "Collections", id: "collections" },
    { name: "About", id: "about" },
    { name: "Contact", id: "contact" },
    { name: "Cart", id: "https://example.com/cart" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="STUDIO LUXE"
          navItems={navItems}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Design Your Dream Space"
          description="Discover meticulously crafted furniture that transforms your home into a sanctuary of elegance and comfort. Premium pieces selected for the discerning eye."
          background={{ variant: "sparkles-gradient" }}
          tag="Luxury Collection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/modern-interior-design-living-room-with-soft-sofa-background-wooden-wall-minim_1258-134116.jpg"
          imageAlt="Luxury modern sofa in minimalist interior"
          mediaAnimation="slide-up"
          buttons={[
            { text: "Explore Collection", href: "shop" },
            { text: "View New Arrivals", href: "https://example.com/new" }
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="featured-categories" data-section="featured-categories">
        <FeatureCardTwentySix
          title="Shop by Category"
          description="Browse our curated collections of premium furniture pieces designed for every room."
          features={[
            {
              title: "Seating",              description: "Sofas, chairs, and lounges crafted for comfort and style",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-lounge-area-hotel-reception_482257-78350.jpg",              imageAlt: "Modern luxury seating collection",              buttonIcon: ArrowRight,
              buttonHref: "shop"
            },
            {
              title: "Tables",              description: "Dining, coffee, and accent tables in stone and wood",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-authentic-interior-design_53876-129853.jpg",              imageAlt: "Designer tables collection",              buttonIcon: ArrowRight,
              buttonHref: "shop"
            },
            {
              title: "Storage",              description: "Elegant cabinets, shelving, and storage solutions",              imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-cutlery-organizer-minimalist-aesthetics_169016-68940.jpg",              imageAlt: "Modern storage furniture",              buttonIcon: ArrowRight,
              buttonHref: "shop"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="best-sellers" data-section="best-sellers">
        <ProductCardTwo
          title="Best Selling Pieces"
          description="Our most coveted furniture selections, chosen by design enthusiasts worldwide."
          tag="Premium Selection"
          tagIcon={Star}
          tagAnimation="opacity"
          products={[
            {
              id: "1",              brand: "Studio Luxe",              name: "Modern White Sectional",              price: "$2,850",              rating: 5,
              reviewCount: "342",              imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-brunette-laced-dress-with-make-up_132075-12543.jpg",              imageAlt: "Modern white sectional sofa"
            },
            {
              id: "2",              brand: "Studio Luxe",              name: "Marble Dining Table",              price: "$1,650",              rating: 5,
              reviewCount: "218",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-authentic-interior-design_53876-129853.jpg",              imageAlt: "Marble dining table with brass legs"
            },
            {
              id: "3",              brand: "Studio Luxe",              name: "Sculpted Lounge Chair",              price: "$945",              rating: 5,
              reviewCount: "156",              imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-chair-indoors_23-2151108763.jpg",              imageAlt: "Designer lounge chair in cream"
            },
            {
              id: "4",              brand: "Studio Luxe",              name: "Walnut Bookshelf",              price: "$1,420",              rating: 5,
              reviewCount: "98",              imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986615.jpg",              imageAlt: "Modern walnut shelving unit"
            },
            {
              id: "5",              brand: "Studio Luxe",              name: "Glass Coffee Table",              price: "$725",              rating: 5,
              reviewCount: "267",              imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-desktop-near-laptop-morning_169016-25099.jpg",              imageAlt: "Minimalist glass coffee table"
            },
            {
              id: "6",              brand: "Studio Luxe",              name: "Pendant Light Collection",              price: "$385",              rating: 5,
              reviewCount: "421",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg",              imageAlt: "Designer pendant lighting"
            }
          ]}
          gridVariant="bento-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We curate exceptional furniture that elevates every space" }
          ]}
          useInvertedBackground={true}
          buttons={[
            { text: "Learn Our Story", href: "about" },
            { text: "Contact Us", href: "contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Design Enthusiasts"
          description="See what our clients say about their experience with Studio Luxe furniture."
          tag="Customer Reviews"
          tagIcon={Heart}
          tagAnimation="opacity"
          testimonials={[
            {
              id: "1",              title: "Transformed Our Living Room",              quote: "The quality is exceptional. Every detail speaks to the craftsmanship and attention we received. Our home feels like a luxury resort now.",              name: "Sarah Mitchell",              role: "Interior Designer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Worth Every Investment",              quote: "Studio Luxe pieces are timeless investments. The minimalist aesthetic pairs perfectly with our modern home. Customer service was impeccable.",              name: "James Chen",              role: "Architect",              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              title: "Elegant Simplicity",              quote: "These aren't just furniture pieces—they're statements. The glass coffee table has become a conversation starter at every gathering.",              name: "Emma Rodriguez",              role: "CEO, Design Collective",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",              title: "Premium Quality, Premium Experience",              quote: "From selection to delivery, everything was smooth. The sectional we chose is the focal point of our home. Highly recommended for discerning customers.",              name: "Michael Park",              role: "Real Estate Developer",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Michael Park"
            },
            {
              id: "5",              title: "Timeless Beauty",              quote: "Five years later and our furniture still looks like new. Studio Luxe represents quality that transcends trends. Perfect investment for a forever home.",              name: "Victoria Bennett",              role: "Art Collector",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Victoria Bennett"
            },
            {
              id: "6",              title: "Exceeded All Expectations",              quote: "The minimalist approach is refreshing. No unnecessary details, just pure elegance. Every piece we purchased enhances our living experience.",              name: "David Thompson",              role: "Luxury Home Consultant",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              imageAlt: "David Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Studio Luxe furniture, shipping, and care."
          tag="Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What makes Studio Luxe furniture premium?",              content: "Each piece is crafted using sustainable materials, time-honored techniques, and modern design principles. We source from Italy, Scandinavia, and Japan—regions renowned for furniture excellence. Our pieces are built to last decades, not years."
            },
            {
              id: "2",              title: "How long is shipping?",              content: "Standard shipping to continental US takes 4-6 weeks. Express options available for 2-3 week delivery. Custom orders may take longer. All pieces are insured and delivered with white glove service."
            },
            {
              id: "3",              title: "What is your return policy?",              content: "We offer a 60-day satisfaction guarantee. If you're not completely happy, we'll arrange pickup and provide a full refund. All delivery costs are covered by us."
            },
            {
              id: "4",              title: "Do you offer customization?",              content: "Yes! Many pieces can be customized in fabric, finish, and dimensions. Contact our design team to discuss your vision. Custom pieces typically take 8-10 weeks."
            },
            {
              id: "5",              title: "How should I care for my furniture?",              content: "Each piece comes with comprehensive care instructions. Generally, dust with soft cloths, use appropriate cleaners for materials, and protect from direct sunlight to preserve finishes. We recommend professional cleaning annually."
            },
            {
              id: "6",              title: "Do you offer financing?",              content: "Yes, we partner with leading financing providers offering 0% APR options for qualifying purchases. Contact our sales team for details and eligibility."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/blonde-charming-woman-silk-black-jumpsuit-stylish-eyeglasses-sits-brown-big-soft-sofa-ho_197531-33650.jpg"
          imageAlt="Luxury interior with Studio Luxe furniture"
          mediaAnimation="opacity"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
        />
      </div>

      <div id="newsletter" data-section="newsletter">
        <ContactFaq
          faqs={[
            {
              id: "1",              title: "Why subscribe to our newsletter?",              content: "Members get early access to new collections, exclusive discounts, design tips from our team, and invitations to private events. We respect your inbox—only curated content, no spam."
            },
            {
              id: "2",              title: "How often do you send emails?",              content: "We send curated collections bi-weekly and special announcements monthly. You can adjust frequency preferences in your account settings anytime."
            },
            {
              id: "3",              title: "Can I unsubscribe anytime?",              content: "Of course! Every email has an unsubscribe link. No questions asked, no hard feelings. Your preferences are always in your control."
            }
          ]}
          ctaTitle="Join Our Design Community"
          ctaDescription="Subscribe to receive curated collections, design inspiration, and exclusive member previews."
          ctaButton={{ text: "Subscribe Now", href: "https://example.com/newsletter" }}
          ctaIcon={Mail}
          useInvertedBackground={false}
          animationType="blur-reveal"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Shop",              items: [
                { label: "All Furniture", href: "shop" },
                { label: "Seating", href: "shop" },
                { label: "Tables", href: "shop" },
                { label: "Storage", href: "shop" },
                { label: "New Arrivals", href: "shop" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Design Philosophy", href: "about" },
                { label: "Sustainability", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
                { label: "Care Guide", href: "#" },
                { label: "Warranty", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Studio Luxe. All rights reserved. Crafted for those who value timeless design."
        />
      </div>
    </ThemeProvider>
  );
}