/* Aevitan website — About us + FAQ. */
const DSa = window.AevitanDesignSystem_6a042d;
// B39 (a11y): in-content CTAs get a real root-relative href for keyboard focus + link semantics;
// onClick still drives SPA nav. Uniquely named — Babel scripts share one global lexical scope.
const RP_ABOUT = (window.AEV_ROUTES || {}).paths || {};

function About({ go }) {
  const { Kicker } = DSa;
  const vals = [
    ['Independent', 'No advertising, no manufacturer-supplied samples. Unbought judgment.'],
    ['Integrated', 'We curate across categories so products work as one protocol, not in isolation.'],
    ['Accountable', 'Every unit is serialized and traceable; every batch carries a third-party certificate.'],
  ];
  const market = [
    ['$141.7B', 'Longevity & precision-medicine platforms', 'CAGR 15.4%'],
    ['$280B+', 'Premium wellness supplements', '+18\u201322% / yr'],
    ['$140B+', 'Therapeutic peptides, 2025\u201326', 'CAGR 8.7\u201310.9%'],
    ['$80B+', 'Medical wearables & biosensors', '+23% / yr'],
  ];
  const leaders = [
    ['joseph', 'Joseph M. McKenna III', 'Managing Partner',
      'Longevity is no longer a promise for the few. It is becoming the defining category of premium health. We built Aevitan as a house of brands disciplined enough to deserve that moment: we verify before we admit, we integrate across categories, and we hold every product to a single standard. Our work is to turn a fragmented, hype-driven market into something people, and their physicians, can genuinely trust.'],
    ['saulo', 'Dr. Saulo Bento, MD', 'Medical & Scientific Director',
      'Science is not a marketing department. Every product that carries the Aevitan name clears an independent standard (identity, purity, content and traceability) before our board decides admission. We say no far more often than yes, because credibility compounds only when it is earned batch by batch. That discipline is what lets a health professional recommend what we make with confidence.'],
  ];
  return (
    <div>
      <section className="aevsite-about-hero">
        <div className="aevsite-about-hero__bg" aria-hidden="true"><img src="../../assets/bw-running-couple.png" alt="" /></div>
        <div className="aevsite-about-hero__fog" aria-hidden="true"></div>
        <div className="aevsite-wrap aevsite-about-hero__grid">
          <div className="aevsite-about-hero__main aevsite-reveal in">
            <Kicker>About us</Kicker>
            <h1 className="aevsite-about-hero__h">Longevity, curated with conviction.</h1>
          </div>
          <div className="aevsite-about-hero__aside aevsite-reveal in">
            <p className="aevsite-about-hero__lead">Aevitan is a house of brands for healthy longevity. We don't manufacture hype. We apply curation: selecting, verifying, and integrating products across categories so they raise quality of life together.</p>
            <p className="aevsite-about-hero__p">In a market full of fakes and gray-market sellers, trust has to be made verifiable. A scientific board, chaired by Dr. Saulo Bento, MD, decides what earns the Aevitan name. Curation means saying no far more often than yes.</p>
          </div>
        </div>
      </section>

      <section className="aevsite-band aevsite-mist">
        <div className="aevsite-wrap aevsite-reveal">
          <div className="aevsite-vals">
            {vals.map(([t, d]) => (
              <div key={t} className="aevsite-val">
                <h3 className="aevsite-h3">{t}</h3>
                <p className="muted">{d}</p>
              </div>
            ))}
          </div>
        </div>
      </section>

      <section className="aevsite-band">
        <div className="aevsite-wrap aevsite-reveal">
          <Kicker>The opportunity</Kicker>
          <h2 className="aevsite-h2 big">A longevity market measured in hundreds of billions.</h2>
          <p className="aevmkt-lead">Longevity has moved from the clinic into the mainstream of premium health. U.S. searches for “peptide therapy” rose more than 300% in twelve months. Yet the market stays fragmented across single-category, supplement-only operators. Investing in verified, integrated longevity means owning durable, premium demand that compounds as people seek not just more years, but better ones.</p>
          <div className="aevmkt-stats">
            {market.map(([num, cat, sub]) => (
              <div key={cat} className="aevmkt-stat">
                <div className="aevmkt-stat__num">{num}</div>
                <div className="aevmkt-stat__cat">{cat}</div>
                <div className="aevmkt-stat__sub">{sub}</div>
              </div>
            ))}
          </div>
        </div>
      </section>

      <section className="aevsite-band aevsite-mist">
        <div className="aevsite-wrap aevsite-reveal">
          <div className="aevsite-sec-head">
            <div>
              <Kicker>Leadership</Kicker>
              <h2 className="aevsite-h2">A word from the people behind Aevitan.</h2>
            </div>
          </div>
          <div className="aevlead">
            {leaders.map(([portrait, name, role, msg]) => (
              <div key={name} className="aevlead__card">
                <p className="aevlead__msg">{msg}</p>
                <div className="aevlead__by">
                  <div className={`aevlead__pic aevlead__pic--${portrait}`}><img src={`../../assets/leadership/${portrait}.jpg`} alt={name} width="96" height="116" loading="lazy" decoding="async" /></div>
                  <div>
                    <div className="aevlead__name">{name}</div>
                    <div className="aevlead__role">{role}</div>
                  </div>
                </div>
              </div>
            ))}
          </div>
        </div>
      </section>
    </div>
  );
}

