/* Investor relations page — investors.html */

function InvestorsPage() {
  React.useEffect(() => {
    document.title = "Investor relations — Innoveev";
    let m = document.head.querySelector('meta[name="description"]');
    if (!m) { m = document.createElement("meta"); m.setAttribute("name", "description"); document.head.appendChild(m); }
    m.setAttribute("content", "Investor relations at Innoveev — a product studio building across MENA and the EU. Request an introduction or a conversation.");
  }, []);

  const SNAPSHOT = [
    ["Type", "Private product studio"],
    ["Founded", "2018"],
    ["Model", "Services + selective product equity"],
    ["Footprint", "Dubai · Damascus · Istanbul · Tallinn"],
    ["Products shipped", "40+"],
    ["Focus markets", "MENA & the EU"],
  ];

  const TOPICS = [
    { t: "The studio model", d: "How we balance client delivery with equity stakes in products we help build." },
    { t: "Emerging-market thesis", d: "Why we're investing our own time in Syria's reopening and the wider MENA market." },
    { t: "Portfolio collaboration", d: "Co-building with founders and funds — design, engineering and AI as a partner, not just a vendor." },
  ];

  return (
    <>
      <Nav />

      <header className="sub-hero">
        <div className="mesh" aria-hidden="true">
          <span className="mesh__blob mesh__blob--1"></span>
          <span className="mesh__blob mesh__blob--2"></span>
          <span className="mesh__blob mesh__blob--3"></span>
        </div>
        <div className="container">
          <div className="sub-hero__head">
            <span className="eyebrow">Investor relations · Private studio</span>
            <h1 className="sub-hero__title">Investor <em>relations.</em></h1>
            <p className="sub-hero__lede">
              Innoveev is a privately held product studio. We're not running a public raise —
              but we do talk with funds and partners about the studio model, our emerging-market
              thesis, and co-building with the founders we work with. Start a conversation below.
            </p>
          </div>
        </div>
      </header>

      <section className="section section--tight">
        <div className="container">
          <div className="contact-grid">
            <aside className="contact-aside">
              <div className="contact-channel">
                <div className="contact-channel__label">INVESTOR RELATIONS</div>
                <a href="mailto:investors@innoveev.com" className="contact-channel__val" data-cursor="Email">investors@innoveev.com</a>
                <div className="contact-channel__sub">Introductions and conversations — we reply within one business day.</div>
              </div>

              <div className="contact-offices">
                <div className="contact-channel__label" style={{ marginBottom: 12 }}>SNAPSHOT</div>
                <ul>
                  {SNAPSHOT.map(([k, v]) => (
                    <li key={k}><span>{k}</span><span className="mono-meta" style={{ textAlign: "right" }}>{v}</span></li>
                  ))}
                </ul>
              </div>
            </aside>

            <div className="contact-form-wrap">
              <h2 className="h3" style={{ marginBottom: 6 }}>Request an introduction</h2>
              <p className="body" style={{ color: "var(--ink-soft)", marginBottom: 24 }}>
                Tell us who you are and what you'd like to explore. We read every note personally.
              </p>
              <RequestForm
                to="investors@innoveev.com"
                subjectPrefix="Investor enquiry"
                orgLabel="Firm / fund"
                orgPlaceholder="e.g. Acme Ventures, family office, angel"
                typeLabel="What would you like to discuss?"
                typeOptions={["Introductory call", "The studio model", "Emerging-market / Syria thesis", "Portfolio collaboration", "Something else"]}
                messageLabel="Your message"
                messagePlaceholder="We invest in MENA-focused studios and would like to understand your model and pipeline…"
                submitLabel="Send to investor relations"
                note="We respond within one business day. This form is for relationship conversations, not a public offering."
              />
            </div>
          </div>

          <div className="section-head" style={{ marginTop: 96 }}>
            <div>
              <span className="eyebrow">What we discuss</span>
              <h2 className="h2 section-head__title">Where conversations usually start.</h2>
            </div>
            <p className="lede section-head__lede">
              A few themes that come up most. Mention any of them in your note and we'll come prepared.
            </p>
          </div>
          <div className="app-features">
            {TOPICS.map((a) => (
              <div key={a.t} className="app-feature">
                <div className="app-feature__title">{a.t}</div>
                <p className="app-feature__desc">{a.d}</p>
              </div>
            ))}
          </div>

          <p className="country-note" style={{ marginTop: 40, maxWidth: "72ch" }}>
            Nothing on this page is an offer to sell or a solicitation to buy any security. Innoveev is a
            privately held company; any investment discussion happens directly, under the appropriate agreements.
          </p>
        </div>
      </section>

      <Footer />
      <TweaksUI />
      <StickyCTA />
      <CookieBanner />
      <CustomCursor enabled={window.useTweaksDefaults.cursor} />
      <BuildMode />
      <KeyboardEggs />
    </>
  );
}

window.InvestorsPage = InvestorsPage;