"use client"

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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Facebook, Instagram, Twitter, Linkedin, MapPin, Sparkles, Briefcase, Quote } 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 Travels"
          navItems={[
            { name: "Destinations", id: "destinations" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
          
            { name: "Blog", id: "/blog" },
]}
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="DISCOVER THE WORLD"
          description="Explore breathtaking destinations, curate unforgettable journeys, and create memories that last a lifetime"
          buttons={[
            { text: "Explore Destinations", href: "destinations" },
            { text: "Plan Your Trip", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/travel-sea-tropical-island-coconut_1203-5231.jpg",              imageAlt: "Tropical beach paradise destination"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-nature-with-coconut-leaf-with-sunrise-sunset-time_74190-8555.jpg",              imageAlt: "Majestic mountain landscape"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-paradise-island-with-beach-sea-around-coconut-palm-tree_74190-6631.jpg",              imageAlt: "Vibrant city exploration"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          ariaLabel="Hero carousel showcasing travel destinations"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your Trusted" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-vector/international-business-concept-background_23-2147872257.jpg",              alt: "Travel globe icon"
            },
            { type: "text", content: "Travel Partner Since 2010" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#" },
            { text: "Meet Our Team", href: "#" }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="About travel agency section"
        />
      </div>

      <div id="destinations" data-section="destinations">
        <FeatureCardOne
          title="Featured Destinations"
          description="Handpicked locations across the globe offering unforgettable experiences and cultural immersion"
          tag="Explore"
          tagIcon={MapPin}
          textboxLayout="default"
          gridVariant="bento-grid"
          animationType="slide-up"
          features={[
            {
              title: "Bali, Indonesia",              description: "Tropical paradise with pristine beaches, ancient temples, and vibrant culture. Perfect for relaxation and adventure combined.",              imageSrc: "https://img.b2bpic.net/free-photo/nature-retro-beautiful-beach-leaf_1203-5005.jpg",              imageAlt: "Bali tropical beach resort",              button: { text: "View Details", href: "#" }
            },
            {
              title: "Paris, France",              description: "The City of Light awaits with world-class museums, romantic ambiance, and culinary excellence. A timeless destination.",              imageSrc: "https://img.b2bpic.net/free-photo/colorful-cloud-sunset-beach-st-john-virgin-island_649448-1935.jpg",              imageAlt: "Paris historic architecture",              button: { text: "View Details", href: "#" }
            },
            {
              title: "Tokyo, Japan",              description: "A vibrant blend of ancient tradition and cutting-edge modernity. Experience cherry blossoms, temples, and innovative technology.",              imageSrc: "https://img.b2bpic.net/free-photo/tropical-beach-sunset-with-silhouette-palm-trees_335224-908.jpg",              imageAlt: "Tokyo cultural experience",              button: { text: "View Details", href: "#" }
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Featured travel destinations"
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureCardNine
          title="Experience Our Booking Platform"
          description="Seamless travel planning from inspiration to booking confirmation"
          tag="Innovation"
          tagIcon={Sparkles}
          textboxLayout="default"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Search & Explore",              description: "Browse thousands of destinations, flights, and accommodations tailored to your preferences and budget",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-hands-holding-smartphone_23-2149429324.jpg",                imageAlt: "Phone mockup showing search interface"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-collection_23-2148637446.jpg",                imageAlt: "Phone mockup showing destination details"
              }
            },
            {
              id: 2,
              title: "Personalized Itineraries",              description: "Our AI-powered system creates custom travel plans based on your interests, duration, and travel style",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-hands-holding-smartphone_23-2149429324.jpg",                imageAlt: "Phone mockup showing itinerary planning"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-collection_23-2148637446.jpg",                imageAlt: "Phone mockup showing personalized recommendations"
              }
            }
          ]}
          buttons={[
            { text: "Start Booking", href: "contact" }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Travel booking experience showcase"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardMedia
          title="Our Comprehensive Travel Services"
          description="From flights to accommodations, we handle every detail of your journey"
          tag="Services"
          tagIcon={Briefcase}
          textboxLayout="default"
          animationType="blur-reveal"
          carouselMode="buttons"
          features={[
            {
              id: "flights",              title: "Flight Bookings",              description: "Access to major airlines worldwide with competitive rates and flexible booking options",              tag: "Flights",              imageSrc: "https://img.b2bpic.net/free-photo/couple-dancing-by-pool-vacation_23-2149369707.jpg",              imageAlt: "Airplane flight service"
            },
            {
              id: "hotels",              title: "Accommodation",              description: "Curated selection of hotels, resorts, and unique stays suited to all budgets and preferences",              tag: "Hotels",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Luxury hotel accommodation"
            },
            {
              id: "tours",              title: "Guided Tours",              description: "Expert-led excursions and cultural experiences with knowledgeable local guides",              tag: "Tours",              imageSrc: "https://img.b2bpic.net/free-photo/couple-talking-drinking-coconut-milk-by-pool-vacation_23-2149369768.jpg",              imageAlt: "Guided tour experience"
            },
            {
              id: "visas",              title: "Visa Assistance",              description: "Complete visa documentation support and travel insurance to ensure peace of mind",              tag: "Documents",              imageSrc: "https://img.b2bpic.net/free-photo/couple-taking-walk-by-pool-vacation_23-2149369704.jpg",              imageAlt: "Visa and travel documentation"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Travel services and offerings"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Travelers Say"
          description="Real stories from clients who've experienced unforgettable journeys with us"
          tag="Testimonials"
          tagIcon={Quote}
          textboxLayout="default"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Travel Enthusiast",              date: "Date: 15 November 2024",              title: "An absolute game-changer for my travel planning!",              quote: "Wanderlust Travels made planning my African safari incredibly easy. From visa assistance to accommodation selection, every detail was handled perfectly. The personalized itinerary was exactly what I needed.",              tag: "Safari Experience",              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/beautiful-panorama-tall-palm-trees-amazing-breathtaking-red-purple-clouds-sky_181624-2466.jpg",              imageAlt: "Safari adventure experience"
            },
            {
              id: "2",              name: "Michael Chen, Business Traveler",              date: "Date: 10 November 2024",              title: "Professional service that exceeds expectations",              quote: "I've used many travel agencies, but none match the quality of Wanderlust Travels. Their platform is intuitive, their support team is responsive, and they truly understand what quality travel means.",              tag: "Luxury Cruise",              avatarSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              avatarAlt: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/umbrella-chair-beautiful-beach-sea-sunrise-time-travel-vacation_74190-7912.jpg",              imageAlt: "Luxury cruise vacation"
            },
            {
              id: "3",              name: "Emma Rodriguez, Adventure Seeker",              date: "Date: 5 November 2024",              title: "They turned my dream trip into reality!",              quote: "My desert expedition to Morocco was absolutely magical thanks to Wanderlust Travels. Their local connections and expertise made every moment special. I've already booked my next adventure with them.",              tag: "Desert Adventure",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",              avatarAlt: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/golden-sunset-calm-ocean-waves-sandy-beach_9975-32924.jpg",              imageAlt: "Desert adventure experience"
            },
            {
              id: "4",              name: "David Kumar, History Buff",              date: "Date: 1 November 2024",              title: "The best travel experience of my life",              quote: "As someone passionate about history, their ancient ruins tour package was phenomenal. Expert guides, seamless logistics, and unforgettable moments. Highly recommended for anyone seeking cultural immersion.",              tag: "Cultural Tour",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg",              avatarAlt: "David Kumar",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-tropical-beach-sea-ocean-with-coconut-palm-tree-sunrise-time_74190-7484.jpg",              imageAlt: "Ancient cultural site exploration"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Client testimonials and travel reviews"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Journey Today"
          description="Tell us about your dream destination and let our travel experts craft the perfect itinerary for you. We'll be in touch within 24 hours."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Your Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "destination",              type: "text",              placeholder: "Dream Destination",              required: true
            },
            {
              name: "travelDate",              type: "date",              placeholder: "Preferred Travel Date",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your travel preferences, budget, and any special requirements...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/top-view-boots-with-camera-rope-autumn_23-2148630207.jpg"
          imageAlt="Travel planning and journey preparation"
          mediaPosition="right"
          buttonText="Plan My Trip"
          ariaLabel="Contact form for booking and travel inquiries"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Wanderlust Travels"
          copyrightText="© 2024 Wanderlust Travels | Crafting Adventures Worldwide"
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/wanderlustravels",              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/wanderlustravels",              ariaLabel: "Instagram"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/wanderlustravels",              ariaLabel: "Twitter"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/wanderlustravels",              ariaLabel: "LinkedIn"
            }
          ]}
          ariaLabel="Site footer with links and information"
        />
      </div>
    </ThemeProvider>
  );
}