// SERVICIOS, TIENDAS, SOBRE, BLOG, CONTACTO, CARRITO en un solo file por simplicidad // Each page reads window.PAGE to know what to render const { useState, useEffect, useRef, useMemo } = React; // STORES + StoresMap component live in shared.jsx (window.STORES, window.StoresMap) const STORES = window.STORES; // =========== SERVICIOS =========== function ServiciosPage() { const services = [ { tag: "Activación", title: "Activa tu línea Claro hoy.", desc: "Llevas tu cédula, sales con tu número activo. Prepago o pospago, en menos de 20 minutos.", color: "var(--paper-2)" }, { tag: "Portabilidad", title: "Trae tu número, ahorra 50%.", desc: "Cambia a Claro sin perder tu número. Y obtén 50% off durante 6 meses.", color: "var(--brand)", dark: true, featured: true }, { tag: "Internet Hogar", title: "Instalación gratis en 48 horas.", desc: "Pedimos cita, llegamos a tu casa, instalamos y configuramos. Tú solo conectas.", color: "var(--paper-2)" }]; return (
Servicios

Todo lo que necesitas.
En un solo lugar.

Activación, portabilidad e instalación de internet hogar. Lo que sea, lo hacemos.

{services.map((s, i) => { const prefill = `Hola Baldera, me interesa el servicio de ${s.tag.toLowerCase()}.\n\n${s.title}\n\n¿Pueden darme más información?`; return (
{s.featured && (
); })}
Cómo funciona

Tres pasos. Sin enredos.

{[ { n: "01", t: "Cuéntanos", d: "Por WhatsApp, tienda o esta web. Te escuchamos y armamos tu propuesta." }, { n: "02", t: "Confirmamos", d: "Te enviamos cotización clara, sin letra chica. Tú decides cuándo activar." }, { n: "03", t: "Activamos", d: "En tienda o a domicilio. En 24h tu línea, equipo o internet está listo." }]. map((s) =>
{s.n}
{s.t}
{s.d}
)}
); } // =========== TIENDAS =========== function TiendasPage() { const [prov, setProv] = useState("Santiago"); const allCount = Object.values(STORES).flat().length; return (
{/* Soft blurred glow — upper right */}
{Object.keys(STORES).map((p) => )}
{STORES[prov].map((s, i) => { const telHref = "tel:+1" + (s.phone || "").replace(/\D/g, ""); const mapsHref = s.mapsUrl || (s.lat && s.lng ? `https://www.google.com/maps/dir/?api=1&destination=${s.lat},${s.lng}` : "#"); const photoSrc = s.photo ? (s.photo.startsWith("http") ? s.photo : window.balUrl("uploads/stores/" + s.photo)) : null; return (
{/* Compact photo thumb — 96x96 */}
{!photoSrc && }
{/* Info */}
{prov}
{s.name}
{s.address && (
{s.address}
)}
{s.hours}
); })}
); } // =========== SOBRE =========== // ════════════════════════════════════════════════════════════════════════════ // TIMELINE — cinematic milestone strip with DR map silhouette + dot grid + sparkles // ════════════════════════════════════════════════════════════════════════════ function TimelineSection({ items }) { return (
{/* Background layers — ordered bottom to top */}
); } // Dominican Republic silhouette as background watermark. // Path simplified from public-domain country outline data. function DRMapSilhouette() { return ( ); } // Animated sparkles scattered across the timeline section function Sparkles({ count = 16 }) { const sparkles = useMemo(() => { const arr = []; for (let i = 0; i < count; i++) { arr.push({ id: i, left: 5 + Math.random() * 90, // % top: 8 + Math.random() * 84, // % size: 4 + Math.random() * 6, delay: Math.random() * 4, duration: 3 + Math.random() * 3, }); } return arr; }, [count]); return ( ); } function SobrePage() { // Photo settings editable desde /admin/settings.php → panel "Página Nosotros" const SOBRE_DEFAULTS = { photo_url: window.balUrl ? window.balUrl("uploads/familia-baldera.png") : "uploads/familia-baldera.png", photo_alt: "Familia Baldera — equipo Baldera Comunicaciones", photo_caption: "Familia Baldera", photo_position: "center center", photo_aspect: "21/9", }; const [sobre, setSobre] = useState(() => Object.assign({}, SOBRE_DEFAULTS, (window.SITE && window.SITE.sobre) || {})); useEffect(() => { const sync = () => setSobre(Object.assign({}, SOBRE_DEFAULTS, (window.SITE && window.SITE.sobre) || {})); sync(); window.addEventListener("baldera-site-ready", sync); return () => window.removeEventListener("baldera-site-ready", sync); }, []); const timeline = [ { y: "2001", t: "Nace Baldera Comunicaciones", d: "Primera tienda en La Sirena de la Calle del Sol, Santiago." }, { y: "2004", t: "Cuarta tienda + oficina administrativa", d: "Apertura de la cuarta tienda y primera oficina administrativa en Plaza Pujols, Gurabo." }, { y: "2005", t: "Operación de subdistribuidores", d: "Inicio del programa de subdistribuidores para expandir la cobertura en todo el Cibao." }, { y: "2012", t: "Distribuidor Autorizado del Año", d: "Primer reconocimiento como Distribuidor Autorizado del Año por Claro RD." }, { y: "2013", t: "Protocolo de empresa familiar", d: "Implementación del protocolo de empresas familiares para garantizar continuidad y gobernanza." }, { y: "2013", t: "Llegamos a Santo Domingo", d: "Inicio de operaciones en la capital con presencia comercial directa.", duplicate: true }, { y: "2019", t: "Quinto premio anual", d: "Obtención del quinto premio como Distribuidor Autorizado del Año." }, { y: "2021", t: "Nueva oficina administrativa", d: "Mudanza a una nueva oficina central, soportando el crecimiento del equipo." }, { y: "2024", t: "Expansión en prepago", d: "Lanzamos el proyecto de expansión de comercios en prepago en Santiago." }]; return (
Sobre nosotros

