/* JETX — ABOUT US page content */

function AboutIntro() {
  return (
    <section className="section shell">
      <Reveal className="section-head">
        <div className="index">
          <span className="num">01</span>
          <span>Who We Are</span>
        </div>
        <div>
          <span className="eyebrow">JETX LLC · Established 2020 · Orlando, FL</span>
          <h2 className="mission-statement" style={{ marginTop: 24 }}>
            Founded in 2020 to bring <em>fighter-jet vector thrust</em> to the electric
            vertical take-off and landing market.
          </h2>
          <p className="p-lg" style={{ marginTop: 32, maxWidth: 880 }}>
            JETX was founded in 2020 in Orlando, Florida on a single conviction: the thrust
            vectoring that gives fighter jets their agility could be reinvented for vertical
            flight. Co-founder Bryan Welcel engineered a propulsion system that redirects thrust
            <em> without tilting rotors or moving nacelles</em>, and aeronautical engineer Nelson
            Salas brought decades of aircraft design and operations to turn the concept into
            flying hardware.
          </p>
          <p className="p" style={{ marginTop: 22, maxWidth: 880 }}>
            What began as a single propulsion idea has grown into the only complete
            advanced-air-mobility stack: patented vector-thrust propulsion at the core,
            complemented by hybrid-electric power, combat-proven AI autonomy, and a modular,
            scalable platform — unified in one architecture for both civil and military use. A
            string of U.S. defense wins followed: the 2021 AFWERX HSVTOL Challenge, the 2023 Army
            xTech Autonomy Challenge, three SBIR awards, and in 2026 an Army DevX “Award-Ready”
            designation.
          </p>
          <p className="p" style={{ marginTop: 22, maxWidth: 880 }}>
            The propulsion has been independently validated through CFD analysis at the University
            of Central Florida and wind-tunnel testing at Tennessee Tech University, with results
            confirmed under the U.S. Army HEPPPS contract: under 2% thrust loss in ventral
            vectoring and 5–6% thrust augmentation in external vectoring.
          </p>
        </div>
      </Reveal>
    </section>
  );
}

function AboutRecognition() {
  const items = [
    {
      tag: "Winner · 2021",
      title: "AFWERX HSVTOL Challenge",
      body: "Our vector-thrust electric propulsion was selected by the U.S. Air Force and showcased at the 2021 AFWERX High-Speed VTOL Challenge in Las Vegas, Nevada.",
    },
    {
      tag: "Press · 2022",
      title: "#2 eVTOL Story",
      body: "Vertical Magazine ranked JETX number 2 in the top-ten most-read eVTOL stories of 2022 — coverage spanning the U.S., China, Russia, India, the UK and Europe.",
    },
    {
      tag: "Winner · 2023",
      title: "Army xTech Autonomy",
      body: "JETX won its part of the U.S. Army xTech Autonomy Challenge — the start of an autonomy track that now spans two U.S. Air Force SBIR awards.",
    },
    {
      tag: "Awarded · 2024–25",
      title: "SBIR / STTR Awards",
      body: "Three competitive SBIR awards — U.S. Army HEPPPS hybrid-electric propulsion and two U.S. Air Force programs (AI autonomy and sim-to-reality) — totaling $500K+ in DoW funding.",
    },
    {
      tag: "Award-Ready · 2026",
      title: "Army DevX Autonomy",
      body: "The JETX X2S was assessed and designated Award-Ready on the U.S. Army DevX Autonomy marketplace — eligible for direct consideration by government customers.",
    },
  ];
  return (
    <section className="section shell" style={{ paddingTop: 0 }}>
      <Reveal>
        <div className="recognition-grid">
          {items.map((it) => (
            <div className="recognition-cell" key={it.title}>
              <div className="eyebrow" style={{ marginBottom: 16 }}>{it.tag}</div>
              <h4>{it.title}</h4>
              <p>{it.body}</p>
            </div>
          ))}
        </div>
      </Reveal>
    </section>
  );
}