const FAQS = [
  ['What is Aevitan — and what is it not?', 'Aevitan is a U.S. technology and curation company that operates the Longevity Club: a members’ space for scientific curation, and the software independent consultants use to manage their own client relationships. Aevitan does not sell products, does not take payment for products, and is not a party to any purchase. It is not a manufacturer, pharmacy, clinic, distributor or healthcare provider; it does not prescribe and does not practise medicine.'],
  ['Why is it so hard to trust innovative longevity products?', 'Health professionals are bombarded with promises, but almost no one independently verifies whether the claims hold up. Peptides are the clearest example: a molecule launches, social media builds the hype and demand surges, yet a regulator can take years of evidence and bureaucracy to assess and approve it for a given use. Innovation outruns official endorsement, leaving clinicians without a solid scientific basis to act with confidence and patients underserved while they wait.'],
  ['How does Aevitan close that gap?', 'We do the science, not the medicine. Our curation weighs each product’s published risk-benefit evidence and organises the technical documentation, so professionals and members can make informed decisions. This is general scientific and educational information drawn from public bibliographic sources — it is not medical, diagnostic or treatment advice, and not a claim that any product diagnoses, treats, cures or prevents any condition. Always consult a qualified professional before use.'],
  ['How does a purchase actually work?', 'You add products to your wishlist and send it to the independent consultant assigned to you. Any sale that follows is agreed between you and that consultant, on their terms and the terms of the manufacturer they represent, outside this platform. The consultant is not an employee or agent of Aevitan. Aevitan never takes title, never handles payment for products and never ships them; it records the order your consultant enters, so you and they share one history.'],
  ['What does “third-party verified” mean?', 'Every released batch carries a Certificate of Analysis issued by an independent laboratory, confirming product quality attributes. Aevitan publishes that certificate; it does not perform the testing and does not issue the certificate.'],
  ['How does verification work?', 'Each unit is serialized with a unique code and a tamper-evident seal. Enter the code on your dashboard to confirm authenticity and view its certificate.'],
  ['Who can request products?', 'Longevity Club membership is required before you can send a wishlist to a consultant. Eligible members are individuals and patients, licensed health professionals, clinics and qualified resellers. Consultants are vetted and admitted by Aevitan, but they act on their own account, not ours.'],
  ['What do I get as a member?', 'Free membership gives you the curated portfolio with the scientific board’s basic opinion on every product, the Club directory, and a consultant to send your wishlist to. The professional curation report — the board’s full evaluation, the certificate of analysis and the manufacturer’s package insert — opens when your consultant confirms a paid order, and stays open while your Club standing holds.'],
  ['Who ships, and who is the importer?', 'Your consultant and the manufacturer they represent arrange shipping; Aevitan does not ship. Where a product crosses a border for personal use, you are the importer of record: the import, its legality and in-country process, any required prescription, and all duties and taxes are your responsibility, and your consultant should explain them before you order.'],
  ['Under which country’s law do I sign up?', 'Aevitan is a U.S. company. You sign up and transact under U.S. law regardless of your country of residence, and our Terms & Conditions are governed by U.S. law. That does not relieve you of responsibility for your own country’s import and possession rules.'],
  ['What happens if a code is flagged?', 'If a serial is verified from multiple locations, we flag it as a possible cloned label and investigate. Genuine units verify once, first.'],
];

function Faq({ go }) {
  const { Kicker } = DSa;
  const [open, setOpen] = React.useState(-1);
  return (
    <section className="aevsite-band aevsite-band--top">
      <div className="aevsite-wrap aevsite-reveal aevsite-faq">
        <Kicker>FAQ</Kicker>
        <h1 className="aevsite-h2 big">Questions, answered.</h1>
        <div className="aevsite-acc">
          {FAQS.map(([q, a], i) => (
            <div key={i} className={`aevsite-acc__it ${open === i ? 'on' : ''}`}>
              <button
                className="aevsite-acc__q"
                aria-expanded={open === i}
                aria-controls={`aev-faq-a-${i}`}
                onClick={() => setOpen(open === i ? -1 : i)}
              >
                <span>{q}</span><span className="aevsite-acc__ic">{open === i ? '–' : '+'}</span>
              </button>
              <div className="aevsite-acc__a" id={`aev-faq-a-${i}`} aria-hidden={open !== i}>
                <div className="aevsite-acc__inner"><p>{a}</p></div>
              </div>
            </div>
          ))}
        </div>
        <div className="aevsite-faq__foot">
          Still curious? <a href={RP_ABOUT.about} onClick={(e) => { e.preventDefault(); go('about'); }}>Read about our approach →</a>
        </div>
      </div>
    </section>
  );
}

window.About = About;
window.Faq = Faq;