"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Building2, Compass, Map } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="large"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Destinations",          id: "#destinations"},
        {
          name: "Experience",          id: "#experience"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Zenith Voyages"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "gradient-bars"}}
      title="Luxury Travel Experiences Tailored For You"
      description="Discover personalized journeys, curated itineraries, and unforgettable adventures across the world."
      kpis={[
        {
          value: "50k+",          label: "Happy Travelers"},
        {
          value: "4.9",          label: "Expert Rating"},
        {
          value: "1M+",          label: "Followers Worldwide"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Start Your Luxury Journey",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-silhouette-umbrella-chair-around-resort-sunrise-time_74190-7910.jpg"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/hotel-tropical-summer-landscape-tree_1203-4847.jpg",          alt: "hotel tropical summer landscape tree"},
        {
          src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8445.jpg",          alt: "Umbrella and chair around swimming pool neary sea ocean beach at sunrise or sunset time"},
        {
          src: "http://img.b2bpic.net/free-photo/nature-summer-travel-beach-luxury_1203-4812.jpg",          alt: "nature summer travel beach luxury"},
        {
          src: "http://img.b2bpic.net/free-photo/red-kayaks-sunset_1258-13.jpg",          alt: "Red kayaks at sunset"},
        {
          src: "http://img.b2bpic.net/free-photo/top-view-travel-concept-with-toy-plane_23-2148666310.jpg",          alt: "Top view travel concept with toy plane"},
      ]}
      avatarText="Trusted by elite travelers globally"
      marqueeItems={[
        {
          type: "text",          text: "Ultra-Luxury"},
        {
          type: "text",          text: "Bespoke Itineraries"},
        {
          type: "text",          text: "Global Access"},
        {
          type: "text",          text: "24/7 Support"},
        {
          type: "text",          text: "Cultural Immersion"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Meaningful Travel Experiences"
      description={[
        "We are passionate travel experts creating unforgettable journeys beyond sightseeing. Every itinerary we design combines unparalleled comfort, cultural discovery, and meaningful moments that stay with you forever.",        "Our bespoke travel services are tailored to the individual, ensuring your journey is as unique as your destination."]}
    />
  </div>

  <div id="destinations" data-section="destinations">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Maldives Paradise",          price: "From $3,200",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-villa-with-pool-sunset-view_23-2151974409.jpg"},
        {
          id: "2",          name: "Swiss Alpine Escape",          price: "From $2,800",          imageSrc: "http://img.b2bpic.net/free-photo/brown-wooden-houses-countryside_395237-91.jpg"},
        {
          id: "3",          name: "Bali Sanctuary",          price: "From $1,900",          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-large-nest-bali_1157-33607.jpg"},
        {
          id: "4",          name: "Dubai Modernity",          price: "From $2,500",          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-young-woman-enjoying-peace-around-her_23-2148943414.jpg"},
        {
          id: "5",          name: "Santorini Sunsets",          price: "From $2,700",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-mountains-river-with-isolated-house-forest-shore_181624-4244.jpg"},
        {
          id: "6",          name: "Japan Traditions",          price: "From $3,500",          imageSrc: "http://img.b2bpic.net/free-photo/girl-red-dress-dancing-waterfall_72229-1286.jpg"},
      ]}
      buttons={[
        { text: "Browse All Packages", href: "#contact" }
      ]}
      title="Explore Our Curated Destinations"
      description="Hand-picked locations designed to awaken your wanderlust."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Why Choose Zenith Voyages"
      description="Authentic, curated, and worry-free travel."
      accordionItems={[
        {
          id: "a1",          title: "Personalized Itineraries",          content: "Trips designed entirely around your style, pace, and specific travel dreams."},
        {
          id: "a2",          title: "24/7 Travel Support",          content: "Experience travel with peace of mind knowing we are here for you at every moment."},
        {
          id: "a3",          title: "Luxury Curated Experiences",          content: "Savor local cuisine, private tours, and exclusive access to the world's finest gems."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/sky-april-18-2024_58702-17139.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="experience" data-section="experience">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Compass,
          title: "Luxury Aviation",          value: "Global Access"},
        {
          id: "m2",          icon: Building2,
          title: "Premium Hospitality",          value: "5-Star Only"},
        {
          id: "m3",          icon: Map,
          title: "Cultural Depth",          value: "100+ Nations"},
      ]}
      title="A World of Luxury"
      description="Exceptional hospitality across every touchpoint."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Emily Carter",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-couch_23-2148415931.jpg"},
        {
          id: "2",          name: "James Anderson",          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-hat-poses-camera-night_1153-3435.jpg"},
        {
          id: "3",          name: "Sarah Miller",          imageSrc: "http://img.b2bpic.net/free-photo/woman-camping-night-with-cup-tea_23-2148785868.jpg"},
        {
          id: "4",          name: "David Thompson",          imageSrc: "http://img.b2bpic.net/free-photo/slim-woman-enjoying-exotic-place-joyful-tanned-lady-standing-near-palm-trees-smiling_197531-21125.jpg"},
        {
          id: "5",          name: "Elena Rodriguez",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-bridge-edge-sitting_23-2148362060.jpg"},
      ]}
      cardTitle="Traveler Voices"
      cardTag="Testimonials"
      cardAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated"}}
      text="Start Planning Your Next Journey with Zenith Voyages."
      buttons={[
        {
          text: "Book Free Consultation",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Zenith Voyages"
      leftLink={{
        text: "Terms of Service",        href: "#"}}
      rightLink={{
        text: "Privacy Policy",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
