"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 { Globe, Instagram, Facebook, Linkedin } 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 Luxury"
          navItems={[
            { name: "Destinations", id: "destinations" },
            { name: "Experiences", id: "experiences" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Plan Your Journey",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Wanderlust Luxury"
          description="Discover the world's most exclusive destinations. Curated travel experiences for the discerning explorer."
          buttons={[
            { text: "Explore Destinations", href: "#destinations" },
            { text: "Book a Consultation", href: "#contact" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9055.jpg", imageAlt: "luxury tropical island resort overwater bungalow" },
            { imageSrc: "http://img.b2bpic.net/free-photo/white-house-surrounded-by-trees_198169-313.jpg", imageAlt: "luxury mountain lodge alpine peaks snow" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-midi-dress-smiles-enjoys-beautiful-sea-view-curly-shorthaired-lady-floral-outfit-poses-terrace-with-ocean-view_197531-30001.jpg", imageAlt: "amalfi coast luxury villa mediterranean sea" },
            { imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-flamingo-group-walking-grass-park_1217-1707.jpg", imageAlt: "safari wildlife experience luxury camp africa" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-take-photo-autumn-park-colorful-leaves-autumn-kyoto-japan_335224-60.jpg", imageAlt: "japan temple garden traditional architecture zen" },
            { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-night-winter-landscape-with-northern-lights-reflection-river_181624-54203.jpg", imageAlt: "aurora borealis northern lights arctic night sky" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Handcrafted Travel Experiences Since 2010" }
          ]}
          buttons={[
            { text: "Learn More", href: "#destinations" }
          ]}
          buttonAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="destinations" data-section="destinations">
        <FeatureCardOne
          title="Featured Destinations"
          description="From pristine beaches to alpine peaks, our carefully curated destinations offer unparalleled beauty and exclusive access."
          tag="Worldwide"
          tagIcon={Globe}
          features={[
            {
              title: "Maldives Paradise",              description: "Overwater villas with private infinity pools overlooking crystal-clear turquoise waters. Enjoy world-class diving, spa treatments, and sunset catamaran cruises.",              imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-beautiful-beach-sea-sunrise-time-travel-vacation_74190-7913.jpg",              imageAlt: "maldives overwater villa luxury accommodation"
            },
            {
              title: "Swiss Alps Retreat",              description: "Luxury alpine lodge with mountain views, fine dining, and access to premium ski slopes. Experience helicopter tours and private mountain guides.",              imageSrc: "http://img.b2bpic.net/free-photo/long-range-shot-valley-with-hut-house-tall-snowy-mountains_181624-2650.jpg",              imageAlt: "swiss alps luxury lodge mountain view"
            },
            {
              title: "Amalfi Coast Escape",              description: "Cliffside villa on the Italian Riviera with Mediterranean charm. Private yacht access, vineyard tours, and Michelin-starred dining experiences.",              imageSrc: "http://img.b2bpic.net/free-photo/white-business-center-with-beautiful-textures-unique-design-with-interior-staircases_181624-5365.jpg",              imageAlt: "amalfi coast italy luxury cliffside villa"
            },
            {
              title: "Bora Bora Luxury",              description: "Exclusive overwater bungalows in French Polynesia. Pristine beaches, world-class snorkeling, and authentic Polynesian cultural immersion.",              imageSrc: "http://img.b2bpic.net/free-photo/white-umbrella-with-coconut-palm-tree-with-sea-ocean_74190-7470.jpg",              imageAlt: "bora bora overwater bungalow tropical luxury"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureCardNine
          title="Curated Experiences"
          description="From intimate cultural encounters to thrilling adventures, each experience is tailored to create unforgettable memories."
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Private Yacht Charter",              description: "Explore hidden coves and secluded islands aboard a luxury yacht with professional crew and gourmet dining.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-slim-woman-sitting-bikini-bathing-suit-yacht-sunglasses-basking-sun_1153-3951.jpg", imageAlt: "luxury yacht sailing mediterranean sea" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/deck-professional-sailboat-racing-yacht-competition-sunny-windy-summer-day-moving-fast-through-waves-water-with-spinnaker-up_346278-352.jpg", imageAlt: "yacht interior luxury cabin accommodation" }
            },
            {
              id: 2,
              title: "Luxury Safari Lodge",              description: "Witness Africa's iconic wildlife from comfortable game reserves with expert guides and evening bush dinners.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-3168.jpg", imageAlt: "safari game drive vehicle wildlife africa" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/gemsbok-antelope-middle-desert-namibia-africa_181624-8829.jpg", imageAlt: "safari sunset dinner table outdoor evening" }
            },
            {
              id: 3,
              title: "Private Jet Escapes",              description: "Travel in style with bespoke itineraries, luxury accommodations, and exclusive access to remote destinations.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businessman-sitting-chair-waiting-area_107420-95803.jpg", imageAlt: "private jet interior luxury cabin" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-traveling-with-train_23-2148579536.jpg", imageAlt: "private jet cabin dining luxury service" }
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardMedia
          title="Our Premium Services"
          description="Every detail of your journey is meticulously planned and executed by our expert team of travel specialists."
          features={[
            {
              id: "concierge",              title: "24/7 Concierge",              description: "Round-the-clock support from our dedicated team available in 15 languages.",              tag: "Always Available",              imageSrc: "http://img.b2bpic.net/free-photo/cup-cozy-sweet-hot-attractive_1303-438.jpg",              imageAlt: "luxury hotel concierge desk professional service"
            },
            {
              id: "customization",              title: "Custom Itineraries",              description: "Personalized travel plans tailored to your preferences, interests, and budget.",              tag: "Bespoke",              imageSrc: "http://img.b2bpic.net/free-photo/cropped-unrecognizable-couple-counting-money-vacation_1098-19043.jpg",              imageAlt: "travel planning map destinations itinerary"
            },
            {
              id: "access",              title: "Exclusive Access",              description: "VIP entry to private venues, reserved experiences, and invitation-only events.",              tag: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wedding-venue-with-intricate-decor-ornaments_23-2151481522.jpg",              imageAlt: "luxury event exclusive vip access pass"
            },
            {
              id: "wellness",              title: "Wellness Programs",              description: "Curated spa, fitness, and wellness activities at luxury resorts worldwide.",              tag: "Rejuvenation",              imageSrc: "http://img.b2bpic.net/free-photo/people-clutching-his-feet-with-their-hands_1163-989.jpg",              imageAlt: "luxury spa massage wellness relaxation"
            }
          ]}
          animationType="opacity"
          textboxLayout="split"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Stories From Our Travelers"
          description="Hear from those who have experienced Wanderlust Luxury firsthand."
          testimonials={[
            {
              id: "1",              name: "Alexandra Chen",              date: "March 2024",              title: "Chief Executive",              quote: "Wanderlust Luxury transformed our family vacation into an unforgettable adventure. Every detail was perfect.",              tag: "Maldives",              avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg",              avatarAlt: "professional woman business portrait headshot"
            },
            {
              id: "2",              name: "James Morrison",              date: "February 2024",              title: "Investment Manager",              quote: "The personalized attention and exclusive experiences exceeded all expectations. Highly recommended.",              tag: "Swiss Alps",              avatarSrc: "http://img.b2bpic.net/free-photo/businessman-wearing-coat_1098-3778.jpg",              avatarAlt: "professional man business portrait headshot"
            },
            {
              id: "3",              name: "Sophia Rossi",              date: "January 2024",              title: "Fashion Designer",              quote: "My Amalfi Coast escape was pure magic. The team anticipated every need with elegance and grace.",              tag: "Amalfi",              avatarSrc: "http://img.b2bpic.net/free-photo/sensual-blond-female-dressed-purple-jacket-isolated-dark-grey-background_613910-141.jpg",              avatarAlt: "woman portrait fashion elegant professional"
            },
            {
              id: "4",              name: "Michael Thompson",              date: "December 2023",              title: "Entrepreneur",              quote: "The safari experience was the trip of a lifetime. Wanderlust Luxury truly delivers luxury beyond expectation.",              tag: "Safari",              avatarSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg",              avatarAlt: "man portrait professional business headshot"
            },
            {
              id: "5",              name: "Elena Vasquez",              date: "November 2023",              title: "Art Collector",              quote: "Their expertise in cultural experiences opened doors I never knew existed. Simply extraordinary.",              tag: "Global",              avatarSrc: "http://img.b2bpic.net/free-photo/brunette-girl-wearing-blue-dress-high-heels-sitting-fireplace_132075-12009.jpg",              avatarAlt: "woman portrait professional art gallery"
            },
            {
              id: "6",              name: "David Park",              date: "October 2023",              title: "Physician",              quote: "The wellness-focused itinerary was perfectly balanced with adventure and relaxation. A true luxury experience.",              tag: "Holistic",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg",              avatarAlt: "man portrait professional healthcare medical"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Next Journey"
          description="Share your travel dreams with us. Our specialists will craft the perfect itinerary for you."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "destination", type: "text", placeholder: "Desired Destination", required: true },
            { name: "travelDate", type: "date", placeholder: "Preferred Travel Date", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your dream vacation...",            rows: 5,
            required: false
          }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/nature-water-beautiful-blue-house_1203-4911.jpg"
          imageAlt="luxury resort pool view palm trees sunset"
          mediaAnimation="opacity"
          mediaPosition="right"
          buttonText="Get Travel Proposal"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Wanderlust Luxury"
          copyrightText="© 2025 Wanderlust Luxury Travel | Crafting Unforgettable Journeys"
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
