"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Plane, Check, Briefcase, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="SkyLux"
          navItems={[
            { name: "Fleet", id: "fleet" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book a Flight",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Elevate Your Travel Experience"
          description="Charter premium private jets for seamless, luxury travel. Exclusive access to the world's finest aircraft with personalized service."
          tag="Luxury Aviation"
          tagIcon={Plane}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-288.jpg",              imageAlt: "Luxury private jet in flight"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-449.jpg",              imageAlt: "Modern business jet aircraft"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-291.jpg",              imageAlt: "Executive jet cabin interior"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/airplane-flying-mountain-range-high-speed-generative-ai_188544-9182.jpg",              imageAlt: "Premium private aircraft"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-451.jpg",              imageAlt: "Private jet on runway"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-posing-plane_158595-7830.jpg",              imageAlt: "Private jet aircraft in hangar"
            }
          ]}
          buttons={[
            { text: "Charter Now", href: "contact" },
            { text: "View Fleet", href: "fleet" }
          ]}
        />
      </div>

      <div id="fleet" data-section="fleet">
        <ProductCardTwo
          title="Our Exclusive Fleet"
          description="Access to the world's most advanced and luxurious private aircraft, carefully curated for your comfort and safety."
          tag="Available Now"
          tagIcon={Check}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              brand: "Gulfstream",              name: "Gulfstream G650ER",              price: "$7,500/hr",              rating: 5,
              reviewCount: "340",              imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-449.jpg",              imageAlt: "Gulfstream G650ER luxury jet"
            },
            {
              id: "2",              brand: "Bombardier",              name: "Global 7500",              price: "$8,200/hr",              rating: 5,
              reviewCount: "298",              imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-291.jpg",              imageAlt: "Bombardier Global 7500 aircraft"
            },
            {
              id: "3",              brand: "Airbus",              name: "ACJ350",              price: "$9,800/hr",              rating: 5,
              reviewCount: "187",              imageSrc: "http://img.b2bpic.net/free-photo/airplane-flying-mountain-range-high-speed-generative-ai_188544-9182.jpg",              imageAlt: "Airbus ACJ350 corporate jet"
            }
          ]}
          buttons={[
            { text: "Explore Fleet", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Your time is precious. We understand that every moment of your journey matters. From the moment you book until you arrive at your destination, we deliver uncompromising luxury and reliability."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Learn Our Story", href: "contact" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Comprehensive Aviation Services"
          description="We provide end-to-end private aviation solutions tailored to your unique travel requirements and preferences."
          tag="Services"
          tagIcon={Briefcase}
          imageSrc="http://img.b2bpic.net/free-photo/closeup-waitress-serving-dessert-guest-cafe_637285-8889.jpg"
          imageAlt="Luxury concierge service"
          mediaPosition="right"
          useInvertedBackground="invertDefault"
          accordionItems={[
            {
              id: "1",              title: "On-Demand Charters",              content: "Reserve a private jet on your schedule with flexible departure times and routes. Complete freedom to fly when and where you want, with full airport access and minimal wait times."
            },
            {
              id: "2",              title: "Jet Card Programs",              content: "Prepay for flight hours with exclusive benefits including guaranteed availability, priority booking, and guaranteed rates. Perfect for frequent travelers seeking consistent luxury."
            },
            {
              id: "3",              title: "Fractional Ownership",              content: "Own a share of premium aircraft with full access and no hidden costs. Enjoy the benefits of ownership with simplified maintenance and professional management."
            },
            {
              id: "4",              title: "Group Charters",              content: "Perfect for corporate events, team outings, or large parties. Multiple aircraft options to accommodate groups of any size with coordinated departures and seamless logistics."
            }
          ]}
          buttons={[
            { text: "Schedule Consultation", href: "contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Industry-Leading Excellence"
          description="Trusted by executives, entrepreneurs, and families for premium private aviation."
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "2,500+",              description: "Annual Flights Completed"
            },
            {
              id: "2",              value: "98%",              description: "On-Time Departure Rate"
            },
            {
              id: "3",              value: "45+",              description: "Aircraft in Fleet"
            },
            {
              id: "4",              value: "30+",              description: "Years of Experience"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFifteen
          testimonial="SkyLux transformed how our executive team travels. The seamless booking process, impeccable service, and attention to detail set them apart. We fly with them exclusively now."
          rating={5}
          author="Michael Chen, CEO of TechVenture"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg",              alt: "Michael Chen"
            },
            {
              src: "http://img.b2bpic.net/free-photo/portrait-confident-businessman_107420-84879.jpg",              alt: "Executive testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              alt: "Client testimonial"
            },
            {
              src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",              alt: "Satisfied customer"
            },
            {
              src: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",              alt: "Business leader"
            },
            {
              src: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",              alt: "Corporate executive"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Ready to Experience Luxury Travel?"
          description="Join thousands of discerning travelers who trust SkyLux for their private aviation needs. Subscribe to our newsletter for exclusive updates, special offers, and insider aviation insights."
          useInvertedBackground="noInvert"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-288.jpg"
          imageAlt="Private jet cabin"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Your information is secure and never shared."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="SkyLux"
          columns={[
            {
              items: [
                { label: "Fleet", href: "fleet" },
                { label: "Services", href: "services" },
                { label: "Pricing", href: "#" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Safety", href: "#" },
                { label: "Testimonials", href: "testimonial" }
              ]
            },
            {
              items: [
                { label: "Contact", href: "contact" },
                { label: "Support", href: "#" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Compliance", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}