/* JETX — TECHNOLOGY page content */

function ProjectsIntro() {
  return (
    <section className="section shell band-light intro-band" style={{ paddingBottom: undefined }}>
      <Reveal className="intro-two-up">
        <div>
          <div className="lhs"><span className="tick">/ Overview</span>What We Do</div>
          <div className="rhs">
            <p>
              JETX is an aerospace technology company developing the building blocks of Advanced
              Air Mobility — electric and hybrid-electric propulsion, a modular and scalable eVTOL
              platform, AI flight autonomy, and a portfolio of advanced concept aircraft for both
              civil and defense markets.
            </p>
            <p>
              We design and build our own aircraft, and develop concepts on commission for
              government and commercial partners — bringing fighter-jet vector thrust to the AAM
              and UAM markets at a fraction of legacy cost.
            </p>
          </div>
        </div>

        <div>
          <div className="lhs"><span className="tick">/ The problem</span>What We Are Solving</div>
          <div className="rhs">
            <p>
              Today's eVTOL aircraft rotate or tilt their thrust sources — rotors, ducted fans,
              thrusters — to vector thrust for vertical flight, or rely on fixed rotors that direct
              thrust vertically through every stage of flight. Both add weight, noise, exposed
              moving parts and points of failure.
            </p>
            <p>
              JETX's core technology removes that constraint: our thrust sources <strong style={{ color: "var(--fg-1)", fontWeight: 600 }}>do
              not need to rotate or tilt</strong> to provide vertical thrust — a fundamental advantage
              that expands what these aircraft can do.
            </p>
          </div>
        </div>
      </Reveal>
    </section>
  );
}

function CoreTechnology() {
  const specs = [
    { l: "Thrust Retention", v: "98", u: "%+", n: "UCF ventral-flap CFD" },
    { l: "Vectoring Response", v: "<50", u: "ms", n: "Wind-tunnel confirmed" },
    { l: "Noise Attenuation", v: "15–22", u: "dB", n: "Embedded acoustic liners" },
    { l: "Maintenance", v: "−60", u: "% vs rotor", n: "Fewer moving parts" },
  ];
  return (
    <section className="section shell core-narrow" data-screen-label="Core Technology">
      <Reveal className="section-head">
        <div className="index"><span className="num">CORE</span><span>Our Main Technology</span></div>
        <div>
          <span className="eyebrow">Patent pending · validated at UCF &amp; Tennessee Tech</span>
          <h2 className="h1" style={{ marginTop: 24 }}>
            Vector thrust.<br /><span style={{ color: "var(--fg-1)" }}>Redirect it, never rotate the source.</span>
          </h2>
        </div>
      </Reveal>

      <Reveal className="propulsion" style={{ marginTop: 72 }}>
        <PropulsionSlider />
        <div>
          <span className="eyebrow">How it works</span>
          <h3 className="h2" style={{ marginTop: 20 }}>Propulsion, fully enclosed.</h3>
          <p className="p" style={{ marginTop: 20, maxWidth: 480 }}>
            A thrust source — an Electric Ducted Fan, a fluidic thruster fed by electric air
            compressors, or another novel electric source — is enclosed within the structure: embedded
            inside the fuselage, or housed in dedicated propulsion bodies and shrouded nacelles on the
            wings. Vector-thrust mechanisms then redirect that airflow on demand for vertical or
            forward flight: ventral flap, flaps, bucket and cascade vanes, all patent pending.
          </p>
          <p className="p" style={{ marginTop: 16, maxWidth: 480 }}>
            Because the propulsion is shrouded rather than left exposed on open rotors, the enclosure
            itself does acoustic work. With soundproof and thermal liners that means dramatic noise
            attenuation and a lower radar and thermal signature — and the modular, electric design
            keeps maintenance and operating cost low.
          </p>
        </div>
      </Reveal>

      <Reveal>
        <div className="specs">
          {specs.map((s) => (
            <div className="spec" key={s.l}>
              <div className="spec-label">{s.l}</div>
              <div className="spec-value">{s.v}<span className="spec-unit">{s.u}</span></div>
              <div className="spec-note">{s.n}</div>
            </div>
          ))}
        </div>
      </Reveal>
    </section>
  );
}

