"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Plane } from "lucide-react";

export default function LuxuryTravelPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Journeys"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Destinations", id: "destinations" },
            { name: "Services", id: "services" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Journey",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Discover the World's Most Exclusive Destinations"
          description="Curated luxury travel experiences tailored to your desires. From private island escapes to opulent city retreats, we craft unforgettable journeys."
          tag="Premium Travel Experiences"
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/travel-relaxation-umbrella-luxury-hotels_1253-653.jpg"
          imageAlt="Luxury tropical destination with crystal waters"
          buttons={[
            { text: "Explore Destinations", href: "destinations" },
            { text: "Plan Your Journey", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAbout
          title="Discover the Ultimate in Luxury Travel"
          description="At Luxe Journeys, we redefine bespoke travel experiences. Our team of experts curates exclusive itineraries tailored to your every desire, ensuring every moment is as memorable as it is luxurious."
          tag="About Luxe Journeys"
          buttons={[
            { text: "Our Story", href: "#about" },
            { text: "Explore Destinations", href: "/destinations" }
          ]}
          bulletPoints={[
            { title: "Exclusive Destinations", description: "Access the world's most exclusive locations, from hidden gems to iconic landmarks." },
            { title: "Personalized Itineraries", description: "Every journey is uniquely crafted to match your interests and preferences." },
            { title: "Luxury Accommodations", description: "Stay in the finest hotels and resorts, where comfort and elegance are paramount." },
            { title: "Exceptional Service", description: "Our dedicated team ensures every detail is handled with the utmost care and attention." }
          ]}
          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
          imageAlt="Luxury Travel Experience"
          imagePosition="left"
          textboxLayout="stacked"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="destinations" data-section="destinations">
        <ProductCardFour
          title="Featured Destinations"
          description="Hand-picked luxury destinations offering unparalleled experiences and world-class accommodations"
          tag="Exclusive Curations"
          products={[
            {
              id: "maldives",              name: "Maldives Private Island Retreat",              price: "$8,500",              variant: "7 nights • All-inclusive",              imageSrc: "https://img.b2bpic.net/free-photo/large-palm-trees-pool_1203-307.jpg",              imageAlt: "Overwater bungalow in the Maldives"
            },
            {
              id: "paris",              name: "Paris Luxury City Escape",              price: "$6,200",              variant: "5 nights • 4-star hotel",              imageSrc: "https://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg",              imageAlt: "Parisian luxury accommodation near Eiffel Tower"
            },
            {
              id: "bali",              name: "Bali Cultural Immersion",              price: "$5,800",              variant: "6 nights • Villa stay",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-outdoor-view-with-umbrella-chair-around-swimming-pool-luxury-hotel_74190-1052.jpg",              imageAlt: "Luxury Balinese villa with rice terrace views"
            },
            {
              id: "dubai",              name: "Dubai Ultimate Luxury Experience",              price: "$7,500",              variant: "5 nights • 5-star luxury",              imageSrc: "https://img.b2bpic.net/free-photo/umbrella-deck-chair-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-beach-coconut-palm-tree_74190-14083.jpg",              imageAlt: "Opulent Dubai hotel suite"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Premium Services"
          description="Comprehensive travel solutions designed to exceed expectations at every step of your journey"
          tag="Bespoke Travel Solutions"
          imageSrc="https://img.b2bpic.net/free-photo/travel-relaxation-umbrella-luxury-hotels_1253-653.jpg"
          imageAlt="Luxury travel services"
          mediaPosition="left"
          accordionItems={[
            {
              id: "1",              title: "Personalized Itinerary Design",              content: "Our expert travel consultants craft custom itineraries tailored to your preferences, budget, and travel style. From romantic getaways to adventure expeditions, we design every detail."
            },
            {
              id: "2",              title: "Exclusive Access & Upgrades",              content: "Enjoy VIP treatment with exclusive access to private venues, intimate dining experiences, and complimentary upgrades at luxury properties worldwide."
            },
            {
              id: "3",              title: "24/7 Concierge Support",              content: "Round-the-clock dedicated concierge service ensures seamless support before, during, and after your journey. We handle all arrangements with precision."
            },
            {
              id: "4",              title: "Travel Insurance & Protection",              content: "Comprehensive travel insurance, flexible cancellation policies, and complete peace of mind protection for all your luxury journeys."
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn More", href: "contact" }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Clients Say"
          description="Hear from discerning travelers who have experienced the Luxe Journeys difference"
          tag="Client Testimonials"
          testimonials={[
            {
              id: "1",              name: "Sarah Anderson",              role: "Executive Director",              testimonial: "Luxe Journeys transformed our family vacation into an unforgettable experience. Every detail was impeccably arranged, from the moment we arrived until we left.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Anderson"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Entrepreneur",              testimonial: "The personalized service and exclusive access to properties exceeded all expectations. Truly a world-class luxury travel experience.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Richardson",              role: "Travel Enthusiast",              testimonial: "Working with Luxe Journeys made our honeymoon absolutely magical. Their attention to detail and dedication to excellence is unmatched.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Emma Richardson"
            },
            {
              id: "4",              name: "James Mitchell",              role: "Business Professional",              testimonial: "From luxury accommodations to seamless logistics, every aspect of our trip was perfectly curated. Highly recommended for discerning travelers.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "James Mitchell"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Begin Your Journey"
          ctaDescription="Connect with our travel experts to plan your next luxurious adventure. Let us craft an experience beyond imagination."
          ctaButton={{
            text: "Schedule Consultation",            href: "#contact"
          }}
          ctaIcon={Plane}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What destinations do you specialize in?",              content: "We specialize in curating luxury experiences to destinations worldwide, including the Maldives, Paris, Bali, Dubai, the Caribbean, and hidden gems across Europe, Asia, and the South Pacific."
            },
            {
              id: "2",              title: "What is included in your travel packages?",              content: "Our packages typically include luxury accommodations, airport transfers, guided experiences, meals at premium restaurants, and personalized itinerary coordination. Each package is customizable."
            },
            {
              id: "3",              title: "Do you offer flexible cancellation policies?",              content: "Yes, we offer flexible cancellation options and comprehensive travel insurance to protect your investment and provide peace of mind."
            },
            {
              id: "4",              title: "How far in advance should I book?",              content: "We recommend booking 3-6 months in advance for peak season destinations to secure the best accommodations and exclusive experiences."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Services", href: "services" },
                { label: "Destinations", href: "destinations" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "contact" },
                { label: "Travel Insurance", href: "services" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Journeys | Curating Unforgettable Travel Experiences"
        />
      </div>
    </ThemeProvider>
  );
}