"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Compass, Headphones, MapPin, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Packages",
          id: "#packages",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Souma Travel"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCentered
      background={{
        variant: "sparkles-gradient",
      }}
      title="Explore the World with Souma Travel"
      description="Your journey to unforgettable destinations starts here. We craft personalized travel experiences tailored just for you."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-young-fit-person-jogging-by-sea_329181-16756.jpg",
          alt: "Happy female traveler",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-man-with-backpack-walks-countryside_641386-1059.jpg",
          alt: "Male explorer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/group-young-people-running-beach_329181-17966.jpg",
          alt: "Group of friends traveling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/seniors-taking-selfie-beach_329181-14071.jpg",
          alt: "Senior couple traveling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-family-enjoying-trips_23-2149176475.jpg",
          alt: "Family on vacation",
        },
      ]}
      avatarText="Join our community of over 10,000 happy travelers!"
      buttons={[
        {
          text: "Discover Destinations",
          href: "#packages",
        },
        {
          text: "Plan Your Trip",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",
          text: "Personalized Itineraries",
        },
        {
          type: "text-icon",
          text: "Expert Guides",
          icon: Compass,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/close-up-young-fit-person-jogging-by-sea_329181-16756.jpg",
          alt: "Happy traveler woman smiling",
        },
        {
          type: "text-icon",
          text: "24/7 Support",
          icon: Headphones,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/young-man-with-backpack-walks-countryside_641386-1059.jpg",
          alt: "Man with backpack traveling",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Why Choose Souma Travel?"
      metrics={[
        {
          icon: Award,
          label: "Years of Experience",
          value: "15+",
        },
        {
          icon: Users,
          label: "Satisfied Travelers",
          value: "10K+",
        },
        {
          icon: MapPin,
          label: "Destinations Explored",
          value: "100+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Stressful Planning",
          "Hidden Fees",
          "Limited Options",
          "Language Barriers",
        ],
      }}
      positiveCard={{
        items: [
          "Effortless Planning",
          "Transparent Pricing",
          "Personalized Itineraries",
          "24/7 Local Support",
        ],
      }}
      title="Experience the Difference"
      description="Travel with confidence knowing every detail is handled. We turn your dream vacation into a seamless reality."
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "tour-1",
          name: "Romantic Paris Getaway",
          price: "$2,500",
          imageSrc: "http://img.b2bpic.net/free-photo/eiffel-tower-s-view-from-park_1361-122.jpg",
          imageAlt: "Eiffel Tower in Paris",
        },
        {
          id: "tour-2",
          name: "Maldives Luxury Escape",
          price: "$4,800",
          imageSrc: "http://img.b2bpic.net/free-photo/stunning-woman-white-shirt-stands-palm_1304-5410.jpg",
          imageAlt: "Tropical beach in Maldives",
        },
        {
          id: "tour-3",
          name: "Himalayan Trek Adventure",
          price: "$3,200",
          imageSrc: "http://img.b2bpic.net/free-photo/snowy-rugged-white-mountains-with-hiking-travelers_181624-6293.jpg",
          imageAlt: "Mount Everest Base Camp",
        },
        {
          id: "tour-4",
          name: "Vibrant Tokyo Exploration",
          price: "$2,900",
          imageSrc: "http://img.b2bpic.net/free-photo/mall-america-scenes-cinematic-style_23-2151551197.jpg",
          imageAlt: "Tokyo city nightlife",
        },
        {
          id: "tour-5",
          name: "African Safari Expedition",
          price: "$5,500",
          imageSrc: "http://img.b2bpic.net/free-photo/elephants-standing-each-other-green-field-kenya-africa_181624-22021.jpg",
          imageAlt: "African safari wildlife",
        },
        {
          id: "tour-6",
          name: "Ancient Rome Heritage Tour",
          price: "$2,200",
          imageSrc: "http://img.b2bpic.net/free-photo/two-people-standing-near-coliseum-rome_1304-4859.jpg",
          imageAlt: "Colosseum in Rome",
        },
      ]}
      title="Our Most Popular Travel Packages"
      description="Explore our curated selection of top-rated tours and adventures, designed for every type of traveler."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic-package",
          title: "Adventure Seeker",
          price: "$1,800",
          period: "per person",
          features: [
            "Standard Accommodations",
            "Guided City Tours",
            "Basic Travel Insurance",
            "24/7 Customer Support",
          ],
          button: {
            text: "Choose Plan",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/composition-small-airplane-map-hat-arrow_23-2148169856.jpg",
          imageAlt: "Backpacker exploring a new city",
        },
        {
          id: "premium-package",
          title: "Luxury Explorer",
          price: "$3,500",
          period: "per person",
          features: [
            "Premium Accommodations",
            "Exclusive Excursions",
            "Comprehensive Travel Insurance",
            "Dedicated Concierge Service",
          ],
          button: {
            text: "Choose Plan",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-bench-looking-away_23-2148258749.jpg",
          imageAlt: "Couple relaxing at a luxury resort",
        },
        {
          id: "custom-package",
          title: "Tailor-Made Journey",
          price: "Custom",
          period: "per trip",
          features: [
            "Fully Customizable Itinerary",
            "Private Tours & Transfers",
            "VIP Access & Amenities",
            "Personal Travel Advisor",
          ],
          button: {
            text: "Get a Quote",
            href: "#contact",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/video-shooting-process-man-take-video-professional-camera-young-stylish-woman-blogger-vacation-tropical-view_343596-1318.jpg",
          imageAlt: "Traveler planning a custom route on a map",
        },
      ]}
      title="Tailor-Made Packages for Every Budget"
      description="Find the perfect travel package that fits your dreams and your wallet. Flexible options for unforgettable journeys."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Lufthansa",
        "Hilton Hotels",
        "Allianz Travel",
        "Carnival Cruise Line",
        "Hertz Car Rental",
        "Tourism Morocco",
        "Samsonite",
      ]}
      title="Trusted by Leading Travel Partners"
      description="We collaborate with the best in the industry to ensure a premium experience for every traveler."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          date: "March 2023",
          title: "Dream Vacation Realized!",
          quote: "Souma Travel made our trip to Paris absolutely magical. Every detail was perfect, from the charming hotel to the seamless tours. Highly recommend!",
          tag: "City Break",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-backpack_23-2149204107.jpg",
          avatarAlt: "Sarah J. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-couple-riding-motorbike-city-street_285396-3471.jpg",
          imageAlt: "Paris cityscape with Eiffel Tower",
        },
        {
          id: "2",
          name: "Michael C.",
          date: "January 2023",
          title: "Unforgettable Maldives Honeymoon",
          quote: "Our honeymoon in the Maldives was beyond expectations. Souma Travel crafted the perfect itinerary, ensuring every moment was romantic and luxurious.",
          tag: "Honeymoon",
          avatarSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3522.jpg",
          avatarAlt: "Michael C. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/tikehau-lagoon-french-polynesia_181624-32375.jpg",
          imageAlt: "Tropical beach in Maldives",
        },
        {
          id: "3",
          name: "Emily R.",
          date: "February 2023",
          title: "Historical Journey to Rome",
          quote: "The Ancient Rome tour organized by Souma Travel was incredibly insightful. Our guide was knowledgeable, and the entire experience was flawless.",
          tag: "Cultural Tour",
          avatarSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229592.jpg",
          avatarAlt: "Emily R. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/temple-diana-sunlight-blue-sky-merida-spain_181624-47998.jpg",
          imageAlt: "Colosseum in Rome",
        },
        {
          id: "4",
          name: "David K.",
          date: "April 2023",
          title: "Amazing Bali Adventure",
          quote: "Souma Travel planned an incredible adventure through Bali. From the rice paddies to the temples, every day was packed with wonder. Fantastic service!",
          tag: "Adventure",
          avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-stylish-independent-attractive-curly-haired-female-trendy-glasses-gray-coat-touching-clothes_176420-24679.jpg",
          avatarAlt: "David K. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/indonesia-landscape-digital-art_23-2151625182.jpg",
          imageAlt: "Bali rice terraces",
        },
        {
          id: "5",
          name: "Jessica L.",
          date: "May 2023",
          title: "Thrilling African Safari",
          quote: "The African safari was a dream come true! Souma Travel ensured we had the best guides and lodges. Watching wildlife in their natural habitat was breathtaking.",
          tag: "Wildlife",
          avatarSrc: "http://img.b2bpic.net/free-photo/amused-joyful-optimistic-young-excited-blond-european-female-model-hoodie-smiling-broadly-close-e_1258-136506.jpg",
          avatarAlt: "Jessica L. avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/world-photography-day-celebration_23-2151644706.jpg",
          imageAlt: "African safari with animals",
        },
      ]}
      title="Hear From Our Happy Travelers"
      description="Real stories from adventurers who chose Souma Travel for their dream vacations."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How do I book a trip with Souma Travel?",
          content: "Booking your dream trip is easy! Simply browse our packages, select your preferred destination, and fill out the inquiry form. A travel expert will contact you shortly to finalize details.",
        },
        {
          id: "faq-2",
          title: "Can I customize a travel package?",
          content: "Absolutely! We specialize in tailor-made experiences. Share your preferences with our team, and we'll craft a personalized itinerary just for you.",
        },
        {
          id: "faq-3",
          title: "What kind of travel insurance do you offer?",
          content: "We offer various travel insurance options to ensure your peace of mind. Our packages can include comprehensive coverage for medical emergencies, trip cancellations, and lost luggage.",
        },
        {
          id: "faq-4",
          title: "What if my travel plans change?",
          content: "We understand that plans can change. Our flexible booking policies allow for modifications or cancellations, depending on the terms of your chosen package. Please contact your travel advisor for assistance.",
        },
        {
          id: "faq-5",
          title: "Do you offer group travel discounts?",
          content: "Yes, we do! Souma Travel offers special rates for group bookings. Whether it's a family reunion or a corporate retreat, contact us to learn more about our group packages and discounts.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about booking, destinations, and our services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Contact Souma Travel today and let our experts help you create memories that last a lifetime. Your next adventure is just a click away!"
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#",
        },
        {
          text: "Call Us Now",
          href: "tel:+1234567890",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Blog",
              href: "#",
            },
          ],
        },
        {
          title: "Destinations",
          items: [
            {
              label: "Europe",
              href: "#packages",
            },
            {
              label: "Asia",
              href: "#packages",
            },
            {
              label: "Africa",
              href: "#packages",
            },
            {
              label: "Americas",
              href: "#packages",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2023 Souma Travel. All rights reserved."
      bottomRightText="Crafted with passion by Souma Travel"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
