"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 { Instagram, Facebook, 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 Travels"
          navItems={[
            { name: "Destinations", id: "about" },
            { name: "Experiences", id: "features" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Plan Your Trip",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="WANDERLUST"
          description="Discover extraordinary destinations and create unforgettable memories with our expertly curated travel experiences."
          buttons={[
            { text: "Explore Destinations", href: "about" },
            { text: "Start Planning", 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/back-view-photo-hikers-standing-edge-hill-french-riviera_181624-29456.jpg",              imageAlt: "Mountain landscape adventure"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/two-female-tourists-are-standing-middle-narrow-street-look-sights-map_613910-5641.jpg",              imageAlt: "City exploration and landmarks"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your journey begins with" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769997.jpg",              alt: "Travel agency team"
            },
            { type: "text", content: "trusted expertise" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#" },
            { text: "View Packages", href: "#" }
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="features-one" data-section="features-one">
        <FeatureCardOne
          title="Why Choose Wanderlust Travels"
          description="We specialize in creating personalized travel experiences that exceed expectations. From flight bookings to luxury accommodations, we handle every detail."
          tag="Services"
          features={[
            {
              title: "Flight Bookings",              description: "Competitive prices on flights worldwide with flexible booking options and 24/7 support.",              imageSrc: "https://img.b2bpic.net/free-photo/white-blank-model-passenger-plane_93675-128385.jpg",              imageAlt: "Flight booking service",              button: { text: "Book Now", href: "#" }
            },
            {
              title: "Hotel Accommodations",              description: "Premium selection of hotels and resorts curated for comfort and luxury.",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Hotel accommodations",              button: { text: "Explore", href: "#" }
            },
            {
              title: "Guided Tours",              description: "Expert-led tours with insider knowledge of local culture and hidden gems.",              imageSrc: "https://img.b2bpic.net/free-photo/adventure-hike-people-concept-group-smiling-friends-forest-man-with-map_1157-44289.jpg",              imageAlt: "Guided tour experiences",              button: { text: "Discover", href: "#" }
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={true}
        />
      </div>

      <div id="features-two" data-section="features-two">
        <FeatureCardNine
          title="Plan Your Journey"
          description="Experience our intuitive booking platform that makes travel planning effortless."
          tag="Technology"
          features={[
            {
              id: 1,
              title: "Personalized Itineraries",              description: "AI-powered recommendations based on your preferences, budget, and travel style. Create custom day-by-day plans with activities, dining, and accommodations.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg",                imageAlt: "Itinerary planning interface"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg",                imageAlt: "Travel schedule details"
              }
            },
            {
              id: 2,
              title: "Real-Time Updates",              description: "Stay informed with instant notifications about flights, hotel confirmations, and local events. Never miss important travel details with our comprehensive dashboard.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg",                imageAlt: "Real-time notifications"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/travel-booking-app-screens_52683-42532.jpg",                imageAlt: "Travel updates dashboard"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-three" data-section="features-three">
        <FeatureCardMedia
          title="Our Travel Process"
          description="From consultation to return, we guide you through every step of your adventure."
          tag="Process"
          features={[
            {
              id: "1",              title: "Consultation",              description: "Share your travel dreams and budget with our experienced consultants.",              tag: "Step 1",              imageSrc: "https://img.b2bpic.net/free-photo/white-blank-model-passenger-plane_93675-128385.jpg",              imageAlt: "Travel consultation"
            },
            {
              id: "2",              title: "Planning",              description: "We craft the perfect itinerary tailored to your preferences and interests.",              tag: "Step 2",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Itinerary planning"
            },
            {
              id: "3",              title: "Booking",              description: "Secure all reservations with competitive rates and exclusive benefits.",              tag: "Step 3",              imageSrc: "https://img.b2bpic.net/free-photo/adventure-hike-people-concept-group-smiling-friends-forest-man-with-map_1157-44289.jpg",              imageAlt: "Booking confirmation"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Client Success Stories"
          description="Hear from travelers who have experienced the Wanderlust difference."
          tag="Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Adventure Enthusiast",              date: "Date: 15 November 2024",              title: "A life-changing travel experience!",              quote: "Wanderlust Travels organized the most incredible two-week adventure through Southeast Asia. Every detail was perfectly planned, from flights to hidden local restaurants. The team went above and beyond to ensure our comfort and safety. We couldn't have asked for better service!",              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/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",              imageAlt: "Adventure in Southeast Asia"
            },
            {
              id: "2",              name: "James Rodriguez, Corporate Traveler",              date: "Date: 8 October 2024",              title: "Professional and reliable",              quote: "As someone who travels frequently for business, I appreciate Wanderlust's attention to detail. They handle all the logistics seamlessly, allowing me to focus on work. Their support team responds instantly to any requests.",              tag: "Business Travel",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-shot-glad-young-caucasian-female-tourist-dressed-bright-orange-jumper_273609-25959.jpg",              imageAlt: "Business travel convenience"
            },
            {
              id: "3",              name: "Elena Garcia, Family Travel Planner",              date: "Date: 22 September 2024",              title: "Perfect for families!",              quote: "Planning a family trip with three kids can be stressful, but Wanderlust made it incredibly easy. They found family-friendly accommodations, arranged activities for all ages, and the entire trip was smooth and enjoyable.",              tag: "Family 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/travel-concept-with-composition-various-elements_23-2147982139.jpg",              imageAlt: "Family-friendly destinations"
            },
            {
              id: "4",              name: "David & Maria Santos, Honeymoon Couple",              date: "Date: 5 August 2024",              title: "Our dream honeymoon realized",              quote: "Wanderlust created our dream honeymoon in Italy and Greece. The romantic destinations, luxury accommodations, and personalized touches made it unforgettable. We felt pampered throughout the entire journey.",              tag: "Romance 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/young-attractive-blonde-woman-plaid-shirt-stylish-brunette-man-sunglasses-smiles-takes-selfie-portrait-couple-travelers-near-airport_197531-27045.jpg",              imageAlt: "Romantic honeymoon experience"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Start Your Next Adventure"
          description="Ready to explore the world? Contact our travel consultants to design your perfect journey. We'll respond within 24 hours with personalized recommendations."
          inputs={[
            {
              name: "fullName",              type: "text",              placeholder: "Full Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your dream destination, travel dates, and budget...",            rows: 5,
            required: true
          }}
          imageSrc="https://img.b2bpic.net/free-photo/europe-poland-maps-desk_23-2148232493.jpg"
          imageAlt="World travel map"
          mediaPosition="right"
          mediaAnimation="slide-up"
          buttonText="Request Consultation"
          useInvertedBackground={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Wanderlust Travels"
          copyrightText="© 2025 Wanderlust Travels | Creating memories, one journey at a time"
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Twitter"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}