"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { CheckCircle, Clock, Leaf, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="inset"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"
        },
        {
          name: "Features",          id: "#features"
        },
        {
          name: "FAQ",          id: "#faq"
        },
        {
          name: "Contact",          id: "#contact"
        }
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/travel-logo-template_23-2149705443.jpg"
      logoAlt="Pax Logo"
      brandName="Pax"
      button={{
        text: "Get Started",        href: "#contact"
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplit
      background={{
        variant: "radial-gradient"
      }}
      imagePosition="right"
      title="Fly smarter. Share the journey."
      description="Connect with travelers heading your way and split the cost of private flights. Better for your wallet, better for the planet."
      buttons={[
        {
          text: "Find Your Flight",          href: "#contact"
        }
      ]}
      imageSrc="https://img.b2bpic.net/premium-photo/jet-passenger-airplane-flying-tropical-island-airliner-makes-landing-exotic-islands-warm-ocean-vacation-travel-concept_217593-72275.jpg?id=368446862"
      videoAriaLabel="Airplane flying above clouds"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg",          alt: "Smiling professional traveler"
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-teen-boy-shirt-hoodie-propping-chin-hand-looking-cheerful-front-view_176474-106496.jpg",          alt: "Thoughtful young traveler"
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-hipster-woman-casual-outfit-having-fun-listening-music-headphones_285396-3541.jpg",          alt: "Happy female traveler"
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",          alt: "Confident business executive"
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-multiethnic-friends-sitting_23-2148212349.jpg",          alt: "Diverse group of travelers"
        }
      ]}
      avatarText="Join 15,000+ happy travelers!"
      marqueeItems={[
        {
          type: "text",          text: "Cost Savings"
        },
        {
          type: "text-icon",          text: "Eco-Friendly",          icon: Leaf
        },
        {
          type: "text",          text: "Time Efficiency"
        },
        {
          type: "text-icon",          text: "Seamless Booking",          icon: CheckCircle
        },
        {
          type: "text",          text: "Community Driven"
        }
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Redefining Private Travel for a Smarter Future"
      metrics={[
        {
          icon: Wallet,
          label: "Cost Savings",          value: "Up to 70%"
        },
        {
          icon: Leaf,
          label: "Carbon Reduced",          value: "Avg 30%"
        },
        {
          icon: Clock,
          label: "Time Efficiency",          value: "3x Faster"
        }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Connect & Share",          subtitle: "Match with travelers on similar routes to effortlessly fill empty seats and split costs.",          category: "For Travelers",          value: "Community"
        },
        {
          id: "f2",          title: "Significant Savings",          subtitle: "Drastically reduce your travel expenses compared to traditional commercial or private flights.",          category: "For Travelers",          value: "Affordable"
        },
        {
          id: "f3",          title: "Eco-Conscious Travel",          subtitle: "Lower your carbon footprint by contributing to more efficient private flight utilization.",          category: "For Eco-Minded",          value: "Sustainable"
        },
        {
          id: "f4",          title: "Monetize Empty Seats",          subtitle: "Private jet owners can easily list unused capacity and generate passive income.",          category: "For Jet Owners",          value: "Profitable"
        },
        {
          id: "f5",          title: "Time-Saving Journeys",          subtitle: "Bypass commercial airport hassles and enjoy direct, efficient travel on your schedule.",          category: "For Business",          value: "Efficient"
        },
        {
          id: "f6",          title: "Seamless Experience",          subtitle: "Our intuitive app ensures easy booking, communication, and journey management.",          category: "For All",          value: "Convenient"
        }
      ]}
      title="Benefits for Every Traveler"
      description="Pax connects you with a community of like-minded individuals, making private flight more accessible, sustainable, and profitable."
    />
  </div>



  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How does Pax reduce flight costs?",          content: "Pax connects you with other travelers heading in the same direction, allowing you to split the cost of a private flight, making it significantly more affordable than traditional private charters and often competitive with business class commercial flights."
        },
        {
          id: "q2",          title: "Is Pax truly more environmentally friendly?",          content: "By filling empty seats on private flights that would otherwise fly partially empty, Pax helps optimize resource utilization and reduces the per-passenger carbon footprint, contributing to more sustainable air travel."
        },
        {
          id: "q3",          title: "Who can use the Pax app?",          content: "Pax is designed for business travelers seeking efficiency, environmentally conscious individuals, and private jet owners looking to monetize their unused flight capacity. All users must be registered and verified."
        },
        {
          id: "q4",          title: "How do private jet owners monetize their flights?",          content: "Jet owners can easily list their upcoming empty legs or unused capacity through the Pax platform. Our algorithm then matches them with travelers, allowing owners to generate passive income from flights that would otherwise be non-revenue generating."
        },
        {
          id: "q5",          title: "What safety measures are in place?",          content: "Safety is our top priority. All private aircraft and pilots on the Pax platform are fully certified, regulated, and adhere to the highest industry safety standards. We also implement a comprehensive user verification process."
        },
        {
          id: "q6",          title: "How do I book a flight on Pax?",          content: "Simply download the Pax app, create your profile, and enter your desired route and travel dates. Our platform will then show you available shared flights or allow you to request a new one, connecting you with matching travelers and jet owners."
        }
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common questions about Pax, from booking and costs to sustainability and jet owner benefits."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"
      }}
      tag="Download the App"
      title="Experience Flightsharing on the Go"
      description="Get the Pax app to effortlessly find and share private flights from anywhere, anytime. Available on the App Store and Google Play."
      buttons={[
        {
          text: "Download on the App Store",          href: "https://apps.apple.com/us/app/apple-store/id6472485573?mt=8"
        },
        {
          text: "Get it on Google Play",          href: "https://play.google.com/store/apps/details?id=com.flypax.app&hl=en_US"
        }
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/travel-logo-template_23-2149705443.jpg"
      logoAlt="Pax Logo"
      logoText="Pax"
      leftLink={{
        text: "Privacy Policy",        href: "#"
      }}
      rightLink={{
        text: "Terms of Service",        href: "#"
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}