// nexa-sections.jsx — page sections
const WSP_URL = "https://wa.me/5492645527066?text=" + encodeURIComponent("Hola Nexa, quiero escalar mi negocio.");
const CAL_URL = "https://calendar.app.google/Y5LoMvK5aUE3Xx34A";
const IG_URL = "https://www.instagram.com/nexa.bg/";
// ---------- TopBanner (REMOVED) ----------
const TopBanner = () => null;
// ---------- Nav ----------
const Nav = () => {
const [scrolled, setScrolled] = React.useState(false);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 24);
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
);
};
// ---------- Hero ----------
const Hero = () => {
const heroRef = React.useRef(null);
React.useEffect(() => {
const el = heroRef.current; if (!el) return;
const onMove = (e) => {
const r = el.getBoundingClientRect();
const x = (e.clientX - r.left) / r.width - 0.5;
const y = (e.clientY - r.top) / r.height - 0.5;
el.style.setProperty('--mx', x.toFixed(3));
el.style.setProperty('--my', y.toFixed(3));
};
el.addEventListener('mousemove', onMove);
return () => el.removeEventListener('mousemove', onMove);
}, []);
return (
{/* orbs */}
{/* parallax shapes removed — now handled globally by AmbientShapes */}
Talleres Industriales
Ayudamos {' '}
a {' '}
talleres {' '}
industriales {' '}
a {' '}
conseguir {' '}
más trabajos.
Sistemas comerciales que ordenan consultas y mejoran seguimientos.
);
};
const HeroStat = ({ k, v }) => (
{k}
{v}
);
const ParallaxShapes = () => {
// mouse-driven floats, plus idle drift
const Sh = ({ x, y, size, depth, children, rotate = 0, drift = 0 }) => (
{children}
);
return (
<>
{/* dotted curve */}
>
);
};
// ---------- Inline Showreel — YouTube embed con UI premium ----------
const YT_ID = "opUi7GWvUOA";
const InlineShowreel = () => {
const [activated, setActivated] = React.useState(false);
const iframeRef = React.useRef(null);
const activateSound = (e) => {
e && e.stopPropagation();
// Recargamos el iframe sin mute al hacer click
setActivated(true);
};
return (
{/* Overlay solo cuando está muteado — bloquea clicks al iframe */}
{!activated && (
<>
{/* Click-blocker transparente sobre el iframe */}
{/* Top gradient */}
{/* LIVE badge */}
Reproduciendo
{/* Sound button top right */}
Activar sonido
{/* Big tap-to-unmute cue */}
>
)}
);
};
// ---------- Marquee ----------
const Marquee = () => {
const items = [
"Más presupuestos",
"Más seguimiento",
"Más cierres",
"Pipeline comercial",
"WhatsApp ordenado",
"Métricas reales",
"Menos caos operativo",
"Sistema Comercial Industrial",
];
const Item = ({ t }) => (
{t}
);
return (
{[...items, ...items].map((t, i) => )}
);
};
// ---------- Video / Showreel ----------
const Showreel = () => {
const [playing, setPlaying] = React.useState(false);
return (
!playing && setPlaying(true)}>
{!playing ? (
<>
{/* Decorative bg */}
{/* Center play */}
"Cómo escalamos negocios con IA"
2:34 · Conocé a Nexa
{/* Corner labels */}
Showreel
Reproducir →
>
) : (
Pendiente
Subí tu video o pasame el link (YouTube / Vimeo / Loom).
Lo embebo acá, autoplay opcional, con tu intro contando cómo Nexa ayuda a escalar negocios apoyándose en IA y sistemas a medida.
{ e.stopPropagation(); setPlaying(false); }} className="btn ghost" style={{ marginTop: 8, padding: '10px 18px', fontSize: 13 }}>Volver
)}
);
};
// ---------- Servicios ----------
const Servicios = () => {
const items = [
{ ic: , t: "Seguimiento automático", d: "Ningún presupuesto queda olvidado." },
{ ic: , t: "WhatsApp ordenado", d: "Todas las conversaciones, en un solo lugar." },
{ ic: , t: "Pipeline comercial", d: "Sabés qué oportunidades están por cerrar." },
{ ic: , t: "Menos dependencia", d: "El sistema ordena el día del taller." },
{ ic: , t: "Control real", d: "Consultas, presupuestos y cierres medidos." },
{ ic: , t: "Reactivación", d: "Recuperamos oportunidades que quedaron frías." },
];
return (
03 · Resultado
Menos presupuestos perdidos.
Más trabajos cerrados.
{items.map((it, i) => (
))}
);
};
Object.assign(window, { TopBanner, Nav, Hero, Marquee, Showreel, Servicios, WSP_URL, CAL_URL, IG_URL });