const { useState, useEffect, useRef } = React; const NAVY = "#0F2A52"; const ICE = "#7FC8E8"; const FORMSPREE_ID = "xojbylgg"; // ───────────────────────────────────────────────────────────── // NAV // ───────────────────────────────────────────────────────────── function Nav() { return ( ); } // ───────────────────────────────────────────────────────────── // HERO // ───────────────────────────────────────────────────────────── function Hero() { return (
Hielo di Acqua · Calidad superior

Pureza
hecha
todos los días.

Agua purificada por 7 procesos. Empacada limpia. Entregada fría.

Hacer pedido Ver los 7 procesos
5kg
presentación estándar
7
etapas de purificación
24/7
pedidos en Ciudad Valles
Hielo di Acqua 5kg
HIELO 5KG PURIFICADO
); } function Marquee() { const items = [ "Hielo Purificado","Calidad Superior","Ciudad Valles, S.L.P.", "Pedidos 481·126·9035","7 Procesos de Purificación","Acquamex®", ]; const loop = [...items, ...items, ...items]; return (
{loop.map((it, i) => ( {it} ))}
); } // ───────────────────────────────────────────────────────────── // BRAND + PRODUCT // ───────────────────────────────────────────────────────────── function BrandProduct() { return (
02 — Marca + Producto

Una casa de agua,
un producto de hielo.

Marca madre
Acquamex

Acquamex nace con la visión de desarrollar soluciones confiables en agua potable y sus derivados, con enfoque en calidad, procesos y servicio. Desde Ciudad Valles, inicia operaciones con productos pensados para el consumo diario y las necesidades reales del mercado local.

+15
años de operación
100%
agua purificada
Producto protagonista
Hielo di Acqua
Bolsa Hielo di Acqua
Presentación5 kg
TipoCubo purificado
CalidadSuperior
Elaboración7 procesos
Freddo
Freddo
Embajador oficial del frío
); } // ───────────────────────────────────────────────────────────── // PROCESS // ───────────────────────────────────────────────────────────── const STEPS = [ { n: "01", title: "Filtro de arena", caption: "Retiene partículas grandes y sedimento." }, { n: "02", title: "Filtro de carbón activado", caption: "Elimina cloro, olores y sabores." }, { n: "03", title: "Suavizado", caption: "Reduce dureza del agua y sales minerales." }, { n: "04", title: "Filtración multimedia", caption: "Capas filtrantes para máxima claridad." }, { n: "05", title: "Filtración pulidora", caption: "Acabado fino, agua transparente." }, { n: "06", title: "Membranas de purificación", caption: "Barrera molecular contra impurezas." }, { n: "07", title: "Desinfección UV", caption: "Luz ultravioleta. Sin químicos. Pura." }, ]; function Process() { const [active, setActive] = useState(0); const trackRef = useRef(null); useEffect(() => { const els = trackRef.current?.querySelectorAll(".step-row"); if (!els) return; const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) setActive(Number(e.target.getAttribute("data-idx"))); }); }, { rootMargin: "-45% 0px -45% 0px", threshold: 0 } ); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); return (
03 — Proceso

De agua al hielo:
7 pasos sin atajos.

{STEPS[active].n} / 07
{STEPS[active].title}
{STEPS.map((s, i) => (
))}
{STEPS.map((s, i) => (
{s.n}
{s.title}
{s.caption}
))}
); } // ───────────────────────────────────────────────────────────── // DISTRIBUTION // ───────────────────────────────────────────────────────────── function Distribution() { const channels = [ { tag: "B2C", title: "Hogar", desc: "Entrega a domicilio. Pedido por teléfono o WhatsApp." }, { tag: "B2B", title: "Restaurantes & bares", desc: "Suministro recurrente con tarifas por volumen." }, { tag: "B2B", title: "Eventos", desc: "Logística para fiestas, bodas y producciones." }, { tag: "B2B", title: "Tiendas y abarrotes", desc: "Reposición programada, exhibidor incluido." }, ]; return (
04 — Distribución

Hielo confiable,
todos los días.

Cobertura completa.
Pedidos por volumen para negocios.

{channels.map((c, i) => (
{c.tag}
{c.title}
{c.desc}
))}
); } // ───────────────────────────────────────────────────────────── // CONTACT // ───────────────────────────────────────────────────────────── function Contact() { const [form, setForm] = useState({ name: "", phone: "", note: "" }); const [status, setStatus] = useState("idle"); const set = (k) => (e) => setForm((f) => ({ ...f, [k]: e.target.value })); const submit = async (e) => { e.preventDefault(); setStatus("sending"); try { const res = await fetch(`https://formspree.io/f/${FORMSPREE_ID}`, { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json" }, body: JSON.stringify({ nombre: form.name, telefono: form.phone, mensaje: form.note }), }); if (res.ok) { setStatus("sent"); setForm({ name: "", phone: "", note: "" }); } else setStatus("error"); } catch { setStatus("error"); } }; const btnLabel = status === "sending" ? "Enviando…" : status === "sent" ? "¡Pedido enviado! Te contactamos pronto." : status === "error" ? "Error. Llámanos al 481 126 9035" : "Solicitar pedido"; return (
05 — Contacto

Hagamos
tu pedido.

Teléfono
481 · 126 · 9035
Pedidos
pedidos@acquamex.com
Planta
Ciudad Valles, S.L.P.
Horario
Lun–Sáb · 8:00 – 19:00