"use client"

import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Binoculars, Compass, MapPin, Mountain, Palmtree, Star, Utensils, Waves } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeLargeTitles"
      background="fluid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Journeys"
          navItems={[
            { name: "Destinations", id: "destinations" },
            { name: "Experiences", id: "experiences" },
            { name: "Packages", id: "packages" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Plan Your Journey", href: "#contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Curated Luxury Travel Experiences"
          description="Discover the world's most exclusive destinations with personalized itineraries crafted by our travel experts. From hidden tropical escapes to alpine retreats, we design unforgettable journeys tailored to your desires."
          tag="Premium Travel Concierge"
          tagIcon={Compass}
          tagAnimation="slide-up"
          buttons={[
            { text: "Explore Destinations", href: "#destinations" },
            { text: "Contact Our Experts", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-outdoor-view-with-umbrella-chair-around-swimming-pool-luxury-hotel_74190-1052.jpg"
          imageAlt="Luxurious tropical resort with sunset ocean view"
          mediaAnimation="blur-reveal"
          background={{ variant: "radial-gradient" }}
          imagePosition="right"
          fixedMediaHeight={true}
        />
      </div>

      <div id="destinations" data-section="destinations">
        <ProductCardOne
          title="Curated Destinations"
          description="Handpicked luxury destinations offering unparalleled beauty, culture, and exclusive accommodations. Each location is vetted for exceptional experiences and five-star service."
          tag="Global Collection"
          tagIcon={Compass}
          tagAnimation="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "maldives",              name: "Maldives",              price: "From $4,500/night",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-swim-wear-by-ocean_1303-15405.jpg",              imageAlt: "Overwater luxury villa in Maldives"
            },
            {
              id: "bali",              name: "Bali, Indonesia",              price: "From $2,800/night",              imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-jungle-view_1157-33609.jpg",              imageAlt: "Luxury resort nestled in Balinese landscape"
            },
            {
              id: "switzerland",              name: "Swiss Alps",              price: "From $3,200/night",              imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-house-covered-with-snow_198169-364.jpg",              imageAlt: "Alpine luxury hotel with mountain views"
            }
          ]}
        />
      </div>

      <div id="experiences" data-section="experiences">
        <FeatureHoverPattern
          title="Bespoke Experiences"
          description="Transform your travels into extraordinary memories with carefully curated activities designed exclusively for discerning travelers."
          tag="Signature Moments"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          features={[
            {
              icon: Palmtree,
              title: "Private Beach Retreats",              description: "Exclusive access to pristine beaches with personal concierge service, gourmet dining, and water sports.",              button: { text: "Discover", href: "#" }
            },
            {
              icon: Mountain,
              title: "Mountain Expeditions",              description: "Expert-guided treks through stunning alpine landscapes with luxury lodge accommodations and Michelin-starred cuisine.",              button: { text: "Discover", href: "#" }
            },
            {
              icon: Compass,
              title: "Cultural Immersion",              description: "Deep dives into local traditions, art, and heritage with private guides and exclusive cultural events.",              button: { text: "Discover", href: "#" }
            },
            {
              icon: Utensils,
              title: "Culinary Tours",              description: "Gastronomic journeys featuring private chef experiences, cooking classes, and wine tastings in renowned regions.",              button: { text: "Discover", href: "#" }
            },
            {
              icon: Waves,
              title: "Yacht Expeditions",              description: "Explore the Mediterranean or Caribbean aboard private luxury yachts with world-class service and stops at exclusive ports.",              button: { text: "Discover", href: "#" }
            },
            {
              icon: Binoculars,
              title: "Wildlife Safari",              description: "Luxury safari experiences in Africa's most prestigious reserves with expert naturalists and premium accommodation.",              button: { text: "Discover", href: "#" }
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Luxe Journeys"
          tagIcon={Star}
          tagAnimation="slide-up"
          title="Decades of Expertise in Luxury Travel"
          description="With 35+ years of experience in luxury travel curation, we've established relationships with the world's most exclusive properties and providers."
          subdescription="Our team of award-winning travel designers specializes in creating seamless, unforgettable journeys that exceed expectations at every turn. We handle every detail so you can focus on creating memories."
          icon={Star}
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-outdoor-view-with-umbrella-chair-around-swimming-pool-luxury-hotel_74190-1052.jpg"
          imageAlt="Luxe Journeys team creating exceptional travel experiences"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Discerning Travelers"
          description="Hear from clients who have experienced the Luxe Journeys difference."
          textboxLayout="default"
          useInvertedBackground={false}
          showRating={true}
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Margaret Chen",              handle: "CEO, Global Ventures",              testimonial: "Luxe Journeys transformed our family's vacation into the experience of a lifetime. Every detail was immaculate, from accommodations to exclusive access at every destination.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-young-woman-with-naked-shoulders-vine-lips-positive-news-birthday-gift-with-joyful-charming-smile-beautiful-girl-relaxing-indoors-after-college_291650-231.jpg",              imageAlt: "Margaret Chen profile"
            },
            {
              id: "2",              name: "James Wellington",              handle: "Founder, Heritage Group",              testimonial: "The level of personalization and attention to detail is unmatched. Our concierge anticipated every need before we even knew we needed it.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",              imageAlt: "James Wellington profile"
            },
            {
              id: "3",              name: "Sophia Valentini",              handle: "Art Director, Milan Studios",              testimonial: "Twenty years of travel, and this was my most extraordinary journey yet. Luxe Journeys truly understands luxury.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexual-woman-with-beautiful-blue-eyes-curly-hair-which-wearing-monochrome-black-dress-sitting-comfortable-chair-keeping-hand-near-face-lovely-posing-camera_8353-12174.jpg",              imageAlt: "Sophia Valentini profile"
            },
            {
              id: "4",              name: "Alexander Stone",              handle: "Investment Director, Pinnacle Capital",              testimonial: "They didn't just book a trip; they curated an experience tailored to our exact preferences. This is the gold standard of travel services.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background_158538-21669.jpg",              imageAlt: "Alexander Stone profile"
            },
            {
              id: "5",              name: "Victoria Hartley",              handle: "Executive, Luxury Brands International",              testimonial: "Finally, a travel agency that understands what discerning travelers truly desire. We've already booked our next three journeys.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-woman-white-shirt-posing-brown-wall_181624-31516.jpg",              imageAlt: "Victoria Hartley profile"
            },
            {
              id: "6",              name: "Christopher Blake",              handle: "Managing Partner, Blake & Associates",              testimonial: "The personalized attention and exclusive access they secure is remarkable. Worth every penny and then some.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",              imageAlt: "Christopher Blake profile"
            }
          ]}
        />
      </div>

      <div id="packages" data-section="packages">
        <PricingCardOne
          title="Luxury Travel Packages"
          description="Select from our thoughtfully designed travel packages or let us create a bespoke itinerary just for you."
          tag="Curated Packages"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "island-escape",              badge: "7 Days",              badgeIcon: Star,
              price: "$12,500",              subtitle: "Perfect for tropical paradise seekers",              features: [
                "5-star beachfront resort",                "Private beach access",                "Daily spa treatments",                "Gourmet dining experiences",                "Water sports & activities",                "Personal concierge 24/7"
              ]
            },
            {
              id: "alpine-adventure",              badge: "10 Days",              badgeIcon: Mountain,
              price: "$18,750",              subtitle: "Ideal for mountain and culture enthusiasts",              features: [
                "Luxury alpine lodge",                "Expert-guided treks",                "Michelin-starred restaurants",                "Helicopter excursions",                "Private art gallery access",                "Exclusive wine tastings"
              ]
            },
            {
              id: "ultimate-voyage",              badge: "14 Days",              badgeIcon: Star,
              price: "$28,000",              subtitle: "Our most comprehensive luxury experience",              features: [
                "Multi-destination premium stays",                "Private yacht charter",                "Exclusive cultural events",                "Personal travel advisor",                "Unlimited dining credits",                "First-class air arrangements"
              ]
            }
          ]}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Travel Insights & Guides"
          description="Discover destination guides, travel trends, and insider tips from our luxury travel experts."
          tag="Travel Journal"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
          animationType="slide-up"
          uniformGridCustomHeightClasses="min-h-[450px]"
          blogs={[
            {
              id: "1",              category: "Destination Guide",              title: "The Hidden Gems of Santorini Beyond the Crowds",              excerpt: "Discover exclusive locations and insider experiences in Santorini that luxury travelers keep to themselves.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-swimming-pool-jungle-view_1157-33609.jpg",              imageAlt: "Scenic Santorini sunset",              authorName: "Elena Rossi",              authorAvatar: "http://img.b2bpic.net/free-photo/happy-cheerful-young-woman-with-naked-shoulders-vine-lips-positive-news-birthday-gift-with-joyful-charming-smile-beautiful-girl-relaxing-indoors-after-college_291650-231.jpg",              date: "March 15, 2024"
            },
            {
              id: "2",              category: "Travel Trends",              title: "Wellness Tourism: The Rise of Luxury Health Retreats",              excerpt: "Explore how luxury travel is evolving toward holistic wellness experiences combining spa, yoga, and mindfulness.",              imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-house-covered-with-snow_198169-364.jpg",              imageAlt: "Luxury wellness retreat",              authorName: "Dr. Marcus Chen",              authorAvatar: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",              date: "March 8, 2024"
            },
            {
              id: "3",              category: "Insider Tips",              title: "How to Access the World's Most Exclusive Hotels",              excerpt: "Learn the insider secrets and relationships that unlock access to the most private and exclusive luxury properties.",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-swim-wear-by-ocean_1303-15405.jpg",              imageAlt: "Exclusive luxury villa",              authorName: "Victoria Laurent",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-sexual-woman-with-beautiful-blue-eyes-curly-hair-which-wearing-monochrome-black-dress-sitting-comfortable-chair-keeping-hand-near-face-lovely-posing-camera_8353-12174.jpg",              date: "February 28, 2024"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Plan Your Luxury Escape?"
          ctaDescription="Let our travel experts design your perfect journey. Contact us today for a personalized consultation."
          ctaButton={{ text: "Schedule Consultation", href: "mailto:concierge@luxejourneys.com" }}
          ctaIcon={MapPin}
          useInvertedBackground={false}
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How far in advance should I book?",              content: "We recommend booking luxury travel experiences 2-3 months in advance for standard packages. Highly exclusive or custom experiences may require 4-6 months advance notice for optimal access and arrangements."
            },
            {
              id: "2",              title: "Do you offer customized itineraries?",              content: "Absolutely. Our specialty is creating bespoke travel experiences tailored to your exact preferences, interests, and timeline. Our travel designers work closely with you to craft the perfect journey."
            },
            {
              id: "3",              title: "What is your cancellation policy?",              content: "We offer flexible cancellation policies depending on your package and bookings. Most luxury accommodations allow cancellation up to 30 days before arrival without penalty. We'll detail specific terms during consultation."
            },
            {
              id: "4",              title: "Are visas and travel documents included?",              content: "We provide expert guidance on visa requirements and travel documentation for all destinations. While we don't process visas directly, we connect you with trusted visa services and provide necessary documentation support."
            },
            {
              id: "5",              title: "What happens if I need to change my plans?",              content: "Our 24/7 concierge team handles any changes with grace and efficiency. Whether it's a date change, additional stops, or special requests mid-journey, we adapt seamlessly to ensure your experience remains exceptional."
            },
            {
              id: "6",              title: "Do you offer travel insurance options?",              content: "Yes. We partner with premium travel insurance providers offering comprehensive coverage including trip cancellation, medical emergencies, and lost luggage protection for complete peace of mind."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-house-surrounded-by-trees-near-sea_181624-7987.jpg"
          imageAlt="Luxe Journeys luxury travel destination"
          logoText="Luxe Journeys"
          copyrightText="© 2024 Luxe Journeys. All rights reserved."
          columns={[
            {
              title: "Explore",              items: [
                { label: "Destinations", href: "#destinations" },
                { label: "Experiences", href: "#experiences" },
                { label: "Packages", href: "#packages" },
                { label: "Travel Guides", href: "#blog" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Media", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Booking Conditions", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}