"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 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">
      <HeroBillboard
      title="Discover Your Dream Destination"
      description="Explore the world's most enchanting places with personalized journeys crafted just for you."
      background={{ variant: "plain" }}
      tag="Explore"
      buttons={[{ text: "Book Your Journey", label: "Book Your Journey", href: "#" }, { text: "View Destinations", label: "View Destinations", href: "#" }]}
      imageSrc="https://placehold.co/600x400"
      />
      </div>

      <div id="testimonials" data-section="testimonials">
      <HeroBillboard
      title="Elevate Your Travel Experience"
      description="Unveil the world's most exquisite destinations with personalized journeys tailored just for you."
      background={{ variant: "plain" }}
      tag="Luxury"
      buttons={[{ text: "Explore Destinations", label: "Explore Destinations", href: "#" }, { text: "Contact Us", label: "Contact Us", href: "#" }]}
      imageSrc="https://placehold.co/600x400"
      />
      </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>
  );
}