"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Plane, Instagram, Linkedin, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Lumina Journeys"
          navItems={[
            { name: "About", id: "about" },
            { name: "Destinations", id: "destinations" },
            { name: "Services", id: "services" },
            { name: "Stories", id: "testimonials" }
          ]}
          button={{
            text: "Plan Your Journey",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Curated Luxury Travel Experiences for Discerning Travelers"
          description="Discover the world's most exclusive destinations through our bespoke concierge service. From hidden coastal retreats to private cultural immersions, every journey is meticulously crafted for your unique vision."
          tag="Premium Travel"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-summer-holidays_23-2151982723.jpg",              imageAlt: "luxury travel destination scenic landscape"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8221.jpg",              imageAlt: "exotic travel beach resort paradise"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg",              imageAlt: "luxury hotel experience travel vacation"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/view-island-middle-lake_181624-19253.jpg",              imageAlt: "mountains adventure travel exploration scenic"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-outdoor-swimming-pool-hotel-resort_74190-7433.jpg",              imageAlt: "cultural destination travel heritage authentic"
            }
          ]}
          buttons={[
            { text: "Explore Destinations", href: "destinations" },
            { text: "Start Your Journey", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Lumina Journeys"
          description="We are San Francisco's most trusted boutique travel concierge, redefining luxury travel through personalized service and authentic experiences."
          tabs={[
            {
              id: "expertise",              label: "Expertise",              description: "With over two decades of luxury travel curation, our team navigates the world's most exclusive networks to secure unparalleled access and experiences that money alone cannot buy."
            },
            {
              id: "personalization",              label: "Personalization",              description: "Every itinerary is meticulously tailored to your passions, preferences, and travel style. We listen deeply to craft journeys that reflect your unique identity and aspirations."
            },
            {
              id: "access",              label: "Exclusive Access",              description: "From private villa rentals to invitation-only experiences, our relationships unlock doors ordinary travelers never find. You gain entry to the world's most coveted destinations and events."
            },
            {
              id: "service",              label: "24/7 Concierge",              description: "Our white-glove service extends beyond planning. We're your dedicated partner throughout your journey, ensuring every detail exceeds expectations."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/medium-shot-host-welcoming-couple_23-2149986629.jpg"
          imageAlt="travel planning concierge service professional"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="destinations" data-section="destinations">
        <ProductCardTwo
          title="Signature Destinations"
          description="Explore our curated collection of the world's most exclusive travel experiences, each offering unparalleled luxury and authentic cultural immersion."
          tag="Premium Destinations"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          products={[
            {
              id: "1",              brand: "Southeast Asia",              name: "Bali Private Villa Experience",              price: "From $8,500",              rating: 5,
              reviewCount: "47",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9029.jpg",              imageAlt: "bali tropical island luxury vacation"
            },
            {
              id: "2",              brand: "Europe",              name: "Paris Boutique Immersion",              price: "From $7,200",              rating: 5,
              reviewCount: "52",              imageSrc: "http://img.b2bpic.net/free-photo/wide-high-angle-shot-private-pool-with-ocean-background-sunset-hour_181624-13638.jpg",              imageAlt: "paris france luxury romance city"
            },
            {
              id: "3",              brand: "Indian Ocean",              name: "Maldives Overwater Resort",              price: "From $9,800",              rating: 5,
              reviewCount: "38",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-view-with-umbrella-chair-around-swimming-pool-luxury-hotel_74190-1052.jpg",              imageAlt: "maldives beach luxury resort paradise"
            },
            {
              id: "4",              brand: "East Asia",              name: "Tokyo Cultural Deep Dive",              price: "From $6,500",              rating: 5,
              reviewCount: "44",              imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg",              imageAlt: "tokyo japan cultural modern luxury"
            },
            {
              id: "5",              brand: "Europe",              name: "Swiss Alps Exclusive Retreat",              price: "From $10,200",              rating: 5,
              reviewCount: "35",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-sun-beach-perfect-bay_1232-4212.jpg",              imageAlt: "swiss alps mountain luxury scenic"
            },
            {
              id: "6",              brand: "Polar",              name: "Antarctica Private Expedition",              price: "From $24,500",              rating: 5,
              reviewCount: "18",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-water-villas-tropical-maldives-island-sunset-time_1232-4499.jpg",              imageAlt: "antarctica adventure expedition luxury exclusive"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNineteen
          title="Our Premium Services"
          description="Beyond flight bookings and hotel reservations, we deliver transformative travel experiences through bespoke services designed for the most discerning travelers."
          tag="Concierge Excellence"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "VIP Access",              title: "Exclusive Connections",              subtitle: "Unlock doors reserved for elite travelers",              description: "Our global network of luxury partners, private clubs, and cultural influencers grants you unprecedented access to private events, closed-door experiences, and invitation-only gatherings that define true luxury travel.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-waitress-serving-dessert-guest-cafe_637285-8889.jpg",              imageAlt: "concierge service premium luxury care"
            },
            {
              id: 2,
              tag: "Bespoke Design",              title: "Custom Itineraries",              subtitle: "Journeys created uniquely for you",              description: "Whether you crave culinary adventures, art world immersion, spiritual retreats, or adrenaline-fueled expeditions, we architect every moment to align perfectly with your passions and travel philosophy.",              imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg",              imageAlt: "custom personalized tailored service bespoke"
            },
            {
              id: 3,
              tag: "Premium Support",              title: "24/7 Concierge",              subtitle: "Always available, always prepared",              description: "Your dedicated travel concierge is available around the clock to handle last-minute changes, special requests, local recommendations, and any unexpected needs that arise during your travels.",              imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661580.jpg",              imageAlt: "vip exclusive access premium luxury"
            },
            {
              id: 4,
              tag: "Expert Knowledge",              title: "Travel Expertise",              subtitle: "Local insights meet global perspective",              description: "Our team includes seasoned travel specialists, cultural experts, and destination insiders who share insider knowledge, hidden gems, and authentic experiences that transform ordinary trips into unforgettable stories.",              imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661550.jpg",              imageAlt: "guide expert knowledge travel experience"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Stories from Satisfied Travelers"
          description="Discover what our clients say about their transformative journeys curated by Lumina Journeys."
          tag="Client Experiences"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Victoria Chen",              handle: "@victoriachenweb",              testimonial: "Lumina Journeys completely transformed how I travel. Their personalized attention and exclusive access to experiences I couldn't find anywhere else made my Bali retreat absolutely unforgettable.",              imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-pretty-woman-with-light-brown-hair-wearing-black-jacket-with-red-lips_291650-1321.jpg",              imageAlt: "professional portrait luxury woman confident"
            },
            {
              id: "2",              name: "James Morrison",              handle: "@jmorrisson_ventures",              testimonial: "As someone who travels constantly, I've worked with many travel agencies. Lumina's 24/7 concierge and cultural expertise elevated my Paris trip to something truly special and meaningful.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",              imageAlt: "professional portrait luxury man successful"
            },
            {
              id: "3",              name: "Elena Rodriguez",              handle: "@elenarod_design",              testimonial: "The team's ability to understand my exact vision and execute it flawlessly across my Maldives escape was remarkable. Every detail exceeded expectations—from hidden restaurants to private island excursions.",              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg",              imageAlt: "professional portrait executive luxury woman"
            },
            {
              id: "4",              name: "David Park",              handle: "@davidpark_ventures",              testimonial: "My Swiss Alps expedition with Lumina was the adventure of a lifetime. Their expert connections and logistics coordination made a complex journey feel effortless and truly luxurious throughout.",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-african-businesswoman-near-window-eyes-closed_171337-16073.jpg",              imageAlt: "professional portrait entrepreneur luxury man"
            },
            {
              id: "5",              name: "Sarah Anderson",              handle: "@sarah.travels",              testimonial: "Lumina doesn't just book travel—they craft experiences. Their deep knowledge of Tokyo's hidden cultural gems and exclusive access to private experiences made my journey incredibly authentic and memorable.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-elegant-woman-blonde-woman-with-curly-beautiful-hair-beautiful-blonde-long-curly-hair-woman-with-beauty-makeup-healthy-skin-female-fashion-portrait_343629-62.jpg",              imageAlt: "professional portrait business luxury woman"
            },
            {
              id: "6",              name: "Michael Thompson",              handle: "@mthompson_art",              testimonial: "Working with Lumina for my first luxury international trip was the best decision. Their personalized service, attention to detail, and ability to handle every logistics aspect was nothing short of exceptional.",              imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg",              imageAlt: "professional portrait luxury man elegant"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Lumina Journeys by the Numbers: Trust, Expertise, and Excellence in Luxury Travel"
          tag="Our Impact"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "500+",              description: "Luxury destinations curated and vetted across six continents, each selected for exceptional exclusivity and authentic experiences."
            },
            {
              id: "2",              value: "2,400+",              description: "Satisfied travelers who have experienced transformative journeys crafted by our expert concierge team since our founding."
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about booking luxury travel experiences with Lumina Journeys."
          tag="Help & Support"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How does the booking process work?",              content: "Our process begins with a detailed consultation where we understand your travel vision, preferences, and budget. We then craft a custom itinerary, secure exclusive access and partnerships, handle all logistics, and provide 24/7 support throughout your journey. Most bookings are completed within 2-4 weeks depending on complexity and destination."
            },
            {
              id: "2",              title: "What is included in your concierge service?",              content: "Our comprehensive service includes: custom itinerary design, exclusive destination access, accommodation and dining reservations, transportation coordination, 24/7 emergency support, cultural guides and local insights, and personalized recommendations based on your interests."
            },
            {
              id: "3",              title: "What is the minimum budget for a luxury journey?",              content: "We create experiences at various price points starting from $6,500 for intimate cultural experiences to $25,000+ for exclusive expeditions. We work within your budget while maximizing value and exclusivity. There's no minimum—we focus on delivering luxury experiences tailored to your investment."
            },
            {
              id: "4",              title: "Can you customize itineraries for specific interests?",              content: "Absolutely. Whether you're passionate about art, gastronomy, wellness, adventure, cultural immersion, or spiritual retreats, we design journeys around your unique interests. Our team includes specialists in various areas who craft deeply personalized experiences."
            },
            {
              id: "5",              title: "How far in advance should I plan my trip?",              content: "For most destinations, 4-6 weeks advance planning allows us to secure the best accommodations and experiences. For exclusive expeditions or peak season travel, 2-3 months is ideal. However, we can sometimes accommodate shorter timelines for special requests."
            },
            {
              id: "6",              title: "Do you work with travelers outside San Francisco?",              content: "Yes! While we serve San Francisco as our primary market, we work with luxury travelers from around the world. Your location doesn't limit our ability to plan your perfect journey—we handle everything virtually and provide seamless logistics support."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Begin Your Journey"
          title="Ready to Experience Luxury Travel Like Never Before?"
          description="Connect with our travel experts to start planning your bespoke luxury journey. Let's create something extraordinary together."
          tagIcon={Plane}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Your email address"
          buttonText="Explore Journeys"
          termsText="We'll connect you with our team within 24 hours. Your information is never shared and always respected."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Lumina Journeys"
          copyrightText="© 2025 Lumina Journeys. All rights reserved. Luxury Travel Concierge for San Francisco."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/luminajourneys",              ariaLabel: "Follow us on Instagram"
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/luminajourneys",              ariaLabel: "Follow us on LinkedIn"
            },
            {
              icon: Mail,
              href: "mailto:hello@luminajourneys.com",              ariaLabel: "Email us"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}