"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';

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="Viatelier"
          navItems={[
            { name: "Experiences", id: "features" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Experience",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="VIATELIER"
          description="Curated luxury experiences crafted for the discerning traveler. Discover exclusive destinations, personalized service, and unforgettable moments."
          buttons={[
            { text: "Explore Experiences", href: "features" },
            { text: "Learn More", href: "about" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",              imageAlt: "Luxury resort destination"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/silhouette-woman-walking-water-surface-infinity-pool-expensive-rich-luxury-villa-mountain-with-sea-view_343596-2993.jpg",              imageAlt: "Premium vacation experience"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-swim-wear-by-ocean_1303-15363.jpg",              imageAlt: "Exclusive hospitality service"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We craft" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/pretty-caucasian-woman-flying-summer-dress-luxury-hotel-villa-restaurant-vacation_343596-3613.jpg",              alt: "Artisan craftsmanship"
            },
            { type: "text", content: "extraordinary journeys for the " },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/pretty-caucasian-woman-flying-summer-dress-luxury-hotel-villa-restaurant-vacation_343596-3612.jpg",              alt: "Luxury heritage"
            },
            { type: "text", content: " discerning few" }
          ]}
          buttons={[
            { text: "Discover Our Story", href: "features" },
            { text: "Start Planning", href: "contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Premium Experiences"
          description="Each experience is meticulously curated to deliver excellence, exclusivity, and unforgettable moments"
          tag="What We Offer"
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          carouselMode="buttons"
          features={[
            {
              title: "Curated Itineraries",              description: "Personalized travel plans designed by expert curators who understand luxury and authenticity",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-unrecognizable-people-planning-vacation-trip_1098-19038.jpg",              imageAlt: "Curated travel itinerary",              button: { text: "Learn More", href: "#" }
            },
            {
              title: "24/7 Concierge",              description: "Dedicated concierge service at every moment, ensuring seamless experiences and personalized attention",              imageSrc: "https://img.b2bpic.net/free-photo/planning-traveling-trip-notes-wanderkust_53876-127488.jpg",              imageAlt: "Premium concierge service",              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Exclusive Access",              description: "Unlock doors to private experiences, members-only venues, and VIP privileges worldwide",              imageSrc: "https://img.b2bpic.net/free-photo/travel-latino-music-concept_23-2148232417.jpg",              imageAlt: "Exclusive VIP access",              button: { text: "Learn More", href: "#" }
            },
            {
              title: "Sustainable Luxury",              description: "Responsibly crafted experiences that honor communities and preserve destinations for future generations",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-with-different-items_23-2148925821.jpg",              imageAlt: "Sustainable travel experience",              button: { text: "Learn More", href: "#" }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="experience-cards" data-section="experience-cards">
        <FeatureCardMedia
          title="Signature Experiences"
          description="Handpicked destinations and moments that define luxury travel"
          tag="Featured"
          textboxLayout="default"
          animationType="blur-reveal"
          carouselMode="buttons"
          features={[
            {
              id: "1",              title: "Alpine Sanctuary",              description: "An exclusive mountain retreat offering pristine peaks, gourmet dining, and rejuvenating wellness programs",              tag: "Wellness",              imageSrc: "https://img.b2bpic.net/free-photo/view-world-travel-map-hand-writing-notebook_23-2149459969.jpg",              imageAlt: "Luxury alpine resort"
            },
            {
              id: "2",              title: "Culinary Mastery",              description: "Private gastronomic journeys with Michelin-starred chefs and wine experts in the world's finest vineyards",              tag: "Gastronomy",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-hand-holding-notebook_23-2149617649.jpg",              imageAlt: "Gourmet culinary experience"
            },
            {
              id: "3",              title: "Spa Serenity",              description: "Bespoke wellness retreats featuring ancient healing traditions and cutting-edge rejuvenation therapies",              tag: "Renewal",              imageSrc: "https://img.b2bpic.net/free-photo/flat-lay-travel-items-assortment_23-2149617660.jpg",              imageAlt: "Luxury spa sanctuary"
            },
            {
              id: "4",              title: "Adventure Elite",              description: "Curated expeditions combining thrilling exploration with five-star accommodations and expert guidance",              tag: "Exploration",              imageSrc: "https://img.b2bpic.net/free-photo/female-blogger-streaming-travel-online-with-smartphone_23-2148771580.jpg",              imageAlt: "Premium adventure experience"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="journey" data-section="journey">
        <FeatureCardNine
          title="Your Journey Awaits"
          description="From discovery to unforgettable moments, we guide every step of your experience"
          tag="Process"
          textboxLayout="default"
          showStepNumbers={true}
          features={[
            {
              id: 1,
              title: "Dream & Discover",              description: "Share your vision with our experts. We listen, understand, and reveal extraordinary possibilities tailored to you.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_23-2148738357.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_52683-50372.jpg"
              }
            },
            {
              id: 2,
              title: "Plan & Prepare",              description: "Our curators craft meticulous itineraries, securing exclusive access and personalizing every detail for your comfort.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_23-2148738357.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_52683-50372.jpg"
              }
            },
            {
              id: 3,
              title: "Experience & Enjoy",              description: "Immerse yourself in luxury. Our concierge ensures every moment exceeds expectations with seamless service.",              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_23-2148738357.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-vector/smartphone-home-screen_52683-50372.jpg"
              }
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Stories from Our Guests"
          description="Hear how Viatelier has transformed travel into unforgettable memories"
          tag="Client Testimonials"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",              name: "Alexandra Mitchell, Investment Banker",              date: "Date: November 2024",              title: "A transformative experience beyond imagination",              quote: "Viatelier turned my dream African safari into reality with impeccable attention to detail. From private jet transfers to exclusive wildlife encounters, every moment was curated to perfection. The concierge team anticipated needs I didn't even know I had.",              tag: "Safari Expedition",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              avatarAlt: "Alexandra Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/happy-caucasian-pretty-long-hair-elegant-tourist-woman-dress-with-red-suitcase-outside-hotel_343596-3652.jpg",              imageAlt: "African safari experience"
            },
            {
              id: "2",              name: "James Chen, Technology Executive",              date: "Date: October 2024",              title: "Luxury redefined with genuine care",              quote: "What sets Viatelier apart is their genuine understanding of what true luxury means. My Swiss Alps experience wasn't just about five-star hotels—it was about personalized service, exclusive access, and authentic connections. Absolutely remarkable.",              tag: "Mountain Retreat",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              avatarAlt: "James Chen",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-vacation-by-pool-using-phone_1303-14386.jpg",              imageAlt: "Swiss Alps luxury hotel"
            },
            {
              id: "3",              name: "Elena Rodriguez, Art Collector",              date: "Date: September 2024",              title: "Every detail was exquisitely executed",              quote: "As someone accustomed to the finest things, I was impressed by Viatelier's deep knowledge of global luxury hotspots. My Mediterranean art tour included private museum access and dinners with gallery owners. An absolutely elevating experience.",              tag: "Cultural Journey",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              avatarAlt: "Elena Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/couple-taking-walk-by-pool-vacation_23-2149369705.jpg",              imageAlt: "Mediterranean destination"
            },
            {
              id: "4",              name: "Marcus Thompson, CEO",              date: "Date: August 2024",              title: "Where sophistication meets service",              quote: "Viatelier understands that luxury is about creating moments that matter. My family's year-end retreat was flawlessly orchestrated—from private island villas to personalized wellness programs. The attention to detail was extraordinary.",              tag: "Island Paradise",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              avatarAlt: "Marcus Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/couple-taking-walk-by-pool-vacation_23-2149369706.jpg",              imageAlt: "Private island resort"
            },
            {
              id: "5",              name: "Victoria Ashford, Author",              date: "Date: July 2024",              title: "Simply the finest travel experience",              quote: "My year-long sabbatical was made possible by Viatelier's exceptional planning and expertise. They didn't just book hotels; they crafted a transformative journey across continents. Their team became extended family.",              tag: "Extended Sabbatical",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              avatarAlt: "Victoria Ashford",              imageSrc: "https://img.b2bpic.net/free-photo/happy-caucasian-pretty-long-hair-elegant-tourist-woman-dress-with-red-suitcase-outside-hotel_343596-3649.jpg",              imageAlt: "Luxury travel experience"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Begin Your Journey"
          description="Connect with our expert team to discuss your vision and start crafting your luxury experience."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your dream experience...",            rows: 5,
            required: true
          }}
          buttonText="Schedule Consultation"
          mediaPosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/luxury-swimming-pool-beach_657883-734.jpg"
          imageAlt="Luxury concierge service"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Viatelier"
          copyrightText="© 2025 Viatelier. All rights reserved. Luxury experiences, responsibly crafted."
        />
      </div>
    </ThemeProvider>
  );
}