// sections-1.jsx — Header, Hero, Clientes, Servicios const Bolt = ({ className = "" }) => ; const ArrowRight = ({ size = 16 }) => ; const SunIcon = ({ size = 15 }) => ; const MoonIcon = ({ size = 15 }) => ; function KThemeToggle() { const [mode, setMode] = React.useState(() => window.KapozTheme ? window.KapozTheme.getMode() : "auto"); const [eff, setEff] = React.useState(() => window.KapozTheme ? window.KapozTheme.getEffective() : "dark"); React.useEffect(() => { if (!window.KapozTheme) return; return window.KapozTheme.subscribe((m, e) => { setMode(m); setEff(e); }); }, []); const onClick = () => { if (window.KapozTheme) window.KapozTheme.cycle(); }; const modeLabel = mode === "auto" ? `Auto (ahora ${eff === "light" ? "claro" : "oscuro"})` : mode === "light" ? "Claro" : "Oscuro"; return ( ); } // ── Redes sociales (iconos silueta, sin fondo, heredan currentColor) ── const IconInstagram = () => ; const IconLinkedIn = () => ; const IconFacebook = () => ; const IconTikTok = () => ; const IconYouTube = () => ; const SOCIAL_LINKS = [ { name: "Instagram", href: "https://www.instagram.com/kapoz.ia/", Icon: IconInstagram }, { name: "LinkedIn", href: "https://www.linkedin.com/company/kapoz/", Icon: IconLinkedIn }, { name: "Facebook", href: "https://www.facebook.com/profile.php?id=61589618690401", Icon: IconFacebook }, { name: "TikTok", href: "https://www.tiktok.com/@kapoz.ia", Icon: IconTikTok }, { name: "YouTube", href: "https://www.youtube.com/@Kapozlab", Icon: IconYouTube }]; function KSocials({ className = "" }) { return (
{SOCIAL_LINKS.map(({ name, href, Icon }) => )}
); } function KHeader({ current = "home" }) { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); window.addEventListener("scroll", onScroll, { passive: true }); onScroll(); return () => window.removeEventListener("scroll", onScroll); }, []); const links = [ { href: current === "home" ? "#servicios" : window.B("servicios/"), label: "Servicios" }, { href: current === "home" ? "#casos" : window.B("casos/"), label: "Casos" }, { href: current === "home" ? "#academy" : window.B("academy/"), label: "Academy" }, { href: current === "home" ? "#blog" : window.B("blog/"), label: "Blog" }, { href: current === "home" ? "#filosofia" : window.B("#filosofia"), label: "Filosofía" }]; return (
Kapoz kapoz
Agenda una llamada
); } function KHero() { return (
{/* Animated gradient orbs */}
); } function KClients() { return (
Marcas que ya están creciendo con IA Marketing
NUA Akamai +10 marcas LATAM
); } function KServicios() { const items = [ { num: "01", title: "IA Content Strategy", body: "Contenido diseñado para conectar, posicionar y convertir. Hooks, guiones y narrativas con IA + dirección humana.", glyph: "/" }, { num: "02", title: "IA Performance Marketing", body: "Meta Ads y TikTok Ads optimizados con estrategia, testing creativo y automatización.", glyph: "↗" }, { num: "03", title: "IA Creator Marketing", body: "Creators, UGC e influencers alineados a objetivos reales de marca y performance.", glyph: "*" }, { num: "04", title: "IA Brand Growth", body: "Estrategias escalables para marcas modernas que quieren convertirse en categoría.", glyph: "+" }, { num: "05", title: "IA Automation Systems", body: "Automatizaciones y herramientas para acelerar procesos de marketing.", glyph: "~" }, { num: "06", title: "IA Visual Production", body: "Producción audiovisual cinematográfica para redes sociales y campañas.", glyph: "▢" }]; return (
Servicios

Sistemas de crecimiento impulsados por IA.

Seis disciplinas integradas en un único sistema. Brand, performance, contenido, creators y automatización trabajando hacia el mismo objetivo: ventas.

{items.map((it, i) => )}
); } Object.assign(window, { KHeader, KHero, KClients, KServicios, Bolt, ArrowRight, KSocials });