const { useState, useEffect, useRef } = React; /** Correo que recibe el mensaje del formulario (se abre con mailto en el cliente de correo). */ const CONTACT_FORM_EMAIL = 'hola@uzy.agency'; /** WhatsApp en formato internacional sin +: México 52 + 10 dígitos (777 493 3883). */ const WHATSAPP_E164 = '527774933883'; // ---------- Reveal on scroll hook ---------- function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.12 }); els.forEach(el => io.observe(el)); return () => io.disconnect(); }, []); } // ---------- Arrow icon ---------- const Arrow = ({ size = 16 }) => ( ); // ---------- Nav ---------- function Nav() { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 10); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); const scrollTo = (id) => (e) => { e.preventDefault(); const el = document.getElementById(id); if (el) window.scrollTo({ top: el.offsetTop - 60, behavior: 'smooth' }); }; return (
U
Uzy.Agency Quiero mi sitio
); } // ---------- CTA (responds to tweaks) ---------- function CTA({ children, to, size = 'md', variant = 'primary' }) { const [style, setStyle] = useState(window.__TWEAKS.ctaStyle); useEffect(() => { const h = (e) => { if (e.detail.key === 'ctaStyle') setStyle(e.detail.val); }; window.addEventListener('tweakchange', h); return () => window.removeEventListener('tweakchange', h); }, []); const radius = style === 'square' ? 8 : 999; const padding = size === 'lg' ? '20px 30px' : '16px 24px'; const fontSize = size === 'lg' ? 17 : 15; const onClick = (e) => { if (to) { e.preventDefault(); const el = document.getElementById(to); if (el) window.scrollTo({ top: el.offsetTop - 40, behavior: 'smooth' }); } }; return ( ); } // ---------- Hero ---------- /** Pon en `true` para volver a mostrar la foto del hero y el velo encima. */ const HERO_BACKGROUND_IMAGE_ENABLED = false; function Hero() { const [variant, setVariant] = useState(window.__TWEAKS.heroVariant); const [previewHover, setPreviewHover] = useState(false); useEffect(() => { const h = (e) => { if (e.detail.key === 'heroVariant') setVariant(e.detail.val); }; window.addEventListener('tweakchange', h); return () => window.removeEventListener('tweakchange', h); }, []); const v = window.HERO_VARIANTS[variant]; const openAurelPreview = () => { window.open('Aurel Studio.html', '_blank', 'noopener,noreferrer'); }; return (
Agencia de desarrollo · 2026 Remoto

{v.a}
{v.b}

Construimos sitios web y landing pages que cargan rápido, convierten mejor y no te hacen perder el tiempo con reuniones interminables. Tú nos cuentas. Nosotros lo hacemos.

Quiero mi sitio web
{/* big visual footer: stats + placeholder strip */}
{ if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openAurelPreview(); } }} onMouseEnter={() => setPreviewHover(true)} onMouseLeave={() => setPreviewHover(false)} style={{ display: 'block', aspectRatio: '16/9', borderRadius: 28, overflow: 'hidden', position: 'relative', cursor: 'pointer', }} >