function Products() {
  const items = [
    {
      id: "stk-vector", num: "01 / 08", tag: "Patent Pending",
      title: "Vector-Thrust Propulsion",
      body: "Our core invention — redirect thrust with flaps, ventral flaps, bucket and cascade vanes instead of rotating or tilting the source. An Electric Ducted Fan or fluidic thruster, fully embedded, with true vertical flight and no exposed rotors.",
      tags: ["EDF", "Fluidic", "Ventral Flap"],
      img: "assets/concepts/vector-thrust-cfd.png",
      fit: "contain",
    },
    {
      id: "stk-airflow", num: "02 / 08", tag: "Patent Pending",
      title: "Airflow Propulsion Systems",
      body: "Compresses ambient air and redirects it through embedded exhausts mixed into the vehicle geometry, for vertical or forward flight. Onboard computers drive electronic valves regulating high-pressure airflow per flight stage. Fully embeddable, electric or hybrid.",
      tags: ["Embedded", "Electric / Hybrid"],
      img: "assets/concepts/airflow-schematic.png",
      fit: "contain",
    },
    {
      id: "stk-power", num: "03 / 08", tag: "Army Validated",
      title: "Hybrid-Electric Power",
      body: "Vendor-agnostic power from 90 kW to 1 MW+ across three modes — silent electric, hybrid cruise and full turbogenerator. Multi-fuel by design: Jet-A1, Diesel, AVGAS, SAF and Hydrogen, with endurance from 179 to 642 minutes.",
      tags: ["Multi-Fuel", "90 kW → 1 MW+"],
      slides: ["assets/concepts/hybrid-cutaway.png", "assets/concepts/hybrid-pods-system.png"],
    },
    {
      id: "stk-ai", num: "04 / 08", tag: "Air Force Validated",
      title: "AI Autonomy",
      body: "Onboard AI fuses multi-source data and runs real-time Monte-Carlo simulations to fly the optimal path — 80% mission success across 500+ engagements on combat simulators at 25X speed under U.S. Air Force contracts.",
      tags: ["GPS-Denied", "Sim-to-Real"],
      slides: ["assets/concepts/apex-sim.png", "assets/concepts/apex-coa-dashboard.png", "assets/concepts/apex-coa-flow.png"],
    },
    {
      id: "stk-airframes", num: "05 / 08", tag: "Mission-Optimized",
      title: "Novel Airframes",
      body: "Purpose-built vector-thrust platforms — high-wing twin-tail for naval and ISR, canard configurations for speed, and flying-wing designs with low-observable features for military strike.",
      tags: ["Twin-Tail", "Canard", "Flying-Wing"],
      img: "assets/concepts/novel-airframes-v2.png",
    },
    {
      id: "stk-modular", num: "06 / 08", tag: "All eVTOL Classes",
      title: "Modular & Scalable Platform",
      body: "One platform performing the duties of helicopters and tilt-rotors at a fraction of the cost. The body is a module — swap it for cargo, passenger, medical, ISR, delivery or firefighting.",
      tags: ["Swappable Body", "Rapid Variants"],
      slides: ["assets/concepts/modular-clear-1.png", "assets/concepts/modular-clear-2.png"],
    },
    {
      id: "stk-civil", num: "07 / 08", tag: "Civil",
      title: "Civil eVTOL Aircraft",
      body: "A portfolio of passenger, cargo and amphibious eVTOLs — from two-seat personal craft to six-seat cabins — built on JETX propulsion and platform technology for on-demand air taxi, logistics and personal mobility.",
      tags: ["Passenger", "Cargo", "Amphibious"],
      img: "assets/concepts/n03.png",
    },
    {
      id: "stk-defense", num: "08 / 08", tag: "Defense",
      title: "Defense & Military Aircraft",
      body: "Mission-optimized unmanned and manned platforms — tactical UAVs, stealth flying-wings and munitions carriers — bringing fighter-jet vector thrust to ISR, reconnaissance, strike and resupply.",
      tags: ["Unmanned", "Stealth", "ISR / Strike"],
      img: "assets/concepts/defense-aircraft.png",
    },
  ];

  return (
    <section className="section shell band-dark" data-screen-label="Development">
      <Reveal className="section-head">
        <div className="index"><span className="num">DEV</span><span>Our Development</span></div>
        <div>
          <span className="eyebrow">One technology stack · civil &amp; military</span>
          <h2 className="h1" style={{ marginTop: 24 }}>
            Beyond vector thrust.<br /><span style={{ color: "var(--fg-1)" }}>The complete stack.</span>
          </h2>
        </div>
      </Reveal>

      <Reveal>
        <div className="services-grid">
          {items.map((it) => (
            <article className="service" key={it.title}>
              <div className="service-media">
                {it.slides
                  ? <ServiceSlider slides={it.slides} fit={it.fit || "cover"} />
                  : it.collage
                  ? <div className="service-collage">
                      {it.collage.map((src) => <img src={src} alt="" key={src} />)}
                    </div>
                  : <image-slot id={it.id} fit={it.fit || "cover"} {...(it.img ? { src: it.img } : {})} placeholder={it.ph || "Drop image"}></image-slot>}
              </div>
              <div className="service-body">
                <div className="service-top">
                  <span className="service-num">{it.num}</span>
                  <span className="tag">{it.tag}</span>
                </div>
                <h3>{it.title}</h3>
                <p>{it.body}</p>
                <div className="service-tags">
                  {it.tags.map((t) => <span className="tag" key={t}>{t}</span>)}
                </div>
              </div>
            </article>
          ))}
        </div>
      </Reveal>
    </section>
  );
}

