"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Globe, MapPin, Star, Sparkles, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Wanderlust Escapes"
          navItems={[
            { name: "Destinations", id: "destinations" },
            { name: "About", id: "about" },
            { name: "Experiences", id: "experiences" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Luxury Travel Since 2010"
          bottomRightText="hello@wanderlustescapes.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Discover Extraordinary Journeys to Unforgettable Destinations"
          description="Curated luxury travel experiences tailored to your dreams. From private islands to exclusive cultural tours, we craft bespoke itineraries that transcend ordinary vacations."
          background={{ variant: "sparkles-gradient" }}
          tag="Luxury Travel Experiences"
          tagIcon={Globe}
          imageSrc="https://img.b2bpic.net/free-photo/travel-relaxation-umbrella-luxury-hotels_1253-653.jpg"
          imageAlt="Luxury tropical travel destination"
          buttons={[
            { text: "Explore Destinations", href: "destinations" },
            { text: "Plan Your Journey", href: "contact" }
          ]}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Satisfied traveler" },
            { src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Happy client" },
            { src: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Trusted customer" }
          ]}
          avatarText="Trusted by 500+ travelers worldwide"
        />
      </div>

      <div id="destinations" data-section="destinations">
        <FeatureCardTwentyTwo
          title="Featured Destinations"
          description="Handpicked luxury destinations across the globe, each offering unique experiences and world-class accommodations."
          features={[
            {
              id: "1",              category: ["Island Paradise", "Luxury Resort", "Overwater Villas"],
              title: "Maldives: Where Turquoise Waters Meet Infinite Luxury",              imageSrc: "https://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982723.jpg",              imageAlt: "Maldives overwater bungalow resort"
            },
            {
              id: "2",              category: ["City Escape", "Romance", "Cultural Landmarks"],
              title: "Paris: The City of Light and Timeless Elegance",              imageSrc: "https://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg",              imageAlt: "Paris Eiffel Tower romantic destination"
            },
            {
              id: "3",              category: ["Cultural Journey", "Ancient Temples", "Zen Wellness"],
              title: "Japan: Ancient Temples and Modern Sophistication",              imageSrc: "https://img.b2bpic.net/free-photo/girl-enjoying-sun-sitting-swing_1140-181.jpg",              imageAlt: "Japan temple cultural experience"
            },
            {
              id: "4",              category: ["Mountain Retreat", "Alpine Adventure", "Exclusive Lodges"],
              title: "Swiss Alps: Majestic Peaks and Luxury Chalets",              imageSrc: "https://img.b2bpic.net/free-photo/house-landscape-pool-relaxation-garden_1203-4900.jpg",              imageAlt: "Swiss Alps mountain landscape"
            },
            {
              id: "5",              category: ["Wildlife Safari", "Adventure", "Private Camps"],
              title: "African Safari: Witness Nature's Greatest Spectacle",              imageSrc: "https://img.b2bpic.net/free-photo/large-palm-trees-pool_1203-307.jpg",              imageAlt: "African safari wildlife adventure"
            },
            {
              id: "6",              category: ["Island Escape", "Mediterranean", "Scenic Beauty"],
              title: "Greece: Islands of Myth and Mediterranean Splendor",              imageSrc: "https://img.b2bpic.net/free-photo/woman-white-swimming-suit-by-ocean-using-phone_1303-15330.jpg",              imageAlt: "Greece island Mediterranean destination"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Curated Experiences"
          tagIcon={MapPin}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Redefining Luxury Travel with Personalized Excellence"
          description="For over a decade, Wanderlust Escapes has been the trusted partner for discerning travelers seeking authentic, transformative journeys. Our expert team combines deep destination knowledge with white-glove service to curate experiences that exceed expectations. From securing reservations at exclusive resorts to arranging private tours with renowned experts, we handle every detail with meticulous attention."
          tag="About Us"
          tagIcon={Star}
          metrics={[
            { value: "15+", title: "Years of Excellence" },
            { value: "500+", title: "Happy Travelers" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714434.jpg"
          imageAlt="Professional travel consultants"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experiences" data-section="experiences">
        <ProductCardThree
          title="Premium Travel Experiences"
          description="Handcrafted itineraries and exclusive packages designed for the most discerning travelers."
          products={[
            {
              id: "1",              name: "Bali Luxury Retreat",              price: "$7,500 per person",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9008.jpg",              imageAlt: "Bali luxury resort experience"
            },
            {
              id: "2",              name: "European Grand Tour",              price: "$12,000 per person",              imageSrc: "https://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg",              imageAlt: "European cities grand tour"
            },
            {
              id: "3",              name: "Private Island Escape",              price: "$9,800 per person",              imageSrc: "https://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982723.jpg",              imageAlt: "Private island vacation"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Exclusive Packages"
          tagIcon={Sparkles}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Why Choose Wanderlust Escapes"
          description="Our commitment to excellence is reflected in every aspect of our service."
          metrics={[
            {
              id: "1",              value: "98%",              title: "Client Satisfaction",              description: "Consistently exceeding travel expectations",              imageSrc: "https://img.b2bpic.net/free-photo/maldives-island_1203-7338.jpg",              imageAlt: "Luxury travel experience"
            },
            {
              id: "2",              value: "24/7",              title: "Concierge Support",              description: "Always available for your travel needs",              imageSrc: "https://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714434.jpg",              imageAlt: "Professional support team"
            },
            {
              id: "3",              value: "50+",              title: "Destination Partners",              description: "Exclusive access to premium locations",              imageSrc: "https://img.b2bpic.net/free-photo/house-landscape-pool-relaxation-garden_1203-4900.jpg",              imageAlt: "Global destination partnerships"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from travelers who have experienced our exceptional service and transformative journeys."
          testimonials={[
            {
              id: "1",              name: "Margaret Thompson, Founder of Thompson Industries",              date: "Date: November 2024",              title: "A life-changing experience beyond imagination",              quote: "Wanderlust Escapes orchestrated our family's two-week journey through Southeast Asia with flawless precision. Every detail was thoughtfully planned, from private yacht excursions to exclusive dining with local chefs. We felt like royalty throughout our entire journey.",              tag: "Premium Package",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9008.jpg"
            },
            {
              id: "2",              name: "James Mitchell, CEO of Digital Innovations",              date: "Date: October 2024",              title: "Exceeded every expectation I had",              quote: "The Swiss Alps retreat was meticulously planned. From private helicopter transfers to sommelier-guided wine tastings in exclusive cellars, every moment felt truly special. The team's dedication to excellence is unmatched.",              tag: "Luxury Retreat",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/house-landscape-pool-relaxation-garden_1203-4900.jpg"
            },
            {
              id: "3",              name: "Sofia Rossi, Art Collector",              date: "Date: September 2024",              title: "Bespoke travel at its finest",              quote: "My Paris cultural tour was impeccably curated with private museum access and personal art historians. This is the kind of personalized service that makes you feel truly valued as a traveler.",              tag: "Cultural Journey",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg"
            },
            {
              id: "4",              name: "David Chen, Investment Banker",              date: "Date: August 2024",              title: "Simply the best travel service available",              quote: "Our Maldives honeymoon was perfection. Private island dinners, underwater spa experiences, and seamless logistics throughout. The team anticipated every need before we even asked.",              tag: "Luxury Honeymoon",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982723.jpg"
            },
            {
              id: "5",              name: "Elena Rodriguez, Luxury Brand Executive",              date: "Date: July 2024",              title: "Unparalleled luxury and sophistication",              quote: "The African safari was a once-in-a-lifetime adventure. Wanderlust Escapes provided exclusive access to pristine wildlife reserves and luxury camps that aren't available to the general public. Absolutely remarkable.",              tag: "Adventure Package",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/large-palm-trees-pool_1203-307.jpg"
            },
            {
              id: "6",              name: "Robert Hamilton, Entrepreneur",              date: "Date: June 2024",              title: "Your dreams become reality here",              quote: "I've traveled extensively, but Wanderlust Escapes elevated my expectations of what luxury travel could be. The combination of impeccable service, exclusive access, and thoughtful personalization is truly incomparable.",              tag: "Signature Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/woman-white-swimming-suit-by-ocean-using-phone_1303-15330.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Plan Your Next Extraordinary Journey"
          description="Subscribe to our newsletter for exclusive destination insights, special offers, and travel inspiration curated just for you."
          tagIcon={Mail}
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. We'll send you travel inspiration, exclusive offers, and updates about new destinations."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/maldives-island_1203-7338.jpg"
          imageAlt="Luxury travel experience footer"
          logoText="Wanderlust Escapes"
          copyrightText="© 2025 Wanderlust Escapes. All rights reserved."
          columns={[
            {
              title: "Destinations",              items: [
                { label: "Asia", href: "destinations" },
                { label: "Europe", href: "destinations" },
                { label: "Americas", href: "destinations" },
                { label: "Africa", href: "destinations" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Custom Itineraries", href: "experiences" },
                { label: "Luxury Packages", href: "experiences" },
                { label: "Concierge Service", href: "about" },
                { label: "Group Travel", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}