import { useState } from "react"; import { motion } from "framer-motion"; // Alivio Travel Page – 4‑Window Layout (Medellín) // Note: Replace placeholder links/images and arrays with your real data. // This component is designed to drop into a Next.js or React project with Tailwind CSS enabled. // Tailwind classes assume a neutral, clean aesthetic. Feel free to tweak brand colors. const sights = [ { title: "Comuna 13 (Graffiti & Escalators)", blurb: "Colorful street art, music, and hillside views; guided tours recommended.", link: "#sights" }, { title: "Plaza Botero & Museo de Antioquia", blurb: "Iconic Botero sculptures and a superb museum right on the plaza.", link: "#sights" }, { title: "Metrocable to Parque Arví", blurb: "Scenic cable cars over the city to a forest reserve with trails and markets.", link: "#sights" }, { title: "Jardín Botánico & Parque Explora", blurb: "Green oasis with orchid house, plus a hands‑on science center across the street.", link: "#sights" }, { title: "Cerro Nutibara / Pueblito Paisa", blurb: "360° city views and a traditional Antioquian village replica.", link: "#sights" }, { title: "Parques del Río", blurb: "Riverfront park with paths and lawns; great on weekends and evenings.", link: "#sights" }, { title: "Museo Casa de la Memoria", blurb: "Powerful modern museum about memory, peace, and Colombia’s recent history.", link: "#sights" }, { title: "El Centro Historic Core", blurb: "Architecture, street life, churches, and markets—go with a guide if new to the area.", link: "#sights" }, { title: "El Poblado & Provenza", blurb: "Dining, cafés, and nightlife; leafy streets and boutique stays.", link: "#sights" }, { title: "Day Trip: Guatapé & El Peñol", blurb: "Colorful lakeside town and stair‑climb monolith; popular full‑day tour.", link: "#sights" }, ]; const hotelsCopy = [ "We’re curating trusted apartments and hotels (Laureles, El Poblado, Estadio).", "Expect options with kitchenettes, strong Wi‑Fi, and easy Metro/Uber access.", "Partner rates and exact recommendations coming soon—check back often!", ]; const transportTips = [ "Airport (MDE) → Medellín: private transfer, taxi, or ride‑hailing; allow ~45–75 min.", "Metro system connects with tram, buses, and Metrocable; reloadable fare card.", "Uber and inDrive are commonly used; ask your stay for pickup spots and best routes.", ]; const toursCopy = [ "Sergio’s curated packages will bundle top sights, coffee tours, and day trips.", "Small groups or private—ask for Spanish/English guiding.", "Sample: Comuna 13 + Plaza Botero + Metrocable; Guatapé day tour; Coffee farm visit.", ]; function Tile({ title, subtitle, status = "updating", cta, onClick, children, icon }) { const statusMap = { live: { text: "En vivo / Live", badge: "bg-green-100 text-green-700" }, updating: { text: "Actualizando / Updating", badge: "bg-yellow-100 text-yellow-700" }, coming: { text: "Pronto / Coming soon", badge: "bg-gray-100 text-gray-700" }, }; return (

{icon}

{title}

{subtitle}

{statusMap[status].text}

{children}

{cta && (

{cta.map((btn, i) => ( ))}

)} ); } export default function TravelHubMedellin() { const [view, setView] = useState("grid"); return (

{/* Hero */}

Planifica tu viaje de sanación a Medellín | Plan Your Alivio Trip

Reúne en un solo lugar tratamientos de Releasology, hospedaje, transporte y tours locales. Actualizamos esta página cada pocos días en preparación para nuestros puntos portátiles de Alivio Centro de Sanación.

{/* 2x2 Grid */}

{/* Top Left */} setView("treatments") }]} icon={💆‍♂️} >

Fotos y mapa de nuestras estaciones portátiles (en progreso).
Reservas fáciles cuando estemos activos.
Consejos de preparación antes de tu sesión.

{/* Top Right */} setView("stays") }]} icon={🏨} >

{t}

{/* Bottom Left */} setView("transport") }]} icon={✈️} >

{t}

{/* Bottom Right */} setView("tours") }]} icon={🗺️} >

{t}

{/* Dynamic Panels */}

{view === "treatments" && (

Releasology Locations (Preview)

Aún no estamos listos. Publicaremos el mapa y las fotos de cada estación portátil en Medellín (Provenza, Laureles/Nutibara, etc.). Reservas rápidas desde aquí cuando abramos.

{[1,2,3].map((i) => (

Foto del punto #{i}

))}

)} {view === "stays" && (

Stay Options (Curated Soon)

Mientras cerramos acuerdos con alojamientos de confianza, aquí verás picks por barrio (Laureles, El Poblado, Estadio) con enlaces, rangos de precio y tiempos hacia nuestras estaciones.

{["Laureles","El Poblado","Estadio"].map((n) => (

{n}

Próximamente: 3–5 lugares verificados, Wi‑Fi fuerte, cocina, fácil acceso.

))}

)} {view === "transport" && (

Airlines & Getting Around

Airlines to Medellín (MDE)

Copa, Avianca, LATAM, American, United (según tu ciudad de origen).
Vuela a José María Córdova (MDE) en Rionegro; EOH es solo vuelos nacionales.
Busca vuelos con 1 escala para mejores tarifas desde EE. UU.

Airport → City

Traslado privado o taxi autorizado en el aeropuerto (45–75 min según tráfico).
Ride‑hailing como Uber/inDrive es común; acuerda punto de recogida.
Metro, tranvía y Metrocable facilitan moverse; compra/recarga tarjeta.

)} {view === "tours" && (

Local Activities & Sergio’s Tours

Muy pronto: reserva directa de paquetes (grupos pequeños o privado) con los sitios imperdibles de Medellín y alrededores.

{sights.map((s, i) => (

{i+1}. {s.title}

{s.blurb}

))}

)}

{/* Footer Note */}

Estado: Estamos en fase de preparación. Esta página se actualiza con frecuencia; cuando las estaciones estén activas, cambiaremos el enfoque a reservas y mapas en vivo.

); }

top of page

bottom of page