function FlagshipX2S() {
  const specs = [
    { v: "300 kg", l: "Modular Payload" },
    { v: "22 min", l: "Silent Low-Signature" },
    { v: "TRL 6", l: "Maturity" },
    { v: "GPS-Deg.", l: "Autonomous Nav" },
  ];
  return (
    <section className="section shell band" data-screen-label="X2S">
      <Reveal className="section-head flush">
        <div className="index"><span className="num">X2S</span><span>Flagship Platform</span></div>
        <div>
          <span className="eyebrow">Submission 4-26-0226 · Awardable · May 28 2026</span>
          <h2 className="h1" style={{ marginTop: 24 }}>
            The X2S.<br /><span style={{ color: "var(--fg-1)" }}>Award-ready for the U.S. Army.</span>
          </h2>
        </div>
      </Reveal>

      <Reveal>
        <div className="x2s">
          <div className="x2s-media">
            <span className="frame-tag">X2S · GROUP IV · NON-ROTATING VECTOR THRUST</span>
            <image-slot id="x2s-render-v2" fit="contain" src="assets/concepts/x2s-group4-tarmac.png" placeholder="Drop X2S render or video frame"></image-slot>
          </div>
          <div className="x2s-copy">
            <span className="badge-award"><span className="dot"></span>Award-Ready · DevX Autonomy</span>
            <h3>Multi-Mission Defense UAV</h3>
            <p className="sub">
              A next-generation tactical UAV built around proprietary non-rotating vector thrust —
              redirecting thrust without rotating motors or moving nacelles for fewer failure points
              and greater control authority. It pairs helicopter vertical access with fixed-wing speed,
              powered by a hybrid-electric propulsion system with a multi-fuel turbogenerator,
              supporting ISR, reconnaissance and resupply with autonomous maneuvering in GPS-degraded
              environments. Designated <strong style={{ color: "var(--fg-1)", fontWeight: 600 }}>Awardable</strong> on
              the U.S. Army DevX Autonomy marketplace.
            </p>
            <div className="x2s-specs">
              {specs.map((s) => (
                <div className="x2s-spec" key={s.l}>
                  <div className="v mono">{s.v}</div>
                  <div className="l">{s.l}</div>
                </div>
              ))}
            </div>
          </div>
        </div>
      </Reveal>
    </section>
  );
}

