"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Compass, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Wanderlust Tours"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Tours", id: "tours" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Your Adventure", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroOverlay 
          title="Curated Private Tours for the Discerning Traveler"
          description="Discover unforgettable experiences tailored exclusively for you. From exotic destinations to hidden gems, we craft journeys that exceed expectations."
          tag="Premium Travel Experiences"
          imageSrc="https://img.b2bpic.net/free-photo/couple-male-female-talking-front-turquoise-beach-water_181624-26995.jpg"
          imageAlt="Exotic destination with crystal waters and mountains"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={false}
          buttons={[
            { text: "Explore Tours", href: "tours" },
            { text: "Plan Your Journey", href: "contact" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="About Wanderlust Tours"
          tagIcon={Compass}
          title="We don't just create tours, we craft legacies of extraordinary travel moments."
          description="Founded on the belief that travel transforms lives"
          subdescription="Over 15 years of premium travel expertise"
          icon={MapPin}
          imageSrc="https://img.b2bpic.net/free-photo/man-standing-cliff-overlooking-azure-ocean-vibrant-green-sky_1258-296332.jpg"
          imageAlt="Professional tour guide with clients in exotic location"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="tours" data-section="tours">
        <ProductCardOne 
          title="Signature Tour Experiences"
          description="Handpicked destinations curated for unforgettable adventures and cultural immersion"
          products={[
            {
              id: "1",              name: "Tropical Paradise Escape",              price: "From $4,500",              imageSrc: "https://img.b2bpic.net/free-photo/tourist-sitting-rock-near-grandfather-grandfather-rock-hin-ta-hin-yai-rocks-lamai-beach-koh-samui-thailand_335224-1404.jpg",              imageAlt: "Crystal clear turquoise waters with white sand beach"
            },
            {
              id: "2",              name: "Alpine Peak Adventure",              price: "From $3,800",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-shot-lake-carezza-surrounded-by-dolomites-greenery-south-tyrol-italy_181624-61450.jpg",              imageAlt: "Snow-capped mountains with scenic hiking trails"
            },
            {
              id: "3",              name: "Cultural Heritage Journey",              price: "From $4,200",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-wearing-bikini-is-sitting-small-boat-near-tropical-island-summer-vacation_273443-2515.jpg",              imageAlt: "Historic architecture and ancient cultural landmarks"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardTwelve 
          title="Why Choose Wanderlust Tours"
          description="Experience the difference that expert planning, personal attention, and local knowledge make"
          features={[
            {
              id: "personalization",              label: "Personalized",              title: "Every journey is tailored to your preferences",              items: [
                "Custom itineraries based on interests",                "Flexible scheduling and pace",                "Personal travel concierge",                "Customized dining experiences"
              ]
            },
            {
              id: "expertise",              label: "Expert",              title: "Decades of collective travel experience",              items: [
                "Certified professional guides",                "Local destination specialists",                "Exclusive access to hidden gems",                "Safety and logistics expertise"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="What Our Clients Say"
          description="Real stories from travelers whose journeys with us transformed their perspective on the world"
          testimonials={[
            {
              id: "1",              name: "Margaret Ellis, VP at Travel Consulting Group",              date: "Date: October 2024",              title: "The most memorable vacation of our lives",              quote: "From the moment we booked, the team anticipated every detail. The personalization and local expertise made us feel like insiders in every destination. We've already booked our next adventure.",              tag: "Premium Package",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"
            },
            {
              id: "2",              name: "James Richardson, Entrepreneur",              date: "Date: September 2024",              title: "Worth every penny and more",              quote: "I've done luxury travel before, but Wanderlust Tours redefined what I thought was possible. The attention to detail, the exclusive experiences, the seamless logistics—it was flawless.",              tag: "Signature Experience",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"
            },
            {
              id: "3",              name: "Sarah Mitchell, CEO at Design Studio",              date: "Date: August 2024",              title: "A transformational travel experience",              quote: "They listened to what we wanted and delivered something we didn't even know to ask for. The guides were knowledgeable, the accommodations were exquisite, and the experiences felt authentically curated.",              tag: "Custom Journey",              avatarSrc: "https://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg"
            },
            {
              id: "4",              name: "David Chen, Luxury Consultant",              date: "Date: July 2024",              title: "Professional excellence at every turn",              quote: "My family has traveled extensively around the world. This was the first time I felt completely confident delegating the entire experience to someone else. The results exceeded expectations.",              tag: "Family Retreat",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"
            },
            {
              id: "5",              name: "Patricia Wong, Executive Director",              date: "Date: June 2024",              title: "Exceptional service and unforgettable moments",              quote: "The team went above and beyond to create meaningful connections with the local communities we visited. It wasn't just a tour—it was a cultural awakening. Highly recommend.",              tag: "Cultural Immersion",              avatarSrc: "https://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg"
            },
            {
              id: "6",              name: "Robert Harrison, Investment Banker",              date: "Date: May 2024",              title: "Exceeded all expectations",              quote: "From initial consultation to the final evening, every moment was thoughtfully orchestrated. The team's knowledge and passion for travel is infectious. We're already planning our next trip.",              tag: "Adventure Package",              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="By the Numbers"
          description="Our track record of excellence and client satisfaction speaks for itself"
          metrics={[
            {
              id: "1",              value: "2,400+",              description: "Happy Travelers Worldwide"
            },
            {
              id: "2",              value: "95+",              description: "Destinations Curated"
            },
            {
              id: "3",              value: "4.9/5.0",              description: "Average Client Rating"
            },
            {
              id: "4",              value: "15+",              description: "Years of Excellence"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm 
          title="Plan Your Next Adventure"
          description="Let our travel specialists create a bespoke itinerary tailored to your dreams. Get in touch today to start planning your extraordinary journey."
          inputs={[
            { name: "fullName", type: "text", placeholder: "Your Full Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email Address", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
            { name: "destination", type: "text", placeholder: "Desired Destination", required: true }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your travel dreams, preferences, and any special requirements...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/aerial-view-seashore-near-lamai-beach-koh-samui-thailand_335224-1385.jpg"
          imageAlt="Travel planning consultation with map and itinerary"
          mediaPosition="right"
          buttonText="Start Planning"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterMedia 
          imageSrc="https://img.b2bpic.net/free-photo/young-stylish-woman-standing-pier-walking-listening-music-headphones-summer-apparel-white-skirt-handbag-azure-water-landscape-background-tropical-lagoon-vacation-traveling-asia_285396-5967.jpg"
          imageAlt="Global travel destinations collage"
          logoText="Wanderlust Tours"
          copyrightText="© 2025 | Wanderlust Tours. All rights reserved."
          columns={[
            {
              title: "Explore",              items: [
                { label: "Destinations", href: "tours" },
                { label: "Tour Types", href: "tours" },
                { label: "Custom Itineraries", href: "contact" },
                { label: "Group Tours", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "about" },
                { label: "Travel Blog", href: "#" },
                { label: "Sustainability", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Email Us", href: "#" },
                { label: "Call: +1 (555) 123-4567", href: "#" },
                { label: "Office Hours", href: "#" },
                { label: "Book Consultation", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}