"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Watch, Crown, Users, Sparkles, Gem, Heart, HelpCircle, Mail, MapPin, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmall"
      background="animatedGrid"
      cardStyle="outline-light"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Chronos"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Collection", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "FAQ", id: "faq" }
          ]}
          bottomLeftText="Madrid, Spain"
          bottomRightText="hello@chronos.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Timeless Elegance"
          description="Discover our curated collection of premium watches, each representing the pinnacle of Swiss craftsmanship and luxury design."
          tag="Luxury Boutique"
          tagIcon={Watch}
          buttons={[
            { text: "Explore Collection", href: "#products" },
            { text: "View Details", href: "#contact" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-bearded-man-dark-suit-is-checking-what-time-is-now-dark-photo-studio_613910-12654.jpg",              imageAlt: "Premium luxury watch"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",              imageAlt: "Elegant Swiss timepiece"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/ethnic-businessman-adjusting-sleeve_23-2147768610.jpg",              imageAlt: "Gold luxury watch"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/cropped-image-young-afro-american-man-looking-watch_171337-9261.jpg",              imageAlt: "Silver premium watch"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-hand-watch-with-bstrap-reflective-surface_181624-58668.jpg",              imageAlt: "Luxury watch collection"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg",              imageAlt: "High-end elegant timepiece"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Chronos Madrid: Guardians of Time and Legacy. Founded in 1985, our boutique represents the intersection of Swiss precision, Italian design, and Spanish heritage. Each timepiece in our collection is selected with meticulous care, honoring craftsmanship and exclusivity."
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Watch, label: "Years of Excellence", value: "40+" },
            { icon: Crown, label: "Premium Brands", value: "20+" },
            { icon: Users, label: "Satisfied Collectors", value: "5000+" },
            { icon: Sparkles, label: "Exclusive Timepieces", value: "300+" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Collection"
          description="Handpicked luxury watches from the world's finest manufacturers. Each piece represents exceptional craftsmanship and timeless elegance."
          tag="Premium Selection"
          tagIcon={Gem}
          buttons={[
            { text: "View All Watches", href: "#contact" }
          ]}
          products={[
            {
              id: "1",              name: "Perpetual Elegance - Swiss Automatic",              price: "$4,850",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241142.jpg",              imageAlt: "Premium diving watch",              initialQuantity: 1
            },
            {
              id: "2",              name: "Dress Tradition - Gold & Silver",              price: "$5,200",              imageSrc: "https://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-526.jpg",              imageAlt: "Elegant dress watch",              initialQuantity: 1
            },
            {
              id: "3",              name: "Velocity Sport - Chronograph",              price: "$3,950",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg",              imageAlt: "Premium sport watch",              initialQuantity: 1
            },
            {
              id: "4",              name: "Timeless Classic - Mechanical",              price: "$6,200",              imageSrc: "https://img.b2bpic.net/free-photo/man-fastens-cufflink-his-business-suit_8353-11456.jpg",              imageAlt: "Classic mechanical watch",              initialQuantity: 1
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Watch Connoisseurs"
          description="Hear from our discerning clients who have discovered their perfect timepiece at Chronos Madrid."
          tag="Client Stories"
          tagIcon={Heart}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertCard"
          testimonials={[
            {
              id: "1",              name: "Ricardo Martínez",              handle: "@ricmartinez",              testimonial: "The expertise and attention to detail at Chronos is unmatched. I found my dream watch, and the service was impeccable. Every interaction felt personal and exclusive.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg",              imageAlt: "Ricardo Martínez"
            },
            {
              id: "2",              name: "Isabella Romano",              handle: "@isabellarosa",              testimonial: "A true sanctuary for watch enthusiasts. The collection is extraordinary, and the staff's knowledge is remarkable. I've returned multiple times and always discover something new.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Isabella Romano"
            },
            {
              id: "3",              name: "James Wellington",              handle: "@jwellington",              testimonial: "Chronos Madrid elevated my appreciation for fine timepieces. The curation is exceptional, and every watch tells a story. Highly recommended for collectors and newcomers alike.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg",              imageAlt: "James Wellington"
            },
            {
              id: "4",              name: "Mariana Silva",              handle: "@mariana_silva",              testimonial: "An unforgettable experience from start to finish. The boutique atmosphere is sophisticated, and the team's passion for horology is truly inspiring. My new Chronos watch is a treasure.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Mariana Silva"
            },
            {
              id: "5",              name: "Fernando García",              handle: "@fernandogarcia",              testimonial: "Visited Chronos looking for a special gift. The personalized service and curated selection made finding the perfect watch effortless. Now I'm a regular customer.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg",              imageAlt: "Fernando García"
            },
            {
              id: "6",              name: "Sophia Laurent",              handle: "@sophia_laurent",              testimonial: "Chronos is more than a watch shop—it's a destination for those who understand true luxury. Every detail reflects excellence. I couldn't be happier with my purchase.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",              imageAlt: "Sophia Laurent"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about our watches, warranty, and services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          imageSrc="https://img.b2bpic.net/free-photo/mature-clockmaster-is-fixing-old-watch-customer-his-busy-repairing-workshop_613910-20851.jpg"
          imageAlt="Expert watchmaker at work"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "What warranty do your watches include?",              content: "All our watches come with a comprehensive 5-year international warranty covering manufacturing defects. We also offer optional extended warranty coverage up to 10 years. Each purchase includes documentation of authenticity and a luxury care package."
            },
            {
              id: "2",              title: "Do you offer authentication and appraisal services?",              content: "Yes. We provide professional authentication and independent appraisal services for vintage and contemporary timepieces. Our certified experts examine each watch thoroughly and provide detailed documentation for insurance and collection purposes."
            },
            {
              id: "3",              title: "Can I arrange a private viewing appointment?",              content: "Absolutely. We offer exclusive private appointments for serious collectors. Simply contact us to schedule a time that suits your preferences. We provide personalized consultations and can source specific pieces upon request."
            },
            {
              id: "4",              title: "What is your return and exchange policy?",              content: "We stand behind the quality of every timepiece. Returns are accepted within 30 days of purchase in original condition. Exchanges for different models are welcome, and we offer credit toward future purchases within 60 days."
            },
            {
              id: "5",              title: "Do you service and repair watches?",              content: "Yes. Our in-house expert technicians provide comprehensive servicing, repairs, and maintenance. We use only genuine parts and certified materials. Routine maintenance ensures your timepiece performs flawlessly for generations."
            },
            {
              id: "6",              title: "How do you source your collection?",              content: "Our curators travel globally to discover exceptional timepieces. We establish relationships directly with manufacturers, authorized dealers, and reputable vintage collectors. Every watch undergoes rigorous authentication before joining our collection."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Join Our Exclusive Circle"
          description="Subscribe to our newsletter for exclusive previews of new acquisitions, invitations to private events, and curated insights from our horological experts."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/silky-gold-fabric-snakeskin-textured_53876-94696.jpg"
          imageAlt="Luxury watch boutique"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. You can unsubscribe at any time. We send curated updates monthly."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Chronos"
          title="Experience the art of timekeeping with Chronos Madrid—where luxury meets heritage."
          columns={[
            {
              title: "Explore",              items: [
                { label: "Our Collection", href: "#products" },
                { label: "About Us", href: "#about" },
                { label: "Services", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "FAQs", href: "#faq" },
                { label: "Warranty", href: "#faq" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Our Story", href: "#about" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms & Conditions", href: "#" }
              ]
            }
          ]}
          contactItems={[
            { icon: MapPin, text: "Paseo de la Castellana 75, Madrid 28046, Spain" },
            { icon: Phone, text: "+34 91 555 0123" },
            { icon: Mail, text: "concierge@chronos.com" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}