import React, { useState } from “react”; const reservas = [ { fecha: “Sábado 18”, personas: 22, maximo: 30, estado: “Disponible” }, { fecha: “Domingo 19”, personas: 30, maximo: 30, estado: “Completo” }, { fecha: “Sábado 25”, personas: 12, maximo: 30, estado: “Disponible” }, ]; const sectores = [ { nombre: “La Cascada”, tipo: “Escalada deportiva”, rutas: “+30 rutas”, grados: “5.8 a 5.13+”, aproximacion: “15 min”, nivel: “Intermedios y avanzados”, }, { nombre: “La Tarántula”, tipo: “Deportiva / tradicional”, rutas: “+25 rutas”, grados: “5.7 a 5.12”, aproximacion: “10 min”, nivel: “Todos los niveles”, }, { nombre: “El Lobo”, tipo: “Escalada deportiva”, rutas: “Por confirmar”, grados: “Por confirmar”, aproximacion: “Por confirmar”, nivel: “Intermedios”, }, { nombre: “Mineros”, tipo: “Escalada deportiva / técnica”, rutas: “Por confirmar”, grados: “Por confirmar”, aproximacion: “Por confirmar”, nivel: “Intermedios y avanzados”, }, { nombre: “El Elefante”, tipo: “Escalada deportiva”, rutas: “Por confirmar”, grados: “Por confirmar”, aproximacion: “Por confirmar”, nivel: “Todos los niveles”, }, ]; function Button({ children, dark = false }) { return ( {children} ); } function Card({ children, className = “” }) { return ; } function SectionTitle({ label, title, text }) { return ( ); } export default function App() { const [reserva, setReserva] = useState(reservas[0]); const cupos = reserva.maximo – reserva.personas; const porcentaje = Math.min(100, Math.round((reserva.personas / reserva.maximo) * 100)); return (

Villa María

Parque de Escalada

Reservar

Acceso regulado en predio privado

Parque de Escalada Villa María

Reserva tu ingreso, firma tu exoneración y consulta normas, sectores y recomendaciones para una experiencia segura y sostenible.

Reservar ingreso Registro y exoneración

Estado del parque

Cupos hoy

22/30

Aporte

$7.000

⚠️ La escalada es una actividad de alto riesgo. Ingresas bajo tu propia responsabilidad.

Información general

Ubicación: Corregimiento de Villa María, Pasto – Nariño.

Tipo de escalada: deportiva y tradicional según el sector.

Sectores principales: La Cascada, La Tarántula, El Lobo, Mineros y El Elefante.

Ingreso: solo con registro, exoneración y autorización.

¿Para qué sirve el aporte?

El aporte se destina a mantenimiento de senderos, señalización, control de acceso, conservación del lugar y mejoras de seguridad.

{sectores.map((s) => (

⛰️

{s.nombre}

Tipo: {s.tipo}

Rutas: {s.rutas}

Grados: {s.grados}

Aproximación: {s.aproximacion}

Ideal para: {s.nivel}

))}

Disponibilidad

{reservas.map((r) => ( setReserva(r)} className={“flex w-full items-center justify-between rounded-2xl p-4 text-left ring-1 transition ” + (reserva.fecha === r.fecha ? “bg-green-50 ring-green-600” : “bg-zinc-50 ring-zinc-200”)} >

{r.fecha}

{r.personas}/{r.maximo} cupos

{r.estado} ))}

Fecha seleccionada

{reserva.fecha}

Estado: {reserva.estado}

{cupos}

cupos disponibles

{reserva.estado === “Completo” ? “Elegir otra fecha” : “Continuar reserva”}

{[ “Nombre completo *”, “Documento de identidad *”, “Teléfono *”, “Correo electrónico *”, “Ciudad de residencia *”, “Contacto de emergencia *”, ].map((label) => ( {label} ))}

Exoneración: Declaro que entiendo los riesgos de la escalada en roca, ingreso voluntariamente y acepto el reglamento.

Acepto normas, exoneración, tratamiento de datos y prohibición de mascotas.

Enviar registro

Normas clave

• ✅ Registro obligatorio: todo visitante debe firmar exoneración.
• 🚫 Prohibido mascotas: no se permite el ingreso de animales.
• 🌿 Respeto al entorno: no basura, no fogatas, no daño ambiental.
• ⚠️ Alto riesgo: cada usuario responde por su equipo y decisiones.

); } function MiniStep({ n, t }) { return ( ); } function AdminCard({ label, dato }) { return (

{label}

{dato}

); }