"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Award, Sparkles, Crown, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Lights"
          navItems={[
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Elevate Your Holiday with Luxury Lighting"
          description="Handcrafted Christmas tree lights designed for discerning homes. Warm ambiance meets timeless elegance in every strand."
          tag="Premium Collection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-decorated-with-garlands-backyard-house_169016-59983.jpg",              imageAlt: "Luxury Christmas tree lights in elegant home setting"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dining-place-decorated-with-toys-glass-plates-new-year-eve-concept_132075-11257.jpg",              imageAlt: "Gold metallic premium Christmas lights close-up"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/decorative-snowflakes-garlands-blurred-interior-background_169016-61408.jpg",              imageAlt: "Handcrafted luxury string lights detail"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/mother-with-cute-daughter-home-near-fireplace_1157-43026.jpg",              imageAlt: "Elegant Christmas tree with premium warm lighting"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/objects-holiday-decor-table-new-year-eve-concept_132075-11264.jpg",              imageAlt: "Premium Christmas lights in sophisticated home decor"
            }
          ]}
          mediaAnimation="slide-up"
          buttons={[
            { text: "Explore Collections", href: "collections" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Craft"
          tagIcon={Award}
          tagAnimation="blur-reveal"
          title="Handcrafted Excellence for Discerning Homes"
          description="Founded on a commitment to uncompromising quality"
          subdescription="Luxe Lights Studio"
          icon={Zap}
          imageSrc="http://img.b2bpic.net/free-photo/glassblower-shaping-glass-blowpipe_107420-74297.jpg"
          imageAlt="Artisan crafting premium Christmas lights"
          mediaAnimation="opacity"
          useInvertedBackground={false}
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardEight
          title="Our Collections"
          description="Each collection represents a unique approach to luxury holiday lighting, crafted with meticulous attention to detail and aesthetic coherence."
          tag="Curated Selection"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Warm Ambiance",              description: "Soft, inviting glow that transforms any space into an intimate luxury retreat. Our signature warm white tones create an atmosphere of refined elegance.",              imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-daughter-packing-christmas-presents-having-fun_1303-29854.jpg",              imageAlt: "Warm luxury lighting ambiance"
            },
            {
              id: 2,
              title: "Artisan Craftsmanship",              description: "Each strand hand-assembled by master craftspeople. Meticulous quality control ensures every light meets our exacting standards for luxury performance.",              imageSrc: "http://img.b2bpic.net/free-photo/suitmaker-tailor-cutting-fabric_482257-78193.jpg",              imageAlt: "Artisan crafting luxury lights"
            },
            {
              id: 3,
              title: "Timeless Design",              description: "Contemporary minimalist aesthetics that complement modern interiors while honoring classical holiday traditions. Design sophistication in every element.",              imageSrc: "http://img.b2bpic.net/free-photo/light-line-open-drawers-blue-fronts_169016-68939.jpg",              imageAlt: "Modern sophisticated light design"
            },
            {
              id: 4,
              title: "Sustainable Luxury",              description: "Premium energy-efficient LED technology with minimal environmental footprint. Luxury that endures both aesthetically and responsibly.",              imageSrc: "http://img.b2bpic.net/free-photo/black-men-couple-spending-time-together_23-2150261343.jpg",              imageAlt: "Eco-friendly sustainable luxury lighting"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Signature Collections"
          description="Curated selections of premium Christmas tree lights designed for the most discerning homeowners seeking elevated holiday aesthetics."
          tag="Best Sellers"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "classic-gold",              brand: "Luxe Lights",              name: "Classic Gold String Lights",              price: "$450.00",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "http://img.b2bpic.net/free-photo/christmas-still-life-with-candles-knitted-element-blurred-background_169016-45133.jpg",              imageAlt: "Classic gold luxury Christmas string lights"
            },
            {
              id: "contemporary-copper",              brand: "Luxe Lights",              name: "Contemporary Copper Series",              price: "$520.00",              rating: 5,
              reviewCount: "980",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg",              imageAlt: "Modern copper contemporary luxury lights"
            },
            {
              id: "designer-edition",              brand: "Luxe Lights",              name: "Designer Limited Edition",              price: "$750.00",              rating: 5,
              reviewCount: "340",              imageSrc: "http://img.b2bpic.net/free-photo/stunning-lady-wearing-dark-apparel-posing-with-hand-waist-black-studio-front-view-caucasian_7502-10526.jpg",              imageAlt: "Exclusive designer limited edition luxury lights"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Investment Plans"
          description="Select the perfect collection for your holiday vision. Premium pricing reflects uncompromising quality and artisan craftsmanship."
          tag="Luxury Tiers"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          plans={[
            {
              id: "essentials",              badge: "Essentials",              badgeIcon: Sparkles,
              price: "$450",              subtitle: "Perfect for intimate settings",              buttons: [
                { text: "Choose Plan", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "100 premium LED lights",                "Warm white tone (2700K)",                "25-foot strand length",                "5-year warranty",                "Handcrafted assembly"
              ]
            },
            {
              id: "signature",              badge: "Signature",              badgeIcon: Crown,
              price: "$650",              subtitle: "Our most popular choice",              buttons: [
                { text: "Choose Plan", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "150 premium LED lights",                "Dual warmth settings (2700K/3000K)",                "40-foot strand length",                "10-year warranty",                "Premium packaging",                "Designer consultation"
              ]
            },
            {
              id: "prestige",              badge: "Prestige",              badgeIcon: Star,
              price: "$950",              subtitle: "Ultimate luxury experience",              buttons: [
                { text: "Choose Plan", href: "#" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "200 premium LED lights",                "Customizable color warmth",                "50-foot strand length",                "Lifetime warranty",                "White glove installation",                "Annual maintenance included"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Clients Say"
          description="Discover how Luxe Lights has elevated holiday celebrations for discerning homeowners and interior designers."
          tag="Client Stories"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              role: "Interior Designer",              company: "Chen & Associates Design",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-beautiful-dress-sits-waits-christmas-dinner_132075-11471.jpg?_wi=1",              imageAlt: "Margaret Chen in luxury home interior"
            },
            {
              id: "2",              name: "Jonathan Ashford",              role: "Homeowner",              company: "Pacific Heights",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-blue-sofa-lamp-with-gold-leaf-it_123827-23880.jpg",              imageAlt: "Jonathan Ashford in elegant home setting"
            },
            {
              id: "3",              name: "Victoria Moorehead",              role: "Event Stylist",              company: "Moorehead Celebrations",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-beautiful-dress-sits-waits-christmas-dinner_132075-11471.jpg?_wi=2",              imageAlt: "Victoria Moorehead at luxury event"
            },
            {
              id: "4",              name: "Richard Sullivan",              role: "Architect",              company: "Sullivan & Partners",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/outside-view-restaurant-cottage-night-time_140725-8844.jpg",              imageAlt: "Richard Sullivan at luxury property"
            },
            {
              id: "5",              name: "Catherine Whitmore",              role: "Collector",              company: "Art & Design Enthusiast",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-beautiful-dress-sits-waits-christmas-dinner_132075-11471.jpg?_wi=3",              imageAlt: "Catherine Whitmore in luxury setting"
            },
            {
              id: "6",              name: "Alexander Pembroke",              role: "CEO",              company: "Pembroke Estates",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/glass-sparkling-water-strawberry_140725-6439.jpg",              imageAlt: "Alexander Pembroke at upscale venue"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Answers to common questions about our luxury Christmas lighting collections and services."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="blur-reveal"
          faqs={[
            {
              id: "1",              title: "What makes Luxe Lights different from other premium lighting brands?",              content: "Each Luxe Lights strand is hand-assembled by master craftspeople using the finest materials available. Our commitment to artisan quality, refined aesthetics, and sustainable luxury practices sets us apart. We prioritize timeless design over trends, ensuring your investment remains elegant for generations."
            },
            {
              id: "2",              title: "What is the lifespan of your lights?",              content: "Our premium LED technology ensures 50,000+ hours of operation. With proper care, your Luxe Lights will provide beautiful ambiance for decades. We offer comprehensive warranties ranging from 5 to lifetime coverage depending on your collection choice."
            },
            {
              id: "3",              title: "Are your lights energy-efficient?",              content: "Yes. Our LED technology consumes 85% less energy than traditional incandescent lights while delivering superior warm ambiance. This efficiency allows you to enjoy extended display seasons without environmental guilt or excessive electricity costs."
            },
            {
              id: "4",              title: "Can I customize my collection?",              content: "Absolutely. Our Signature and Prestige collections offer customization options including strand length, color warmth settings, and installation configurations. Contact our design consultants to create your perfect luxury lighting solution."
            },
            {
              id: "5",              title: "Do you offer installation services?",              content: "Our Prestige collection includes white glove installation. For other collections, we partner with local luxury home service providers. We can connect you with vetted installers in your area who understand premium aesthetic placement."
            },
            {
              id: "6",              title: "What is your return policy?",              content: "We stand behind our craftsmanship completely. If you're not entirely satisfied within 30 days, we offer full returns. However, our clients rarely return their lights—the quality speaks for itself."
            },
            {
              id: "7",              title: "How should I store my lights during off-season?",              content: "We provide archival-quality storage solutions with every purchase. Store your lights in a cool, dry place away from direct sunlight. Our included storage box preserves both the lights and their elegant presentation for years of use."
            },
            {
              id: "8",              title: "Can I use your lights year-round?",              content: "While designed for holiday elegance, many clients enjoy displaying Luxe Lights year-round in their homes. The refined warm glow complements sophisticated interior design during any season. Your design consultant can suggest creative placement ideas."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/golden-decoration-new-year-party_23-2148339549.jpg"
          imageAlt="Warm luxury Christmas lights ambiance"
          logoText="Luxe Lights"
          copyrightText="© 2025 Luxe Lights. All rights reserved."
          columns={[
            {
              title: "Collections",              items: [
                { label: "Classic Gold", href: "#products" },
                { label: "Contemporary Copper", href: "#products" },
                { label: "Designer Edition", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Craft", href: "#collections" },
                { label: "FAQ", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Warranty", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
