// ff-services.jsx — "What we do" section with 2 variants const SERVICE_STACKS = [ ["n8n", "Make", "Temporal"], ["openai", "claude", "pgvector"], ["langgraph", "browser-use", "tool-calling"], ["bitrix", "hubspot", "supabase"], ]; const SERVICE_KEYS = ["auto", "ai", "agents", "integrations"]; function Services({ variant = "cards", s }) { return (

{s.services.title}

{variant === "cards" ? : }

); } function ServicesCards({ s }) { return (

{s.services.items.map((item, i) => ( ))}

); } function ServiceCardKinetic({ item, index, delay, stacks, moreLabel }) { const handleMouseMove = (e) => { const el = e.currentTarget; const r = el.getBoundingClientRect(); el.style.setProperty("--mx", `${e.clientX - r.left}px`); el.style.setProperty("--my", `${e.clientY - r.top}px`); }; return ( ); } function ServicesList({ s }) { return (

{s.services.items.map((item, i) => (

{item.label}

{item.title}

{item.desc}

{SERVICE_STACKS[i].map((t) => {t})}

→ ))}

); } // Solar Icons — Bold Duotone. Primary path opaque, secondary at .5 opacity. function ServiceIcon({ kind }) { switch (kind) { case "auto": // Widget-2 — process blocks return ( ); case "ai": // CPU-Bolt — AI chip return ( ); case "agents": // Programming — dev/agents return ( ); case "integrations": // Routing-2 — network/wiring return ( ); default: return null; } } window.Services = Services;