/* global React, GGIcon */ const { useState: useStateNav, useEffect: useEffectNav } = React; window.GGNav = function GGNav({ variant }) { const [scrolled, setScrolled] = useStateNav(false); const [open, setOpen] = useStateNav(false); useEffectNav(() => { const onScroll = () => setScrolled(window.scrollY > 20); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return (
GlamourGeek Glamour Geek Cotiza tu proyecto
); }; // ============================================================ // HERO — variant A: neon glow with floating hexagon // ============================================================ window.GGHero = function GGHero({ variant }) { const [mouse, setMouse] = useStateNav({ x: 0, y: 0 }); const ref = React.useRef(null); useEffectNav(() => { const onMove = (e) => { if (!ref.current) return; const r = ref.current.getBoundingClientRect(); setMouse({ x: ((e.clientX - r.left) / r.width - 0.5) * 2, y: ((e.clientY - r.top) / r.height - 0.5) * 2, }); }; window.addEventListener("mousemove", onMove); return () => window.removeEventListener("mousemove", onMove); }, []); if (variant === "editorial") return ; if (variant === "bento") return ; // Variant A: NEON return (
{/* radial bg glow */}
{/* grid floor */}
Servicios 2025 · Disponible para nuevos proyectos

Marketing digital{" "} +{" "} código que vende.

Somos la agencia que une estrategia de marca con desarrollo serio. Apps, e-commerce, SEO, contenido — todo bajo un solo techo.

{/* stats strip */}
{window.GG_DATA.stats.map((s, i) => (
{s.value}
{s.label}
))}
); }; // Editorial variant — big type, asymmetric window.GGHeroEditorial = function GGHeroEditorial() { return (
Servicios 2025

Hacemos que tu marca destaque en un mundo digital saturado.

Somos GlamourGeek. Marketing digital + desarrollo de software. Una agencia que entiende tanto Excel como TypeScript.

); }; // Bento variant window.GGHeroBento = function GGHeroBento() { return (
{/* big title */}
GlamourGeek · 2025

Marketing digital + código que vende.

{/* hexagon decoration */}
{/* stat 1 */}
Proyectos entregados
120+
{/* stat 2 */}
Clientes recurrentes
94%
{/* CTA card */}

Apps, e-commerce, SEO, contenido — todo bajo un solo techo. Pregunta lo que necesitas.

Cotiza tu proyecto
); };