"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { CheckCircle, Clock, Heart, Shield, Sparkles, Watch } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-mesh"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Musa Watches"
          navItems={[
            { name: "Shop Original", id: "shop-original" },
            { name: "Replicas", id: "shop-replicas" },
            { name: "Warranty", id: "warranty" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Cart", href: "#cart" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Luxury Timepieces at Honest Prices"
          description="Experience premium watches with 1-year warranty, 2-day delivery across Pakistan & UAE, and 100% original authenticity guaranteed. Your trust is our priority."
          tag="Luxury Watches Pakistan"
          tagIcon={Watch}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Shop Original Collection", href: "#products" },
            { text: "Explore Replicas", href: "#replicas" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/modern-black-watch-wrist-man-sitting-car_181624-58251.jpg"
          imageAlt="Premium luxury watch collection"
          videoSrc="http://img.b2bpic.net/free-photo/cooking-vlogger_23-2148161768.jpg"
          videoAriaLabel="Musa Watches product showcase video"
          mediaAnimation="blur-reveal"
          imagePosition="right"
          testimonials={[
            {
              name: "Ahmed Hassan",              handle: "@karachi.luxury",              testimonial: "Received my Michael Kors watch in 2 days. Absolutely perfect quality and the packaging felt premium. Highly recommend!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg",              imageAlt: "Ahmed Hassan testimonial"
            },
            {
              name: "Zainab Khan",              handle: "@lahore.watches",              testimonial: "Best warranty service I've experienced. Quick replacement and zero hassles. Musa Watches delivers on their promises.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg",              imageAlt: "Zainab Khan testimonial"
            },
            {
              name: "Hassan Ali",              handle: "@dubai.timepieces",              testimonial: "International delivery was seamless. The watch arrived safely and looks exactly like the photos. Very satisfied customer here.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-showing-thumb-up_141793-121243.jpg",              imageAlt: "Hassan Ali testimonial"
            },
            {
              name: "Fatima Malik",              handle: "@islamabad.style",              testimonial: "The attention to detail is incredible. Premium packaging, fast shipping, and amazing customer service. Worth every penny.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg",              imageAlt: "Fatima Malik testimonial"
            }
          ]}
          testimonialRotationInterval={5000}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg", alt: "Ahmed Hassan" },
            { src: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", alt: "Zainab Khan" },
            { src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-showing-thumb-up_141793-121243.jpg", alt: "Hassan Ali" },
            { src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg", alt: "Fatima Malik" }
          ]}
          avatarText="Join 42.5K+ happy customers across Pakistan & UAE"
          useInvertedBackground={false}
        />
      </div>

      <div id="trust-metrics" data-section="trust-metrics">
        <MetricCardTen
          title="Why Musa Watches Stands Out"
          description="Trusted by thousands across Pakistan and UAE for authentic luxury, exceptional service, and transparent operations since 2005."
          tag="Our Commitment"
          tagIcon={Shield}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "warranty",              title: "1-Year Warranty",              subtitle: "Full replacement guarantee",              category: "Service",              value: "100%",              buttons: [{ text: "Learn More", href: "#warranty" }]
            },
            {
              id: "delivery",              title: "2-Day Delivery",              subtitle: "Across Pakistan & UAE",              category: "Shipping",              value: "Fast"
            },
            {
              id: "original",              title: "Original Quality",              subtitle: "Verified authenticity",              category: "Product",              value: "100%"
            },
            {
              id: "customers",              title: "42,500+ Followers",              subtitle: "Active community trust",              category: "Community",              value: "42.5K"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Luxury Collections"
          description="Handpicked original and premium replica timepieces curated for Pakistan's discerning watch enthusiasts."
          tag="Latest Collection"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Browse All Products", href: "#shop" },
            { text: "View Replicas", href: "#replicas" }
          ]}
          buttonAnimation="slide-up"
          products={[
            {
              id: "mk-9083-gold",              name: "Michael Kors MK9083 Gold",              price: "₨18,500",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-with-suitcase_23-2151043310.jpg",              imageAlt: "Michael Kors MK9083 Gold luxury watch"
            },
            {
              id: "mk-9082-blue",              name: "Michael Kors MK9082 Blue",              price: "₨17,800",              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg",              imageAlt: "Michael Kors MK9082 Blue watch"
            },
            {
              id: "super-clone-gmt",              name: "Super Clone GMT Master II",              price: "₨22,900",              imageSrc: "http://img.b2bpic.net/free-photo/man-checking-time-wrist-watch_23-2147689274.jpg",              imageAlt: "Premium super clone GMT watch"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Est. 2005"
          tagIcon={Clock}
          tagAnimation="slide-up"
          title="Musa Watches: 19 Years of Excellence"
          description="Since 2005, we've been Pakistan's trusted gateway to premium timepieces. From our roots in Karachi and Lahore, we've built a reputation on authenticity, service, and customer obsession."
          subdescription="Every watch in our collection is carefully selected and tested. Every customer interaction is treated as a relationship, not a transaction. Your satisfaction isn't just our goal—it's our promise."
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12387.jpg"
          imageAlt="Musa Watches premium packaging"
          mediaAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="warranty" data-section="warranty">
        <FeatureCardTwentyThree
          title="Comprehensive Warranty & After-Sales Care"
          description="We stand behind every watch we sell. Full 1-year replacement warranty, expert servicing, and transparent claims process."
          tag="Peace of Mind"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          features={[
            {
              id: "warranty-coverage",              title: "1-Year Full Coverage",              tags: ["Original Defects", "Manufacturing Faults", "Movement Issues"],
              imageSrc: "http://img.b2bpic.net/free-vector/guaranteed-badges-set_23-2147539774.jpg",              imageAlt: "Warranty coverage badge"
            },
            {
              id: "warranty-service",              title: "Expert Servicing",              tags: ["Professional Technicians", "Quality Parts", "Quick Turnaround"],
              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914182.jpg",              imageAlt: "Professional watch service center"
            },
            {
              id: "warranty-process",              title: "Simple Claims Process",              tags: ["Fast Approval", "Easy Documentation", "Hassle-Free Replacement"],
              imageSrc: "http://img.b2bpic.net/free-vector/guaranteed-badges-set_23-2147539774.jpg",              imageAlt: "Simple warranty claims"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Musa Watches has earned my complete trust. Fast delivery, premium quality, excellent warranty service, and genuinely caring customer support. They treat you like family, not just a transaction. Highly recommend to anyone looking for authentic luxury watches in Pakistan."
          rating={5}
          author="Mohammed Akram - Karachi"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", alt: "Mohammed Akram" },
            { src: "http://img.b2bpic.net/free-photo/horizontal-portrait-beautiful-cheerful-young-female-model-with-bobbed-hairstyle-pleasant-gentle-smile-healthy-skin-wears-green-sweater_273609-3528.jpg", alt: "Verified Customer" },
            { src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg", alt: "Happy Customer" },
            { src: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", alt: "Satisfied Buyer" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about shopping with Musa Watches. Can't find your answer? Contact us via WhatsApp."
          buttons={[{ text: "Contact WhatsApp", href: "https://wa.me/923002346789" }]}
          buttonAnimation="slide-up"
          faqs={[
            {
              id: "faq-1",              title: "How do I know if the watch is original?",              content: "All our watches come with detailed authenticity verification. We provide certificates, serial number documentation, and 100% original guarantee. Your satisfaction is backed by our 1-year warranty."
            },
            {
              id: "faq-2",              title: "What's the difference between Original and Replica?",              content: "Originals are genuine brand watches directly from authorized sources. Replicas are high-quality timepieces inspired by luxury brands—same precision, excellent quality, at fraction of the price. Both categories include our full warranty."
            },
            {
              id: "faq-3",              title: "How long does delivery take?",              content: "We guarantee 2-day delivery across Pakistan and UAE. Orders placed by 5 PM are dispatched the same day. Express international shipping available. Track your order in real-time."
            },
            {
              id: "faq-4",              title: "What if there's a fault within the warranty period?",              content: "Contact us immediately via WhatsApp or email. We'll arrange a quick replacement or full refund within 7 days. No hidden processes, no excuses. Your satisfaction is guaranteed."
            },
            {
              id: "faq-5",              title: "Do you offer international shipping?",              content: "Yes! We ship to UAE, UK, US, Canada, and most countries worldwide. Secure packaging, tracking, and full insurance included. International rates vary by destination."
            },
            {
              id: "faq-6",              title: "What payment methods do you accept?",              content: "Cash on Delivery (COD), JazzCash, EasyPaisa, Credit Card, Bank Transfer, and advance deposits. We also offer installment plans for orders above ₨50,000."
            }
          ]}
          textPosition="left"
          faqsAnimation="slide-up"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Musa Watches"
          copyrightText="© 2005-2025 Musa Watches. All rights reserved. Established in Karachi, Pakistan."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Original Watches", href: "#shop-original" },
                { label: "Replica Collection", href: "#shop-replicas" },
                { label: "Michael Kors", href: "#michael-kors" },
                { label: "Super Clones", href: "#super-clones" }
              ]
            },
            {
              title: "Service",              items: [
                { label: "Warranty Information", href: "#warranty" },
                { label: "After-Sales Support", href: "#support" },
                { label: "Shipping & Delivery", href: "#shipping" },
                { label: "Returns Policy", href: "#returns" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Musa Watches", href: "#about" },
                { label: "Our Story", href: "#story" },
                { label: "Press & Media", href: "#press" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram @musa_watxhes", href: "https://instagram.com/musa_watxhes" },
                { label: "WhatsApp Chat", href: "https://wa.me/923002346789" },
                { label: "Karachi Store", href: "#location-karachi" },
                { label: "Lahore Store", href: "#location-lahore" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}