function ProtoTesting() {
  const items = [
    { id: "poc-1", size: "g-half", fit: "contain", src: "assets/concepts/poc-flap-pole.png" },
    { id: "poc-2", size: "g-half", fit: "contain", src: "assets/concepts/poc-twin-edf.png" },
    { id: "poc-3", size: "g-third", fit: "contain", src: "assets/concepts/poc-nozzle-gantry.png" },
    { id: "poc-4", size: "g-third", fit: "contain", src: "assets/concepts/poc-smoke.png" },
    { id: "poc-5", size: "g-third", fit: "contain", src: "assets/concepts/poc-nozzle-pair.png" },
    { id: "poc-6", size: "g-half", fit: "contain", src: "assets/concepts/poc-flap-pair.png" },
    { id: "poc-7", size: "g-half", fit: "contain", src: "assets/concepts/poc-tri-assembly.png" },
  ];
  const ttu = [
    { id: "pt-windtunnel", size: "g-half", fit: "cover", src: "assets/concepts/ttu-windtunnel.png" },
    { id: "pt-edf-module", size: "g-half", fit: "cover", src: "assets/concepts/ttu-rig.png" },
    { id: "pt-cfd", size: "g-third", fit: "cover", src: "assets/concepts/ttu-edf.png" },
    { id: "pt-bench", size: "g-third", fit: "cover", src: "assets/concepts/ttu-nozzle.png" },
    { id: "pt-subscale", size: "g-third", fit: "cover", src: "assets/concepts/ttu-loadrig.png" },
  ];
  return (
    <section className="section shell core-narrow" data-screen-label="Prototypes & Testing">
      <Reveal className="section-head">
        <div className="index"><span className="num">LAB</span><span>Prototypes &amp; Proof of Concept</span></div>
        <div>
          <span className="eyebrow">Proof-of-concept prototypes · tested 2021</span>
          <h2 className="h1" style={{ marginTop: 24 }}>
            Built and tested.<br /><span style={{ color: "var(--fg-1)" }}>Not just rendered.</span>
          </h2>
        </div>
      </Reveal>
      <Reveal>
        <p className="lab-summary">
          Every JETX claim is grounded in analysis and hardware. UCF computational fluid dynamics
          maps velocity and thrust across EDF, ventral-flap and cascade configurations; at the
          Tennessee Tech subsonic wind tunnel we then measured thrust, vectoring authority and
          stability — validating multi-axis control on three-fan rigs and capturing force and
          moment data on a six-DOF stand. Together these campaigns de-risk the propulsion
          architecture long before it reaches flight.
        </p>
      </Reveal>
      <Reveal>
        <div className="lab-subhead">
          <span className="eyebrow">Proof of Concept · 2021</span>
        </div>
        <div className="gallery-grid">
          {items.map((it) => (
            <div className={`gallery-item ${it.cfd ? "is-cfd " : ""}${it.size}`} key={it.id}>
              <image-slot id={it.id} fit={it.fit || "contain"} {...(it.src ? { src: it.src } : {})} placeholder={it.ph || "Drop image"}></image-slot>
            </div>
          ))}
        </div>
      </Reveal>
      <Reveal>
        <div className="lab-subhead">
          <span className="eyebrow">Tennessee Tech · Wind-Tunnel &amp; Bench Testing</span>
        </div>
        <div className="gallery-grid">
          {ttu.map((it) => (
            <div className={`gallery-item ${it.size}`} key={it.id}>
              <image-slot id={it.id} fit={it.fit || "contain"} {...(it.src ? { src: it.src } : {})} placeholder={it.ph || "Drop image"}></image-slot>
            </div>
          ))}
        </div>
      </Reveal>
      <Reveal>
        <div className="lab-subhead">
          <span className="eyebrow">UCF · Computational Fluid Dynamics</span>
        </div>
        <div className="gallery-grid">
          <div className="gallery-item is-cfd g-full">
            <image-slot id="cfd-collage" fit="contain" src="assets/concepts/ucf-cfd-collage.png" placeholder="Drop CFD collage"></image-slot>
          </div>
        </div>
      </Reveal>
    </section>
  );
}

function ProjectsPage() {
  return (
    <React.Fragment>
      <SubHero
        crumb="What we build"
        title="Technology"
        lede="A diversity of sustainable, low-cost vector-thrust solutions for the Advanced Air Mobility ecosystem — validated through $500K+ in DoW contracts."
        image="assets/concepts/n04.png"
        mirror
      />
      <ProjectsIntro />
      <CoreTechnology />
      <Products />
      <FlagshipX2S />
      <ProtoTesting />
      <InvestorCTA />
    </React.Fragment>
  );
}

window.mountPage("projects.html", ProjectsPage);
