"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Features", id: "features" },
            { name: "Dashboard", id: "dashboard" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="AEROFUEL"
          bottomLeftText="Aviation Fuel Intelligence"
          bottomRightText="hello@aerofuel.app"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="AEROFUEL\nOPTIMIZER"
          description="Data-driven fuel optimization for modern aviation operations."
          buttons={[
            { text: "Get Started", href: "#dashboard" }
          ]}
          videoSrc="https://cdn.coverr.co/videos/coverr-airplane-taking-off-at-sunset-1634/1080p.mp4"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/a-modern-commercial-aircraft-taking-off--1773681533744-090911dc.png"
          imageAlt="Aircraft taking off at sunset"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          tag="01 · ABOUT THE SYSTEM"
          title="Precision fuel analysis built on structured mathematical modeling"
          description="AeroFuel Optimizer evaluates operational flight parameters including aircraft type, payload weight, flight distance, cruise altitude, wind conditions, and cruise speed. It replaces manual estimation charts with data-driven optimization. Built for small airlines, charter services, and pilot training organizations that lack analytical tools."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/detailed-close-up-of-aircraft-cockpit-in-1773681532508-8bbe9e97.png"
          imageAlt="Aircraft cockpit instruments"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          tag="02 · FEATURES"
          title="SEVEN SYSTEMS. ONE PLATFORM."
          description=""
          features={[
            {
              title: "Fuel Burn Calculator",              description: "Estimates fuel consumption using the formula: Fuel = BaseFuelRate × Distance × WeightFactor × WindFactor. Provides instant output based on aircraft specifications.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/modern-fuel-gauge-icon-design-semi-circu-1773681532685-66f84a90.png",              imageAlt: "Fuel gauge icon"
            },
            {
              title: "Weight Impact Analyzer",              description: "Analyzes how payload weight variations affect total fuel consumption. WeightFactor = ActualWeight / StandardWeight. Shows percentage increase in fuel burn per 1000kg of excess load.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/extreme-close-up-of-jet-engine-interior--1773681532126-28245ac8.png",              imageAlt: "Aircraft engine"
            },
            {
              title: "Altitude Optimization Module",              description: "Recommends optimal cruise altitude based on aircraft characteristics. Higher altitude reduces air density and drag, minimizing fuel burn while considering aircraft-specific sweet spots.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/aerial-view-from-aircraft-window-looking-1773681532175-c1b87206.png",              imageAlt: "Aerial view above clouds"
            },
            {
              title: "Wind Adjustment Model",              description: "Adjusts fuel estimates dynamically. WindFactor = 1 + (HeadwindSpeed / CruiseSpeed). Headwinds increase fuel burn; tailwinds reduce it with real-time calculations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/directional-wind-arrow-icon-for-aviation-1773681531441-bb0d74d9.png",              imageAlt: "Wind arrow icon"
            },
            {
              title: "Efficiency Score Dashboard",              description: "Every flight gets a fuel efficiency score from 0–100. Ranks flights, highlights inefficiencies, and enables performance comparison across routes and aircraft types.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/circular-progress-ring-for-fuel-efficien-1773681531663-86dde30f.png",              imageAlt: "Efficiency score ring"
            },
            {
              title: "Cost Analysis Tool",              description: "Converts estimated fuel consumption directly into financial impact. Input fuel price per liter and outputs total cost, cost per nautical mile, and projected annual savings.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/dark-aircraft-cockpit-panel-at-night-wit-1773681532006-f27b62bd.png?_wi=1",              imageAlt: "Cockpit panel dark"
            },
            {
              title: "Historical Trend Analysis",              description: "Track fuel usage across multiple logged flights. Visualize consumption trends, identify outliers, and compare actual vs estimated fuel burn over time.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/simple-svg-sparkline-graph-visualization-1773681531375-ad45eab3.png",              imageAlt: "Sparkline graph"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="dashboard" data-section="dashboard">
        <ContactSplit
          tag="03 · TRY IT"
          title="Run a fuel calculation"
          description="Enter your flight parameters and get instant optimization recommendations."
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/dark-aircraft-cockpit-panel-at-night-wit-1773681532006-f27b62bd.png?_wi=2"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Calculate Fuel Burn"
          termsText="Results are calculated in real-time based on aircraft specifications and meteorological data."
        />
      </div>

      <div id="methodology" data-section="methodology">
        <MetricCardEleven
          tag="04 · METHODOLOGY"
          title="Built on structured mathematical modeling"
          description="Fuel burn is proportional to Distance × Drag × Weight Factor. The system uses regression-ready architecture and is designed to accept ML integration in future iterations."
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          metrics={[
            {
              id: "eq1",              value: "Fuel",              title: "= BaseFuelRate × Distance × WeightFactor × WindFactor",              description: "Core fuel burn equation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/crosshair-scope-icon.png?_wi=1",              imageAlt: "Equation icon"
            },
            {
              id: "eq2",              value: "WeightFactor",              title: "= ActualWeight / StandardWeight",              description: "Weight correction factor",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/crosshair-scope-icon.png?_wi=2",              imageAlt: "Equation icon"
            },
            {
              id: "eq3",              value: "WindFactor",              title: "= 1 + (HeadwindSpeed / CruiseSpeed)",              description: "Wind correction factor",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/crosshair-scope-icon.png?_wi=3",              imageAlt: "Equation icon"
            }
          ]}
        />
      </div>

      <div id="roadmap" data-section="roadmap">
        <PricingCardTwo
          tag="05 · ROADMAP"
          title="Three iterations. Progressive capability."
          description=""
          plans={[
            {
              id: "iter1",              badge: "CURRENT",              price: "01",              subtitle: "Core Calculator",              buttons: [{ text: "Live Now" }],
              features: [
                "Basic fuel calculator",                "Manual input system",                "WeightFactor active",                "WindFactor model",                "Instant fuel estimation"
              ]
            },
            {
              id: "iter2",              badge: "UPCOMING",              price: "02",              subtitle: "Optimization Engine",              buttons: [{ text: "In Development" }],
              features: [
                "Altitude optimization",                "Efficiency scoring",                "Wind adjustment model",                "Comparative analytics",                "Multi-flight comparison"
              ]
            },
            {
              id: "iter3",              badge: "PLANNED",              price: "03",              subtitle: "Analytics Suite",              buttons: [{ text: "Planned" }],
              features: [
                "Full analytics dashboard",                "Cost modeling tool",                "Historical trends",                "ML integration",                "Predictive optimization"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          tag="06 · PROJECT TEAM"
          title="The team"
          description="Department of Computer Science, National University of Computer and Emerging Sciences, Islamabad"
          team={[
            {
              id: "member1",              name: "Muhammad Ahmad",              role: "Front End Developer · System Architect · Tester | 24I-2544"
            },
            {
              id: "member2",              name: "Syeda Khadija Zaidi",              role: "Group Lead · Backend Developer · Requirements Engineer | 24I-6506"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          tag="07 · FAQ"
          title="Common questions"
          description=""
          faqs={[
            {
              id: "q1",              title: "Which aircraft types are supported?",              content: "Currently supports Boeing 737, Airbus A320, Cessna 172, ATR 72, and a custom input mode for any aircraft type with known fuel burn rates. The system is designed for extensibility to support additional aircraft models."
            },
            {
              id: "q2",              title: "How is the efficiency score calculated?",              content: "The score starts at 100 and applies deductions based on weight factor deviation from standard and wind penalty. Scores above 75 are considered optimal, 50–75 suboptimal, and below 50 indicate significant inefficiency."
            },
            {
              id: "q3",              title: "Can I track multiple flights?",              content: "Historical trend functionality is available in Iteration 3 of the roadmap. The current version focuses on per-flight analysis and real-time parameter optimization."
            },
            {
              id: "q4",              title: "What is the mathematical basis of the model?",              content: "The core model uses a proportional fuel burn formula calibrated to aircraft type. It applies weight and wind correction factors derived from standard aviation engineering references. Future versions will integrate regression analysis and machine learning refinement."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactSplit
          tag="READY TO OPTIMIZE?"
          title="Start your first fuel analysis"
          description="Enter your flight parameters and get instant optimization recommendations — no signup required."
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B2JuUBvhFG7i2RLk7ylHJk7Dpk/wide-angle-shot-of-airport-runway-at-nig-1773681532431-92a536d8.png"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Calculate now"
          buttonText="RUN ANALYSIS →"
          termsText=""
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="AEROFUEL OPTIMIZER"
          copyrightText="© 2024 AeroFuel Optimizer — FAST-NUCES CS Department"
          columns={[
            {
              title: "LEGAL",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" }
              ]
            },
            {
              title: "CONTACT",              items: [
                { label: "m.ahmad@aerofuel.app", href: "mailto:m.ahmad@aerofuel.app" },
                { label: "s.kzaidi@aerofuel.app", href: "mailto:s.kzaidi@aerofuel.app" },
                { label: "NUCES Islamabad", href: "#" }
              ]
            },
            {
              title: "PROJECT",              items: [
                { label: "GitHub Repository", href: "#" },
                { label: "Project Report (PDF)", href: "#" },
                { label: "Iteration Status: Active", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
