/* RENOVAM — main React app (home) */ const { useState, useEffect, useRef, useMemo } = React; // ============== HOOKS ============== function useScrolled(threshold = 24) { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > threshold); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, [threshold]); return scrolled; } function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal, .reveal-stagger'); const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -60px 0px' }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } function useCountUp(target, trigger) { const ref = useRef(null); useEffect(() => { if (!trigger || !ref.current) return; const el = ref.current; const dur = 1800; const start = performance.now(); const from = 0; const ease = (t) => 1 - Math.pow(1 - t, 3); let raf; const tick = (now) => { const t = Math.min(1, (now - start) / dur); const v = from + (target - from) * ease(t); el.textContent = Math.floor(v).toLocaleString('es-MX'); if (t < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [target, trigger]); return ref; } // ============== NAV ============== function Nav() { const scrolled = useScrolled(24); return ( ); } // ============== HERO ============== function HeroParticles({ count = 22 }) { const particles = useMemo(() => Array.from({ length: count }, (_, i) => ({ left: Math.random() * 100, delay: Math.random() * 12, duration: 12 + Math.random() * 14, opacity: 0.2 + Math.random() * 0.4, size: 1 + Math.random() * 2.5 })), [count]); return (
{particles.map((p, i) => )}
); } function Hero() { return (
Paneles Solares Sistemas con Baterías Cargadores para carros eléctricos

RENOVAMos
el uso de la energía.

Energía solar para tu hogar. Diseñada, instalada y respaldada en México.

Conoce los kits Agenda tu instalación
); } // ============== MARQUEE ============== function Marquee() { const items = ['+400 instalaciones', 'UVIE certificado', 'UIIE acreditado', 'Interconexión CFE', 'Gestión CFE', '30 años de garantía', 'Ingeniería 100% mexicana', 'Monitoreo 24/7']; const row = items.map((t, i) => {t}); return (
{row}{row}
); } // ============== METRICS ============== function Metric({ num, suffix, label, trigger }) { const ref = useCountUp(num, trigger); return (
30 {suffix && {suffix}}
{label}
); } function Metrics() { const ref = useRef(null); const [trigger, setTrigger] = useState(false); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) {setTrigger(true);io.disconnect();} }, { threshold: 0.3 }); io.observe(ref.current); return () => io.disconnect(); }, []); return (
); } // ============== PRODUCTS ============== function VizPanels() { return ( {[0, 1, 2, 3].map((r) => [0, 1, 2, 3].map((c) => {[1, 2, 3, 4, 5].map((i) => )} ))} ); } function VizBattery() { return ( {[0, 1, 2].map((i) => {96 - i * 4}% )} ); } function VizGrid() { return ( ); } function VizEV() { return ( 7.4 kW 82% ); } function Products() { return (
Líneas de producto

Soluciones que encienden hogares, negocios y comunidades.

Desde kits residenciales hasta sistemas de respaldo total y electrificación de vehículos. Cada proyecto se diseña a medida, con monitoreo Wifi, garantía de 10 años y servicio post-instalación.

01 — Ahorra en tu recibo

Paneles
Solares.

De 2 a 10 kW interconectados a CFE. Tres niveles —Básico, Intermedio y Premium— diseñados para reducir tu recibo bimestral hasta 95%. Retorno típico de inversión: 3 a 4 años.

Conocer paneles
02 — Nunca te quedes sin luz

Sistemas con baterías.

Litio LiFePO4 con respaldo parcial o total. Segmento premium para hogares que no pueden permitirse un apagón.

Ver baterías
03 — Energía donde no hay red

Sistemas off-grid.

Para ranchos, obras, telecomunicaciones y seguridad. Generación, almacenamiento y control independiente de CFE.

Explorar off-grid
04 — Electrifica tu vida

Instalación de Cargadores
para carros eléctricos.

Wallbox residenciales de 7.4 a 22 kW compatibles con Tesla, BMW, BYD, Audi y todos los SAE J1772 / Type 2. Carga inteligente con tu propio sistema solar.

