"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award, Headphones, MapPin, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Destinations",
          id: "#features",
        },
        {
          name: "Packages",
          id: "#products",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="VoyageVista"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="Your Next Adventure Starts Here"
      description="Discover breathtaking destinations, curated experiences, and unforgettable journeys tailored just for you. Let us guide you to your perfect escape."
      kpis={[
        {
          value: "250+",
          label: "Destinations",
        },
        {
          value: "10K+",
          label: "Happy Travelers",
        },
        {
          value: "15+",
          label: "Years Experience",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Explore Destinations",
          href: "#features",
        },
        {
          text: "Plan Your Trip",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/parents-kids-spending-time-together_23-2149489596.jpg"
      imageAlt="Tropical beach with clear water and palm trees"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-happy-cute-blond-woman-girl-casual-summer-green-hipster-clothes-takes-photos-holding-retro-photographic-camera_158538-3143.jpg",
          alt: "Smiling woman ready for travel",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-screaming-pink-wall-emotion-tourist-color_140725-122557.jpg",
          alt: "Happy man on vacation",
        },
        {
          src: "http://img.b2bpic.net/free-photo/pretty-tourist-holding-tablet-with-map-looking-away-caucasian-long-haired-woman-hiking-walking-nature-carrying-backpacks-backpacking-tourism-adventure-summer-vacation-concept_74855-11930.jpg",
          alt: "Young woman exploring",
        },
        {
          src: "http://img.b2bpic.net/free-photo/thrilled-adventurer-celebrates-reaching-mountain-summit-embodying-spirit-determination_482257-135638.jpg",
          alt: "Confident adventure traveler",
        },
        {
          src: "http://img.b2bpic.net/free-photo/love-voyage-generation-relations-laughter-architecture_1303-3276.jpg",
          alt: "Smiling family on holiday",
        },
      ]}
      avatarText="Join our 10K+ adventurers!"
      marqueeItems={[
        {
          type: "text",
          text: "Luxury Resorts",
        },
        {
          type: "text-icon",
          text: "Expert Guides",
          icon: Users,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/travel-logo-collection_23-2148614913.jpg",
          alt: "Trusted Travel Partner Logo",
        },
        {
          type: "text",
          text: "Custom Itineraries",
        },
        {
          type: "text-icon",
          text: "24/7 Support",
          icon: Headphones,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Crafting Unforgettable Journeys"
      metrics={[
        {
          icon: Users,
          label: "Expert Guides",
          value: "500+",
        },
        {
          icon: MapPin,
          label: "Global Reach",
          value: "100+ Countries",
        },
        {
          icon: Award,
          label: "Award-Winning Service",
          value: "10+ Awards",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Historical Adventures",
          description: "Step back in time and explore ancient ruins, majestic castles, and vibrant historical cities.",
          imageSrc: "http://img.b2bpic.net/free-photo/plaza-de-espana-venetian-towers-palau-nacional-barcelona-spain-cloudy-sky-traffic_1268-17996.jpg",
          imageAlt: "Ancient ruins in a historical city",
        },
        {
          title: "Mountain Escapes",
          description: "Conquer majestic peaks, ski down pristine slopes, or simply relax amidst breathtaking alpine scenery.",
          imageSrc: "http://img.b2bpic.net/free-photo/snowy-landscape_413556-65.jpg",
          imageAlt: "Snowy mountains with a clear lake",
        },
        {
          title: "City Explorations",
          description: "Immerse yourself in the bustling energy of the world's greatest cities, with endless culture and entertainment.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-with-electric-transport-city_23-2149383288.jpg",
          imageAlt: "City skyline at night",
        },
      ]}
      title="Discover Unique Destinations"
      description="From ancient wonders to modern marvels, our diverse portfolio of destinations offers something for every type of traveler."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "package-1",
          name: "Caribbean Dream Cruise",
          price: "$2,500",
          imageSrc: "http://img.b2bpic.net/free-photo/table-two-persons-with-rose-leafs_140725-10010.jpg",
          imageAlt: "Luxury cruise ship in the Caribbean",
        },
        {
          id: "package-2",
          name: "Grand European Tour",
          price: "$3,800",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-tourist-with-map_23-2148601953.jpg",
          imageAlt: "Eiffel Tower and European city",
        },
        {
          id: "package-3",
          name: "African Safari Adventure",
          price: "$4,200",
          imageSrc: "http://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822322.jpg",
          imageAlt: "Safari jeep watching wildlife",
        },
        {
          id: "package-4",
          name: "Spiritual Asia Journey",
          price: "$3,100",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-dress-meditates_169016-6480.jpg",
          imageAlt: "Ancient temple in Southeast Asia",
        },
        {
          id: "package-5",
          name: "Patagonia Trek & Explore",
          price: "$3,500",
          imageSrc: "http://img.b2bpic.net/free-photo/clumsy-mountain-hiker-dropping-his-phone-due-lack-attention_482257-125497.jpg",
          imageAlt: "Hikers in Patagonia mountains",
        },
        {
          id: "package-6",
          name: "Australian Coastal Escape",
          price: "$2,900",
          imageSrc: "http://img.b2bpic.net/free-photo/cloudy-ocean-riverside-sky-hilly-area-outskirt_53876-64742.jpg",
          imageAlt: "Scenic coastal road in Australia",
        },
      ]}
      title="Our Curated Travel Packages"
      description="Experience the best of each destination with our meticulously planned and unforgettable travel packages."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "98%",
          description: "Customer Satisfaction",
        },
        {
          id: "m2",
          value: "1.2M",
          description: "Miles Traveled Annually",
        },
        {
          id: "m3",
          value: "4.9/5",
          description: "Average Review Score",
        },
      ]}
      title="Our Global Impact"
      description="See the numbers behind our passion for travel and commitment to exceptional experiences."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",
          name: "Sarah Johnson",
          handle: "@sarah_travels",
          testimonial: "The Caribbean Dream Cruise was absolutely magical! Every detail was perfect, from the itinerary to the service. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-tourist-holding-maps-pink-desk_140725-122493.jpg",
          imageAlt: "Sarah Johnson avatar",
        },
        {
          id: "t2",
          name: "Michael Chen",
          handle: "@mike_adventures",
          testimonial: "Our European tour was a dream come true. The guides were knowledgeable, and the experiences were truly authentic. Can't wait for the next trip!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-backpack-preparing-hiking_179666-41773.jpg",
          imageAlt: "Michael Chen avatar",
        },
        {
          id: "t3",
          name: "Emily Rodriguez",
          handle: "@emily_globetrotter",
          testimonial: "The African Safari exceeded all expectations. Seeing the wildlife up close was incredible. An experience I'll cherish forever.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-worker-white-dress-holding-little-earth-globe-blue-wall_140725-150539.jpg",
          imageAlt: "Emily Rodriguez avatar",
        },
        {
          id: "t4",
          name: "David Kim",
          handle: "@david_explore",
          testimonial: "The Spiritual Asia Journey offered such deep cultural immersion and tranquility. It was beautifully organized and truly transformative.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-backpack-looks-way-with-binoculars_641386-1063.jpg",
          imageAlt: "David Kim avatar",
        },
        {
          id: "t5",
          name: "Jessica Lee",
          handle: "@jess_wanders",
          testimonial: "From start to finish, the Patagonia Trek was flawless. The scenery was stunning, and the challenge was exhilarating. An epic adventure!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-traveler-holding-camera_23-2149034841.jpg",
          imageAlt: "Jessica Lee avatar",
        },
      ]}
      showRating={true}
      title="What Our Travelers Say"
      description="Hear from adventurers who explored the world with us and created memories to last a lifetime."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Global Airlines",
        "Grand Hotels & Resorts",
        "Adventure Expeditions",
        "Voyage Cruises",
        "Travel Guard Insurance",
        "Elite Car Rentals",
        "Destination Connect",
      ]}
      title="Trusted by Leading Travel Partners"
      description="We collaborate with the best in the industry to bring you seamless and high-quality travel experiences worldwide."
      speed={50}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "How do I book a vacation package?",
          content: "You can easily book a vacation package through our website by selecting your desired destination and dates. Our team will then reach out to finalize the details.",
        },
        {
          id: "faq2",
          title: "What payment methods do you accept?",
          content: "We accept major credit cards (Visa, MasterCard, American Express) and bank transfers. Specific payment plans may be available for certain packages.",
        },
        {
          id: "faq3",
          title: "Can I customize my travel itinerary?",
          content: "Yes, many of our packages offer customization options. Please contact our travel experts to discuss your specific preferences and tailor your perfect trip.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to the most common questions about booking, destinations, and travel with us."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated",
      }}
      tag="Get in Touch"
      title="Start Planning Your Dream Vacation"
      description="Have a question or need assistance planning your next adventure? Our team of travel experts is here to help you every step of the way."
      inputPlaceholder="Enter your email for inquiries"
      buttonText="Send Inquiry"
      termsText="By sending an inquiry, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="VoyageVista"
      columns={[
        {
          title: "Destinations",
          items: [
            {
              label: "Europe",
              href: "#features",
            },
            {
              label: "Asia",
              href: "#features",
            },
            {
              label: "Americas",
              href: "#features",
            },
            {
              label: "Africa",
              href: "#features",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Partners",
              href: "#social-proof",
            },
            {
              label: "FAQs",
              href: "#faq",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Booking Terms",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 VoyageVista. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
