"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, Globe, Instagram, Facebook, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Wanderlust Journeys"
          navItems={[
            { name: "Destinations", id: "destinations" },
            { name: "Experiences", id: "experiences" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Plan Your Journey", href: "contact" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="WANDERLUST"
          description="Discover extraordinary destinations curated for the discerning traveler. Personalized journeys that transcend ordinary travel experiences."
          buttons={[
            { text: "Explore Destinations", href: "destinations" },
            { text: "Start Planning", href: "contact" },
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-beach-resort-bungalow-near-endless-pool-sea-sunset-evening-tropical-island-summer_505751-5759.jpg",              imageAlt: "Tropical luxury destination"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lake-carezza-surrounded-by-dolomites-greenery-south-tyrol-italy_181624-61450.jpg",              imageAlt: "Mountain landscape adventure"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/hua-hin-beach-twilight_554837-516.jpg",              imageAlt: "Cultural destination experience"},
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Redefining luxury travel since 1998. We specialize in"},
            {
              type: "image",              src: "http://img.b2bpic.net/free-photo/female-staff-giving-boarding-pass-businessman_107420-85088.jpg",              alt: "Travel expertise"},
            {
              type: "text",              content: "creating unforgettable journeys for the world's most discerning travelers."},
          ]}
          buttons={[
            { text: "Our Story", href: "#" },
            { text: "Meet Our Team", href: "#" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Choose Wanderlust Journeys"
          description="Experience travel the way it should be—personalized, immersive, and unforgettable. Our expert team crafts every detail of your journey."
          tag="Premium Services"
          tagIcon={Sparkles}
          features={[
            {
              title: "Personalized Itineraries",              description: "Every journey is tailored to your preferences, interests, and travel style. Our experts design bespoke experiences that align with your dreams.",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-digital-tablet-waiting-area_107420-95817.jpg",              imageAlt: "travel planning itinerary personalized service luxury",              button: { text: "Learn More", href: "#" },
            },
            {
              title: "Exclusive Access",              description: "Gain entry to private collections, hidden gems, and luxury experiences unavailable to the general public. VIP treatment everywhere.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-valet-talking-man_23-2149901440.jpg",              imageAlt: "exclusive access VIP experience premium service luxury travel",              button: { text: "Discover", href: "#" },
            },
            {
              title: "24/7 Concierge Support",              description: "Our dedicated team provides round-the-clock assistance before, during, and after your travels. Peace of mind included.",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-talking-mobile-phone-waiting-area_107420-95809.jpg",              imageAlt: "24-7 support customer service travel assistance concierge service",              button: { text: "Learn More", href: "#" },
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="destinations" data-section="destinations">
        <FeatureCardMedia
          title="Curated Destinations"
          description="Handpicked luxury destinations across the globe, each offering unique experiences and unparalleled beauty."
          tag="Featured Destinations"
          tagIcon={Globe}
          features={[
            {
              id: "maldives",              title: "The Maldives",              description: "Crystal-clear waters, overwater bungalows, and world-class diving. Perfect for romance and relaxation.",              tag: "Island Paradise",              imageSrc: "http://img.b2bpic.net/free-photo/wooden-jetty-luxury-resort-maldives_505751-5521.jpg",              imageAlt: "Maldives tropical island luxury resort water bungalow",              buttons: [{ text: "Explore", href: "#" }],
            },
            {
              id: "paris",              title: "Paris",              description: "The City of Light offers iconic landmarks, exquisite dining, and timeless elegance at every corner.",              tag: "Urban Luxury",              imageSrc: "http://img.b2bpic.net/free-photo/paris-city-rooftop-view-with-napoleon-s-tomb-sunset_649448-4970.jpg",              imageAlt: "Paris iconic landmarks European city luxury destination",              buttons: [{ text: "Explore", href: "#" }],
            },
            {
              id: "japan",              title: "Japan",              description: "Ancient temples, modern cities, and serene gardens blend tradition with innovation in harmonious balance.",              tag: "Cultural Journey",              imageSrc: "http://img.b2bpic.net/free-photo/single-mom-spending-time-outdoors-with-her-child_23-2149011768.jpg",              imageAlt: "Japan cultural tour traditional temples Asian destination",              buttons: [{ text: "Explore", href: "#" }],
            },
            {
              id: "switzerland",              title: "Switzerland",              description: "Alpine mountains, pristine lakes, and charming villages create postcard-perfect landscapes and adventures.",              tag: "Mountain Retreat",              imageSrc: "http://img.b2bpic.net/free-photo/santa-maddalena-dolomites-rangesouth-tyrol_661209-233.jpg",              imageAlt: "Switzerland alpine mountains luxury vacation scenic destination",              buttons: [{ text: "Explore", href: "#" }],
            },
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureCardNine
          title="Immersive Travel Experiences"
          description="From sunset safaris to private yacht charters, each moment is designed to create lasting memories."
          tag="Signature Experiences"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Private Yacht Charter",              description: "Sail the Mediterranean in style aboard your private yacht. Wake to turquoise waters and gourmet cuisine prepared by your personal chef.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg?_wi=1",                imageAlt: "Private Yacht Charter - Phone 1"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg?_wi=2",                imageAlt: "Private Yacht Charter - Phone 2"},
            },
            {
              id: 2,
              title: "Luxury Safari Adventure",              description: "Witness Africa's magnificent wildlife from intimate bush lodges. Expert guides lead you through breathtaking landscapes.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg?_wi=3",                imageAlt: "Luxury Safari Adventure - Phone 1"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg?_wi=4",                imageAlt: "Luxury Safari Adventure - Phone 2"},
            },
            {
              id: 3,
              title: "Culinary Journeys",              description: "Dine at the world's finest restaurants and participate in private chef experiences. Taste authentic cuisines from master chefs.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg?_wi=5",                imageAlt: "Culinary Journeys - Phone 1"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg?_wi=6",                imageAlt: "Culinary Journeys - Phone 2"},
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Hear from travelers who have experienced the Wanderlust Journeys difference."
          tag="Client Stories"
          testimonials={[
            {
              id: "1",              name: "Catherine Winters, Luxury Executive",              date: "Date: November 2024",              title: "A journey beyond expectations",              quote: "Wanderlust Journeys transformed our anniversary trip into a magical experience we'll treasure forever. Every detail was flawlessly executed, from the private villa to the sunset dinner on our yacht. Exceptional service!",              tag: "Anniversary Travel",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",              avatarAlt: "Catherine Winters",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg?_wi=1",              imageAlt: "traveler portrait customer happy client testimonial"},
            {
              id: "2",              name: "James Richardson, CEO",              date: "Date: October 2024",              title: "Unparalleled expertise and dedication",              quote: "Working with their team for our corporate retreat was outstanding. They managed every aspect seamlessly, allowing our executives to relax and reconnect. The bespoke itinerary was brilliant.",              tag: "Corporate Retreat",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",              avatarAlt: "James Richardson",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg?_wi=2",              imageAlt: "traveler portrait customer happy client testimonial"},
            {
              id: "3",              name: "Sophia Laurent, Art Collector",              date: "Date: September 2024",              title: "Curating dreams, not just trips",              quote: "Their understanding of my aesthetic sensibilities and travel preferences was remarkable. The private art gallery tours and exclusive vineyard experiences were curated perfectly. Truly luxury travel at its finest.",              tag: "Cultural Immersion",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",              avatarAlt: "Sophia Laurent",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg?_wi=3",              imageAlt: "traveler portrait customer happy client testimonial"},
            {
              id: "4",              name: "Marcus Chen, Adventure Enthusiast",              date: "Date: August 2024",              title: "Adventure meets absolute luxury",              quote: "I've traveled extensively, but the expeditions Wanderlust Journeys arranged were incomparable. Expert guides, luxury accommodations in remote locations, and personalized attention throughout. Simply outstanding.",              tag: "Adventure Travel",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",              avatarAlt: "Marcus Chen",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg?_wi=4",              imageAlt: "traveler portrait customer happy client testimonial"},
            {
              id: "5",              name: "Victoria Ashford, Philanthropist",              date: "Date: July 2024",              title: "The gold standard of travel services",              quote: "From intimate destination weddings to multi-country expeditions, their expertise is unmatched. They anticipate needs you didn't know you had. Truly the gold standard in luxury travel curation.",              tag: "Luxury Events",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",              avatarAlt: "Victoria Ashford",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg?_wi=5",              imageAlt: "traveler portrait customer happy client testimonial"},
            {
              id: "6",              name: "Alexander Knight, Entrepreneur",              date: "Date: June 2024",              title: "Transformative travel experiences",              quote: "Every journey with them becomes a cherished memory. The balance of adventure, comfort, and genuine cultural engagement is exceptional. My family has already booked our next adventure!",              tag: "Family Travel",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",              avatarAlt: "Alexander Knight",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg?_wi=6",              imageAlt: "traveler portrait customer happy client testimonial"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your Journey"
          description="Ready to explore the world's most extraordinary destinations? Let our travel experts craft your perfect itinerary. Connect with us today to start planning your dream adventure."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Your Full Name",              required: true,
            },
            {
              name: "email",              type: "email",              placeholder: "Your Email Address",              required: true,
            },
            {
              name: "phone",              type: "tel",              placeholder: "Your Phone Number",              required: true,
            },
            {
              name: "destination",              type: "text",              placeholder: "Preferred Destination",              required: false,
            },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your travel dreams and preferences...",            rows: 5,
            required: true,
          }}
          buttonText="Plan My Journey"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-commuters-sitting-waiting-area_107420-95897.jpg"
          imageAlt="Travel consultation with luxury expert"
          mediaAnimation="slide-up"
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Wanderlust Journeys"
          copyrightText="© 2025 Wanderlust Journeys. All rights reserved. Luxury travel curated with passion."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"},
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"},
            {
              icon: Linkedin,
              href: "https://linkedin.com",              ariaLabel: "LinkedIn"},
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Twitter"},
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