Ver cargadores
); } // ============== FEATURED ============== function Featured() { return (
CASO · VILLA COAPA, CDMX.

Ingeniería que se integra al diseño de la casa, no que lo interrumpe.

Sistema instalado

15 kW · 18 paneles · Inversor Híbrido Hoymiles + 15 kWh LiFePO4

Ahorro anual

$48,200 MXN · ROI proyectado 3.6 años

Tiempo de instalación

9 días + 21 días de gestión CFE

); } // Calculator now lives in calculator.jsx const Calculator = window.Calculator; // ============== TIMELINE ============== function Timeline() { const items = [ ['2019', 'Ingreso a la carrera de Ingeniería en Energías Renovables - UNAM', 'Cristobal Valdos y Oscar Zagal entran a la carrera de acceso indirecto, siendo 2 de las 27 personas seleccionadas para el ingreso a la carrera. Ambos teniendo la convicción de ayudar al planeta y a los seres que no tenían voz para defenderse.'], ['2022', 'Egreso de la carrera', 'Saliendo de la carrera comienza la idea de realizar una empresa de Energías Renovables.'], ['2023', 'Consolidación de la empresa en un lugar físico', 'Abrimos operaciones en CDMX. Esto con la intención de estar más céntricos a todos nuestros puntos de instalación y clientes.'], ['2025', '+300 sistemas activos', 'Cruzamos las 300 instalaciones con monitoreo en tiempo real y soporte técnico de por vida.'], ['2026', 'Expansión multidisciplinaria', 'Lanzamos línea de media tensión, transformadores, plantas de emergencia, entre otros servicios más.']]; return (
Nuestra historia

4 años convirtiendo techos mexicanos en plantas de energía.

RENOVAM nació en una época en la que los paneles solares eran el boom en México. Hoy para muchos de nuestros clientes somos los mejores en atención, calidad y precio. 

Conoce al equipo →
{items.map(([year, title, desc], i) =>
{year}
{title}
{desc}
)}
); } // ============== TESTIMONIAL ============== function Testimonial() { return (

El equipo de RENOVAM no solo instaló paneles, bomba de calor y aires acondicionados en mi casa: rediseñó la forma en la que entiendo mi consumo y en cómo disfruto mi casa y mi calidad de vida. Mi recibo CFE bajó a $60 pesos desde el segundo bimestre. Ahora les presumo a todos mis amigos y familia, lo caliente de mi alberca, la temperatura en toda mi casa y los grandes ahorros que tengo día con día.

Edmundo O´Sullivan · Lomas de Cocoyoc, Morelos Sistema interconectado 4 kW + Bomba de Calor HAX + 3 Aires acondicionados · Instalado 2024
); } // ============== CTA STRIP ============== function CtaStrip() { return (
Empieza hoy

La energía que produces vale más que la que pagas.

Agenda tu instalación → WhatsApp directo
); } // ============== FOOTER ============== function Footer() { return ( ); } // ============== WA FAB ============== function WaFab() { return ( ); } // ============== TWEAKS ============== function Tweaks() { const TWEAKS_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "#C41E5B", "bgMode": "dark", "headlineSize": 1 } /*EDITMODE-END*/; const [t, setTweak] = window.useTweaks(TWEAKS_DEFAULTS); useEffect(() => { document.documentElement.style.setProperty('--pink', t.accent); const r = parseInt(t.accent.slice(1, 3), 16); const g = parseInt(t.accent.slice(3, 5), 16); const b = parseInt(t.accent.slice(5, 7), 16); document.documentElement.style.setProperty('--pink-glow', `rgba(${r},${g},${b},0.35)`); }, [t.accent]); return ( setTweak('accent', v)} options={['#C41E5B', '#E94A82', '#f4d27a', '#5fd28a', '#4a7dff']} /> ); } // ============== APP ============== function App() { useReveal(); return ( <>