"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Layers, Phone, MessageCircle, MapPin, Clock, TrendingUp, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="large"
      background="fluid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Milano Polo"
          navItems={[
            { name: "Collections", id: "collections" },
            { name: "Trends", id: "trends" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Call Now", href: "tel:+962-6-XXXXXXX" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Discover Premium Global Brands in Amman & Irbid"
          description="Milano Polo showcases the finest collections from world-renowned brands including Levi's, Zara, The North Face, and Timberland. Experience luxury fashion with a local touch across our Jordan locations."
          tag="Premium Fashion"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "glowing-orb" }}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/bunch-jeans-wooden-wall-fashionable-clothes_169016-5202.jpg", imageAlt: "Levi's Collection" },
            { imageSrc: "http://img.b2bpic.net/free-photo/fashion-clothing-shop-boutique-concept_53876-31870.jpg", imageAlt: "Zara Collection" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-cloth-shop_1303-19847.jpg?_wi=1", imageAlt: "Men's Fashion" },
            { imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26771.jpg?_wi=1", imageAlt: "Women's Fashion" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/curly-model-standing-beach-enjoying-cold-autumn-day-with-hood-her-head_181624-27342.jpg", imageAlt: "The North Face Collection" },
            { imageSrc: "http://img.b2bpic.net/free-photo/children-s-rubber-boots-log-near_169016-5491.jpg", imageAlt: "Timberland Collection" },
            { imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-shopping_624325-3876.jpg?_wi=1", imageAlt: "Kids Eid Collections" },
            { imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-fashion-shoting_23-2148885691.jpg?_wi=1", imageAlt: "Latest Arrivals" }
          ]}
          buttons={[
            { text: "WhatsApp Inquiry", href: "https://wa.me/962XXXXXXXXX" },
            { text: "Call Now", href: "tel:+962-6-XXXXXXX" }
          ]}
          buttonAnimation="slide-up"
          carouselPosition="right"
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardTwentyThree
          title="Shop Our Collections"
          description="Explore curated collections tailored for every style and occasion, from global brands to local favorites."
          tag="Categories"
          tagIcon={Layers}
          tagAnimation="blur-reveal"
          features={[
            {
              id: "mens",              title: "Men's Fashion",              tags: ["Premium Brands", "Casual & Formal"],
              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-cloth-shop_1303-19847.jpg?_wi=2",              imageAlt: "Men's Fashion Collection"
            },
            {
              id: "kids",              title: "Kids Eid Collections",              tags: ["Special Occasions", "Trending Styles"],
              imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-shopping_624325-3876.jpg?_wi=2",              imageAlt: "Kids Eid Collections"
            },
            {
              id: "womens",              title: "Women's Fashion",              tags: ["Luxury Brands", "Latest Arrivals"],
              imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26771.jpg?_wi=2",              imageAlt: "Women's Fashion Collection"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Browse All", href: "#collections" }
          ]}
        />
      </div>

      <div id="cta-section" data-section="cta-section">
        <AboutMetric
          title="Get in Touch Today - Premium Fashion Awaits You"
          metrics={[
            { icon: Phone, label: "Call Us Now", value: "+962-6-XXXXXXX" },
            { icon: MessageCircle, label: "WhatsApp Inquiry", value: "Direct Message" },
            { icon: MapPin, label: "Visit Our Stores", value: "Amman & Irbid" },
            { icon: Clock, label: "Business Hours", value: "10 AM - 10 PM" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="location-contact" data-section="location-contact">
        <ContactFaq
          ctaTitle="Visit Our Locations"
          ctaDescription="Experience our premium collections in person at our conveniently located stores in Amman and Irbid."
          ctaButton={{ text: "Get Directions", href: "https://maps.google.com/?q=Milano+Polo+Amman" }}
          ctaIcon={MapPin}
          faqs={[
            {
              id: "location-amman",              title: "Amman - 7th Circle",              content: "<strong>Milano Polo - 7th Circle</strong><br/>Address: 7th Circle, Amman, Jordan<br/>Phone: +962-6-XXXXXXX<br/>Hours: 10 AM - 10 PM<br/>Featuring all premium brands including Levi's, Zara, The North Face, and Timberland."
            },
            {
              id: "location-irbid",              title: "Irbid Store",              content: "<strong>Milano Polo - Irbid</strong><br/>Address: Irbid, Jordan<br/>Phone: +962-2-XXXXXXX<br/>Hours: 10 AM - 10 PM<br/>Complete collection of fashion and footwear from global brands."
            },
            {
              id: "location-gardens",              title: "Gardens Street Branch",              content: "<strong>Milano Polo - Gardens Street</strong><br/>Address: Gardens Street, Amman, Jordan<br/>Phone: +962-6-XXXXXXX<br/>Hours: 10 AM - 10 PM<br/>Flagship location with exclusive collections and personal styling services."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="trends" data-section="trends">
        <BlogCardOne
          title="Latest Fashion Trends"
          description="Stay updated with the newest arrivals and trending styles from Milano Polo's curated collections."
          tag="What's New"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          blogs={[
            {
              id: "trend-1",              category: "Seasonal",              title: "Summer Collection 2025: Must-Have Styles",              excerpt: "Discover the hottest summer fashion pieces from Zara and premium international brands.",              imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-fashion-shoting_23-2148885691.jpg?_wi=2",              imageAlt: "Summer Collection",              authorName: "Milano Polo Team",              authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              date: "January 20, 2025"
            },
            {
              id: "trend-2",              category: "Spotlight",              title: "Eid Collection Preview: Kids Fashion Edition",              excerpt: "Celebrate special occasions with our exclusive Eid collections for kids.",              imageSrc: "http://img.b2bpic.net/free-photo/people-preparing-christmas-eve_482257-74474.jpg",              imageAlt: "Eid Collection",              authorName: "Milano Polo Team",              authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              date: "January 18, 2025"
            },
            {
              id: "trend-3",              category: "Guide",              title: "Premium Footwear Guide: Finding Your Perfect Timberland",              excerpt: "Everything you need to know about selecting premium footwear for any occasion.",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-choosing-cloth-shop_1303-19847.jpg?_wi=3",              imageAlt: "Footwear Guide",              authorName: "Milano Polo Team",              authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              date: "January 15, 2025"
            },
            {
              id: "trend-4",              category: "Collection",              title: "Casual Elegance: The New Levi's Denim Collection",              excerpt: "Explore timeless denim styles that work for every season and occasion.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-blonde-female-black-eyeglasses-chooses-fashionable-clothes-coat-rack_613910-7654.jpg",              imageAlt: "Denim Collection",              authorName: "Milano Polo Team",              authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              date: "January 12, 2025"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="auto"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardOne
          title="Customer Reviews & Trust"
          description="See what our satisfied customers say about Milano Polo's premium collections and service."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          testimonials={[
            {
              id: "review-1",              name: "Amira Al-Rashid",              role: "Fashion Enthusiast",              company: "Amman",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",              imageAlt: "Amira Al-Rashid"
            },
            {
              id: "review-2",              name: "Omar Abdullah",              role: "Business Professional",              company: "Irbid",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2",              imageAlt: "Omar Abdullah"
            },
            {
              id: "review-3",              name: "Hana Mansouri",              role: "Style Blogger",              company: "Amman",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3",              imageAlt: "Hana Mansouri"
            },
            {
              id: "review-4",              name: "Karim Hassan",              role: "Regular Customer",              company: "7th Circle",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4",              imageAlt: "Karim Hassan"
            },
            {
              id: "review-5",              name: "Leila Nasser",              role: "Customer",              company: "Amman",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=5",              imageAlt: "Leila Nasser"
            },
            {
              id: "review-6",              name: "Jamal Khalil",              role: "Corporate Client",              company: "Irbid",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=6",              imageAlt: "Jamal Khalil"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="uniform-all-items-equal"
          carouselMode="auto"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Milano Polo"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Men's Collection", href: "#collections" },
                { label: "Women's Fashion", href: "#collections" },
                { label: "Kids Eid Collection", href: "#collections" },
                { label: "Latest Trends", href: "#trends" }
              ]
            },
            {
              title: "Locations",              items: [
                { label: "7th Circle, Amman", href: "https://maps.google.com/?q=Milano+Polo+Amman" },
                { label: "Irbid Store", href: "https://maps.google.com/?q=Milano+Polo+Irbid" },
                { label: "Gardens Street", href: "https://maps.google.com/?q=Milano+Polo+Gardens+Street" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Customer Reviews", href: "#reviews" },
                { label: "Call: +962-6-XXXXXXX", href: "tel:+962-6-XXXXXXX" },
                { label: "WhatsApp Support", href: "https://wa.me/962XXXXXXXXX" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Milano Polo | Premium Multi-Brand Fashion Retailer"
        />
      </div>
    </ThemeProvider>
  );
}