function AboutTeam() {
  const founders = [
    {
      name: "Nelson Salas",
      role: "Aeronautical Engineer · Co-Founder",
      photo: "assets/team/nelson.png",
      linkedin: "https://www.linkedin.com/in/nelson-jose-salas-rivero-8a9123125/",
      bio: "24+ years in the aviation sector, with 13+ recognized aircraft concept projects in the eVTOL market. Over 10 years in aircraft fleet maintenance and operations, including managing an aircraft service center. Has managed budgets greater than USD $15M per year.",
    },
    {
      name: "Bryan Welcel",
      role: "Private Pilot · Inventor of the Propulsion System",
      photo: "assets/team/bryan.jpg",
      linkedin: "https://www.linkedin.com/in/bryan-welcel-37698617/",
      bio: "Inventor of the JETX vector-thrust propulsion system. 10+ years in managerial roles across marketing, staffing, sales, payroll and parts logistics. Managed real-estate projects up to USD $5M and holds a patent on a modular housing system.",
    },
  ];
  const advisors = [
    {
      name: "Dr. Kareem Ahmed",
      role: "Principal Investigator · UCF Associate Professor",
      photo: "assets/team/kareem.png",
      bio: "Associate professor at the University of Central Florida and JETX's STTR Principal Investigator. Worked on advanced engine programs and technologies (F-35 and F-22) and has been PI of more than $5.5M in research funding, leading advanced propulsion and energy research.",
    },
    {
      name: "Dr. Bruce W. Jo",
      role: "Wind-Tunnel Validation · TTU ADAMS Lab",
      photo: "assets/team/bruce.png",
      bio: "Director of Tennessee Tech University's ADAMS Lab and leader of TTU's GM-funded wind tunnel program. Independently validated JETX vector-thrust propulsion performance — the testing cited in the X2S's U.S. Army DevX Autonomy award-readiness.",
    },
  ];
  const initials = (n) => n.replace(/^Dr\.\s*/, "").split(" ").map((p) => p[0]).slice(0, 2).join("").toUpperCase();

  return (
    <section className="section shell band-light" id="team" data-screen-label="Team">
      <Reveal className="section-head">
        <div className="index"><span className="num">02</span><span>Meet the Team</span></div>
        <div>
          <span className="eyebrow">Founders · Advisors · Principal Investigator</span>
          <h2 className="h1" style={{ marginTop: 24 }}>
            The people<br /><span style={{ color: "var(--fg-3)" }}>behind the propulsion.</span>
          </h2>
        </div>
      </Reveal>

      <Reveal>
        <div className="founders-row founders-row-centered">
          {founders.map((p) => (
            <article key={p.name} className="member founder">
              <div className="member-portrait">
                {p.photo
                  ? <img src={p.photo} alt={p.name} />
                  : <span className="initials">{initials(p.name)}</span>}
              </div>
              <div className="member-body">
                <h4 className="member-name">{p.name}</h4>
                <div className="member-role">{p.role}</div>
                <p className="member-bio">{p.bio}</p>
                {p.linkedin && (
                  <a href={p.linkedin} target="_blank" rel="noreferrer" className="member-link">LinkedIn →</a>
                )}
              </div>
            </article>
          ))}
        </div>
      </Reveal>

      <Reveal style={{ marginTop: 64 }}>
        <div className="eyebrow" style={{ marginBottom: 28 }}>Scientific Advisors · Independent Validation</div>
        <div className="advisors-grid">
          {advisors.map((p) => (
            <article key={p.name} className="member advisor">
              <div className="member-portrait small">
                {p.photo
                  ? <img src={p.photo} alt={p.name} />
                  : <span className="initials">{initials(p.name)}</span>}
              </div>
              <div>
                <h4 className="member-name">{p.name}</h4>
                <div className="member-role">{p.role}</div>
                <p className="member-bio">{p.bio}</p>
              </div>
            </article>
          ))}
        </div>
      </Reveal>
    </section>
  );
}

function AboutPartners() {
  return (
    <section className="section shell" style={{ paddingTop: "clamp(32px, 4.5vw, 60px)" }}>
      <Reveal className="section-head">
        <div className="index"><span className="num">03</span><span>Partners</span></div>
        <div>
          <span className="eyebrow">Research · Validation</span>
          <h2 className="h1" style={{ marginTop: 24 }}>
            Validated with<br /><span style={{ color: "var(--fg-3)" }}>the right partners.</span>
          </h2>
        </div>
      </Reveal>
      <Reveal>
        <div className="partner-logos">
          {[
            { name: "GRUG Group", role: "Concept design studio", logo: "assets/logos/grug-full.png" },
            { name: "University of Central Florida", role: "CFD analysis", logo: "assets/logos/ucf-white.png" },
            { name: "Tennessee Tech University", role: "Wind-tunnel testing", logo: "assets/logos/ttu-white.png" },
            { name: "CymSTAR", role: "Military combat simulation", logo: "assets/logos/cymstar-white.png" },
          ].map((p) => (
            <div className="partner-logo-cell" key={p.name}>
              <div className="partner-logo-mark"><img src={p.logo} alt={p.name} /></div>
              <div className="partner-logo-name">{p.name}</div>
              <div className="partner-logo-role">{p.role}</div>
            </div>
          ))}
        </div>
      </Reveal>
    </section>
  );
}

function AboutHighlights() {
  const points = [
    "Aeronautical engineer / lawyer / private pilot leadership",
    "Patent pending on several propulsion systems and a modular, scalable platform for vertical-flight vehicles",
    "Built and successfully tested proof-of-concept vector-thrust prototypes (CFD + additive manufacturing)",
    "Vector Thrust Propulsion selected & showcased at 2021 HSVTOL AFWERX, Las Vegas",
    "Independent validation: UCF CFD analysis and Tennessee Tech wind-tunnel testing",
    "$500K+ in U.S. Department of War contracts — 100% on-time delivery",
    "Experience in sales of goods, aircraft and aircraft parts, and aeronautic projects",
    "USD $15M+/year budgets managed; USD $5M in sales of goods",
  ];
  return (
    <section className="section shell" style={{ paddingTop: 0 }}>
      <Reveal className="section-head">
        <div className="index"><span className="num">04</span><span>Highlights</span></div>
        <div>
          <ul className="highlight-list">
            {points.map((p, i) => (
              <li key={i}>
                <span className="hl-num mono">{String(i + 1).padStart(2, "0")}</span>
                <span>{p}</span>
              </li>
            ))}
          </ul>
        </div>
      </Reveal>
    </section>
  );
}

function AboutPage() {
  return (
    <React.Fragment>
      <SubHero
        crumb="Who we are"
        title="About JETX"
        lede="Sustainable, low-cost vector-thrust solutions for Advanced Air Mobility — civil and military."
        image="assets/about-jetx-render.jpg"
        flip
      />
      <AboutIntro />
      <AboutRecognition />
      <AboutTeam />
      <AboutPartners />
      <InvestorCTA />
    </React.Fragment>
  );
}

window.mountPage("about.html", AboutPage);