Una historia
que comenzó en 2001.

Baldera Comunicaciones nació en Santiago de los Caballeros con una idea simple: que activar un teléfono no debería ser un dolor de cabeza. 25 años después, seguimos creyéndolo.

{sobre.photo_url ? ( {sobre.photo_alt} ) : (
Foto · placeholder
{sobre.photo_caption || "Equipo Baldera, 2025"}
)}
{[["+25", "años"], ["17", "tiendas"], ["Top 3", "Claro RD"], ["+90", "empleados"]].map(([n, l]) =>
{n}
{l}
)}
{/* ═══ TIMELINE — cinematic with DR map silhouette + sparkles ═══ */}
Misión

Que cada dominicano pueda conectarse sin esperar y sin enredarse.

); } // =========== BLOG =========== function BlogPage() { const [items, setItems] = useState([]); const [status, setStatus] = useState("loading"); useEffect(() => { fetch(window.balUrl("admin/api/posts.php?limit=20")) .then(r => r.ok ? r.json() : Promise.reject("HTTP " + r.status)) .then(d => { setItems(d.items || []); setStatus(d.items && d.items.length ? "ok" : "empty"); }) .catch(() => setStatus("error")); }, []); const featured = items.find(i => i.is_featured) || items[0]; const rest = items.filter(i => i !== featured); const fmtDate = (s) => { if (!s) return ""; const d = new Date(s.replace(' ', 'T')); return d.toLocaleDateString("es-DO", { day: "2-digit", month: "short", year: "numeric" }); }; return (
Blog

Historias,
guías y noticias.

Tecnología, planes Claro, equipos y novedades del sector telecom RD.

{status === "loading" && (
{[...Array(6)].map((_, i) => (
))}
)} {status === "empty" && (
📝

Aún no hay artículos publicados

Vuelve pronto · estamos preparando contenido fresco.

)} {status === "error" && (

Error de carga

No pudimos cargar los artículos.

)} {status === "ok" && featured && (
); } // =========== CONTACTO =========== function ContactoPage() { const TOPICS = [ { key: "Planes", icon: "📶", desc: "Cotizo un plan" }, { key: "Equipos", icon: "📱", desc: "Quiero un equipo" }, { key: "Portabilidad", icon: "🔄", desc: "Traer mi número" }, { key: "Soporte", icon: "🛠", desc: "Ayuda técnica" }, { key: "Reclamación", icon: "⚠️", desc: "Tengo una queja" }, ]; const PREFERS = ["WhatsApp", "Llamada", "Email"]; const [form, setForm] = useState({ name: "", email: "", phone: "", topic: "Planes", prefer: "WhatsApp", msg: "", consent: true, }); const [status, setStatus] = useState("idle"); // idle | sending | sent | error const [error, setError] = useState(null); const [site, setSite] = useState(window.SITE || {}); useEffect(() => { const u = () => setSite(window.SITE || {}); window.addEventListener("baldera-site-ready", u); return () => window.removeEventListener("baldera-site-ready", u); }, []); const submit = async (e) => { e.preventDefault(); setError(null); if (!form.name.trim()) { setError("Pon tu nombre."); return; } if (!form.phone.trim() && !form.email.trim()) { setError("Necesitamos un teléfono o email."); return; } if (!form.consent) { setError("Acepta el contacto para continuar."); return; } setStatus("sending"); try { const r = await fetch(window.balUrl("admin/api/lead_submit.php"), { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name: form.name, email: form.email, phone: form.phone, message: `[${form.topic}] [Prefiere: ${form.prefer}] ${form.msg}`.trim(), source: "contacto", page: location.pathname, }), }); const d = await r.json(); if (!r.ok || !d.ok) throw new Error(d.error || "fail"); setStatus("sent"); } catch (err) { setStatus("error"); setError(err.message); } }; const whatsappShortcut = () => { const msg = `Hola Baldera, soy ${form.name || "cliente"}. ${form.topic}: ${form.msg || "Me gustaría más información"}.`; window.openWhatsApp(msg); }; return (
Contacto

Cuéntanos.
Te escuchamos.

Por WhatsApp en segundos, llamada al instante, o el formulario si prefieres detalles. Lo que sea más cómodo.

{/* Quick channels strip */}
window.openWhatsApp("Hola Baldera, quiero información.", site.whatsapp)} /> location.href = `tel:${(site.phone || "+18492209239").replace(/[^\d+]/g, "")}`} /> location.href = `mailto:${site.email || "ventas@baldera.com.do"}`} />
{/* Form */}

O escríbenos un mensaje

Te contactamos por el canal que prefieras.

{status === "sent" ? (
✦

Mensaje recibido.

Te contactaremos por {form.prefer} en menos de 24 h hábiles.

) : (
setForm({ ...form, name: v })} required /> setForm({ ...form, email: v })} />
setForm({ ...form, phone: v })} placeholder="+1 809..." />
{TOPICS.map((t) => ( ))}
{PREFERS.map((p) => ( ))}