/* global React, ReactDOM, Logo, ArrowRight, FloatCTA, FooterCTA */ /* ===================================================================== ABOUT PAGE — app-about.jsx Team, what we believe, and the two ways to reach us (the old contact options live here now; contact.html stays as the booking page). ===================================================================== */ /* ---------------------- NavMulti ---------------------- */ const NavMulti = () => { const [open, setOpen] = React.useState(false); return ( ); }; /* ---------------------- Hero ---------------------- */ const AboutHero = () => (

crew') }} />

{window.t("Octocrew is built by operators who ran these agents in their own businesses first. The octopus does more with what it has, and so do our clients.")}

); /* ---------------------- What we believe ---------------------- */ const AboutBeliefs = () => (

believe') }} />

{[ ["Volume and quality are not a trade-off", "Octocrew adds volume and quality to your marketing output at the same time. The agents carry the volume, the specialists behind them hold the bar."], ["Experts belong behind the agents", "Behind every agent is a highly qualified specialist in that niche who follows the field closely and folds best practices and new approaches into its playbooks."], ["Trust is earned, not assumed", "You approve every output at first. Each workflow graduates to running on its own only after it proves itself on your real work."], ].map(([h, p]) => (
{window.t(h)}

{window.t(p)}

))}
); /* ---------------------- Team ---------------------- */ const TEAM = [ { name: "Aleksey Nikitin", initials: "AN", role: "Co-founder · Product & Engineering", bio: "Builds the agents. Architected the first Octocrew fleet, seven agents running a live e-commerce business end to end, and turns everything it learns into the product.", }, { name: "Yaroslav Lehenchuk", initials: "YL", role: "Co-founder · Business & Operations", bio: "Runs the business side: partnerships, operations, and making sure every client engagement is set up to succeed from the first call.", }, { name: "Alina Uvarova", initials: "AU", role: "Co-founder · Marketing & Brand", bio: "Owns positioning, research, and the client funnel. Runs her own crew of agents every day and turns that practice into Octocrew's playbooks.", }, ]; const AboutTeam = () => (

team') }} />

{window.t("A small senior team, backed by a network of niche specialists who build and supervise each agent in their own field.")}

{TEAM.map((m) => (
{m.name}
{window.t(m.role)}

{window.t(m.bio)}

))}

{window.t("Behind the core team: senior specialists in social, paid media, email, SEO, content, web, and analytics who keep every agent on current best practices.")}

); /* ---------------------- Lead form (same as contact page) ---------------------- */ const VERTICAL_OPTIONS = [ ["", "Select…"], ["marketing-agency", "Marketing agency"], ["ecommerce", "E-commerce / DTC"], ["igaming", "iGaming / Affiliate"], ["saas", "SaaS / Tech"], ["other", "Other"], ]; const LeadForm = () => { const [status, setStatus] = React.useState("idle"); // idle | sending | ok | error const [form, setForm] = React.useState({ name: "", email: "", company: "", website: "", vertical: "", message: "" }); const upd = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const submit = async (e) => { e.preventDefault(); if (status === "sending") return; if (!form.name.trim() || !form.email.trim()) { setStatus("error"); return; } setStatus("sending"); try { const r = await fetch("/api/lead", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(form), }); const data = await r.json().catch(() => ({})); setStatus(r.ok && data.ok ? "ok" : "error"); } catch (_) { setStatus("error"); } }; if (status === "ok") { return (
✓

{window.t("Got it — we'll be in touch.")}

{window.t("We'll reply within 24 hours. Prefer to book straight away?")}

{window.t("Book a discovery call")}
); } return (