"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 { Facebook, Instagram, Linkedin, MapPin, Sparkles, Compass } 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: "features" },
            { name: "Experiences", id: "feature-experiences" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Plan Your Journey", href: "contact" }}
          animateOnLoad={true}
          className="border border-accent/20"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="WANDERLUST"
          description="Curated luxury travel experiences tailored to your dreams. Discover exclusive destinations and unforgettable moments with our expert travel concierge."
          buttons={[
            { text: "Explore Destinations", href: "features" },
            { text: "Start Planning", href: "contact" },
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-table-outdoor-patio-with-beautiful-tropical-beach-sea_74190-8180.jpg",              imageAlt: "Luxury tropical island resort"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-shot-female-sitting-hoher-dachstein-s-area_181624-40934.jpg",              imageAlt: "Scenic mountain landscape destination"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Upscale hotel accommodation"},
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Crafting Bespoke" },
            { type: "text", content: "Travel Journeys Since 1998" },
          ]}
          buttons={[
            { text: "Our Story", href: "#" },
            { text: "Meet Our Team", href: "#" },
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Exclusive Destinations"
          description="Handpicked locations offering luxury, exclusivity, and unforgettable experiences."
          tag="Featured Destinations"
          tagIcon={MapPin}
          features={[
            {
              title: "Maldives Paradise",              description: "Overwater bungalows with world-class diving and pristine white-sand beaches.",              imageSrc: "http://img.b2bpic.net/free-photo/seaocean-flying-birds-maldives-beautiful_505751-5722.jpg",              imageAlt: "Maldives luxury resort",              button: { text: "Learn More", href: "#" },
            },
            {
              title: "Paris Elegance",              description: "Experience refined culture, haute cuisine, and architectural magnificence.",              imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-is-walking-paris-photo-background-eiffel-tower-happy-travel-photo-concept_1321-3506.jpg",              imageAlt: "Paris luxury destination",              button: { text: "Discover", href: "#" },
            },
            {
              title: "Bali Serenity",              description: "Tropical temples, rice terraces, and world-renowned wellness retreats.",              imageSrc: "http://img.b2bpic.net/free-photo/bali-pagoda-sunrise-indonesia_1150-11013.jpg",              imageAlt: "Bali destination",              button: { text: "Explore", href: "#" },
            },
            {
              title: "Tokyo Modern",              description: "Blend of ancient tradition and cutting-edge modernity in Japan's vibrant capital.",              imageSrc: "http://img.b2bpic.net/free-photo/yokohama-skyline-city_1203-2255.jpg",              imageAlt: "Tokyo cityscape",              button: { text: "Discover", href: "#" },
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="two-items-per-row"
          useInvertedBackground={true}
        />
      </div>

      <div id="feature-experiences" data-section="feature-experiences">
        <FeatureCardMedia
          title="Curated Experiences"
          description="Beyond destinations—we create transformative moments that define your journey."
          tag="Premium Experiences"
          tagIcon={Sparkles}
          features={[
            {
              id: "safari-adventure",              title: "African Safari",              description: "Witness the Big Five and untamed wilderness in their natural habitat with expert guides.",              tag: "Adventure",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-group-african-wildebeests-grassy-plain_181624-27243.jpg",              imageAlt: "Safari wildlife experience"},
            {
              id: "mountain-hiking",              title: "Mountain Expedition",              description: "Summit iconic peaks with luxury base camps and gourmet meals at altitude.",              tag: "Adventure",              imageSrc: "http://img.b2bpic.net/free-photo/summer-mountain-trekking-two-travelers-hiking-mountains_651396-3178.jpg",              imageAlt: "Mountain hiking adventure"},
            {
              id: "wellness-retreat",              title: "Spa & Wellness",              description: "Rejuvenate at world-renowned wellness centers combining ancient therapies and modern science.",              tag: "Wellness",              imageSrc: "http://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg",              imageAlt: "Luxury spa experience"},
          ]}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="journey-showcase" data-section="journey-showcase">
        <FeatureCardNine
          title="Your Journey Awaits"
          description="Follow our seamless process from dreaming to experiencing your perfect getaway."
          tag="Planning Process"
          tagIcon={Compass}
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Share Your Dreams",              description: "Tell us about your ideal vacation—destinations, activities, and experiences you crave.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg"},
            },
            {
              id: 2,
              title: "Personalized Planning",              description: "Our experts craft a bespoke itinerary with luxury accommodations and exclusive experiences.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg"},
            },
            {
              id: 3,
              title: "Seamless Execution",              description: "From bookings to 24/7 concierge support, we handle every detail while you enjoy.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg"},
            },
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Cherished Memories"
          description="Hear from travelers whose journeys have been transformed by Wanderlust Journeys."
          tag="Client Stories"
          testimonials={[
            {
              id: "1",              name: "Victoria Sterling, Chief Executive",              date: "Date: November 2024",              title: "An extraordinary level of personalization",              quote: "Wanderlust Journeys orchestrated a two-week Mediterranean voyage that exceeded every expectation. From private yacht dinners in Santorini to exclusive vineyard tours in Tuscany, every moment was meticulously crafted. Their concierge team anticipated our needs before we even expressed them.",              tag: "Premium Package",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
            {
              id: "2",              name: "Marcus Chen, Entrepreneur",              date: "Date: October 2024",              title: "Beyond my wildest dreams",              quote: "I needed a high-octane adventure combining business wellness and luxury. The team curated an incredible journey through Southeast Asia with private guides, helicopter tours, and five-star accommodations. Simply impeccable service.",              tag: "Luxury Expedition",              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"},
            {
              id: "3",              name: "Eleanor Whitmore, Philanthropist",              date: "Date: September 2024",              title: "Making memories that last forever",              quote: "We entrusted Wanderlust with our family's multi-generational trip to Africa. They created an unforgettable safari experience with photography workshops, cultural immersion, and pure magic. The level of attention to detail was remarkable.",              tag: "Family Journey",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
            {
              id: "4",              name: "James Pemberton, CEO",              date: "Date: August 2024",              title: "The gold standard in luxury travel",              quote: "After 20 years of luxury travel, Wanderlust Journeys set a new benchmark. Our bespoke European grand tour was flawlessly executed with private trains, Michelin dining, and intimate museum access. Truly world-class.",              tag: "Signature Collection",              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"},
            {
              id: "5",              name: "Sophie Laurent, Art Collector",              date: "Date: July 2024",              title: "Elevated travel to an art form",              quote: "Their understanding of luxury goes beyond five-star hotels and caviar. They arranged private art gallery viewings, studio visits with renowned artists, and curated experiences in every destination. Truly transformative.",              tag: "Bespoke Itinerary",              avatarSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
            {
              id: "6",              name: "David Richardson, Philanthropist",              date: "Date: June 2024",              title: "Service that understands elegance",              quote: "Wanderlust arranged our honeymoon with such grace and sophistication. From private island dinners to exclusive access to cultural landmarks, every detail whispered luxury. We're already planning our next adventure with them.",              tag: "Romance Package",              avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your Luxury Journey"
          description="Our travel consultants are ready to craft your perfect escape. Reach out today for a complimentary consultation about your next adventure."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Contact Number", required: true },
            { name: "preferredDestination", type: "text", placeholder: "Dream Destination", required: false },
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your ideal journey, travel style, and any special requests...",            rows: 6,
            required: true,
          }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/happy-businesswoman-sitting-bed-hotel-room-talking-mobile-phone_637285-7636.jpg"
          imageAlt="Luxury travel consultation"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Request Consultation"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Wanderlust Journeys"
          copyrightText="© 2025 Wanderlust Journeys. All rights reserved. | Luxury Travel Experiences"
          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" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
