"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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { MapPin, Mail, Phone } from "lucide-react";

export default function TravelPage() {
  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"
          navItems={[
            { name: "Destinations", id: "destinations" },
            { name: "Packages", id: "packages" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="WANDERLUST"
          description="Discover the world's most beautiful destinations with our expertly curated travel experiences and personalized itineraries."
          buttons={[
            { text: "Explore Destinations", href: "destinations" },
            { text: "Get a Quote", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/travel-sea-tropical-island-coconut_1203-5231.jpg",              imageAlt: "Tropical beach paradise"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-nature-with-coconut-leaf-with-sunrise-sunset-time_74190-8555.jpg",              imageAlt: "Mountain adventure landscape"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/paradisiacal-landscape-with-ocean_23-2151899009.jpg",              imageAlt: "Urban city architecture"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your Gateway to" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/silhouette-coconut-palm-tree_74190-461.jpg",              alt: "World map"
            },
            { type: "text", content: "Unforgettable Adventures" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Our Story", href: "#" },
            { text: "Our Values", href: "#" }
          ]}
        />
      </div>

      <div id="destinations" data-section="destinations">
        <FeatureCardOne
          title="Featured Destinations"
          description="Explore our most popular travel destinations handpicked for unforgettable experiences and authentic cultural immersion."
          tag="Destinations"
          tagIcon={MapPin}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              title: "Bali, Indonesia",              description: "Experience tropical paradise with pristine beaches, ancient temples, and vibrant culture in this island haven.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-paradise-island-with-beach-sea-around-coconut-palm-tree_74190-6635.jpg",              imageAlt: "Bali tropical beach",              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Paris, France",              description: "Fall in love with the City of Light featuring iconic landmarks, world-class museums, and exquisite French cuisine.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-nature-landscape-sea-beach-with-coconut-palm-tree_74190-8417.jpg",              imageAlt: "Paris city view",              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Tokyo, Japan",              description: "Discover the perfect blend of ancient tradition and cutting-edge modernity in Japan's vibrant capital city.",              imageSrc: "https://img.b2bpic.net/free-photo/beach-sunset-with-tree_1259-27.jpg",              imageAlt: "Tokyo urban landscape",              button: { text: "Learn More", href: "#" }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="How We Plan Your Journey"
          description="From initial consultation to returning home with memories, we guide every step of your travel experience."
          tag="Our Process"
          textboxLayout="default"
          showStepNumbers={true}
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              title: "Consultation & Discovery",              description: "We understand your travel style, preferences, and dreams to create the perfect itinerary tailored just for you.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/beach-with-coconut-tree-sunset_268835-4049.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/beautiful-paradise-island-with-beach-sea-around-coconut-palm-tree_74190-6635.jpg"
              }
            },
            {
              id: 2,
              title: "Custom Itinerary Creation",              description: "Our expert travel consultants craft detailed itineraries with handpicked accommodations, activities, and experiences.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-nature-landscape-sea-beach-with-coconut-palm-tree_74190-8417.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-nature-with-coconut-leaf-with-sunrise-sunset-time_74190-8556.jpg"
              }
            },
            {
              id: 3,
              title: "Seamless Travel Execution",              description: "We handle all logistics including bookings, visas, and 24/7 support to ensure your journey runs flawlessly.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/beach-sunset-with-tree_1259-27.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/beautiful-paradise-island-with-beach-sea-around-coconut-palm-tree_74190-6630.jpg"
              }
            }
          ]}
        />
      </div>

      <div id="packages" data-section="packages">
        <FeatureCardMedia
          title="Travel Packages & Experiences"
          description="Choose from our curated collection of travel packages designed for every budget and travel style."
          tag="Packages"
          textboxLayout="default"
          animationType="blur-reveal"
          features={[
            {
              id: "1",              title: "Caribbean Cruise Adventure",              description: "Seven-day luxury cruise through the Caribbean with island hopping, water sports, and unforgettable sunsets.",              tag: "Luxury",              imageSrc: "https://img.b2bpic.net/free-photo/beach-with-coconut-tree-sunset_268835-4049.jpg",              imageAlt: "Caribbean cruise"
            },
            {
              id: "2",              title: "African Safari Expedition",              description: "Ten-day guided safari experience featuring wildlife encounters, luxury lodges, and authentic cultural immersion.",              tag: "Adventure",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-nature-with-coconut-leaf-with-sunrise-sunset-time_74190-8556.jpg",              imageAlt: "African safari"
            },
            {
              id: "3",              title: "European Heritage Tour",              description: "Fifteen-day comprehensive tour of Europe's greatest cities including Rome, Paris, Barcelona, and Vienna.",              tag: "Cultural",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-paradise-island-with-beach-sea-around-coconut-palm-tree_74190-6630.jpg",              imageAlt: "European cities"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Traveler Stories"
          description="Hear from our satisfied clients about their transformative journeys and unforgettable experiences."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, CEO",              date: "Date: 15 November 2024",              title: "An absolutely life-changing experience!",              quote: "WanderLust transformed our family vacation into an unforgettable adventure. The attention to detail and personalized service was exceptional. We've already booked our next trip with them!",              tag: "Family Travel",              avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              avatarAlt: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/golden-sunset-tropical-beach-with-palm-trees_9975-32980.jpg",              imageAlt: "Family vacation memories"
            },
            {
              id: "2",              name: "James Chen, Entrepreneur",              date: "Date: 22 October 2024",              title: "Professional and incredibly knowledgeable",              quote: "I've traveled extensively but never had such a seamless experience. WanderLust's consultants understood exactly what I wanted and delivered beyond expectations. Highly recommended!",              tag: "Solo Travel",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",              avatarAlt: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-seaside-landscape_23-2150423927.jpg",              imageAlt: "Solo adventure hiking"
            },
            {
              id: "3",              name: "Emma Rodriguez, Travel Blogger",              date: "Date: 8 September 2024",              title: "Every moment was perfectly orchestrated",              quote: "As someone who travels constantly, I'm impressed by WanderLust's ability to handle complex itineraries with ease. Their 24/7 support and local connections made all the difference.",              tag: "Adventure Travel",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-nature-landscape-sea-beach-with-coconut-palm-tree_74190-8416.jpg",              imageAlt: "Urban exploration"
            },
            {
              id: "4",              name: "Michael Thompson, Luxury Travel Enthusiast",              date: "Date: 20 August 2024",              title: "Exceeded all my expectations",              quote: "The luxury packages offered by WanderLust are incomparable. Every hotel, every restaurant, every experience was curated to perfection. I'm a customer for life.",              tag: "Luxury",              avatarSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              avatarAlt: "Michael Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-landscape-sea-ocean-with-silhouette-coconut-palm-tree-sunset-sunrise_74190-14109.jpg",              imageAlt: "Luxury resort experience"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Journey Today"
          description="Get in touch with our travel experts to discuss your dream destination and receive a personalized quote for your next adventure."
          useInvertedBackground="noInvert"
          inputs={[
            {
              name: "name",              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
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your dream destination and travel preferences...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/beach-trees-coast-island-beautiful_1203-5783.jpg"
          imageAlt="Travel consultation"
          mediaPosition="right"
          buttonText="Get Your Quote"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="WanderLust"
          copyrightText="© 2025 WanderLust Travel Agency. All rights reserved. Making dreams a destination."
          socialLinks={[
            {
              icon: MapPin,
              href: "https://maps.google.com",              ariaLabel: "Our Locations"
            },
            {
              icon: Mail,
              href: "mailto:hello@wanderlust.com",              ariaLabel: "Email us"
            },
            {
              icon: Phone,
              href: "tel:+1234567890",              ariaLabel: "Call us"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}