Template para clínicas
y centros médicos.
Astro 7 + Tailwind v4 + WordPress headless ready. Diseño premium con tipografía bold, acento lila y glassmorphism. Accesible (WCAG AA) y optimizado para Core Web Vitals. Listo para producción.
Qué incluye
Astro 7
Generación estática de alto rendimiento. Cero JS por defecto.
Tailwind CSS v4
Sistema de diseño con tokens CSS. Acento lila configurable en un solo lugar.
WordPress headless ready
Services.astro con modo WP activable. El mismo patrón se extiende a Team e History.
WCAG AA
Contraste validado, áreas táctiles 44×44px, aria-hidden en decorativos, alt en todas las imágenes.
Schema.org médico
MedicalClinic, WebSite, BreadcrumbList, ItemList + MedicalProcedure. Validado para Rich Results.
Formulario multi-proveedor
Web3Forms por defecto. Compatible con Formspree, Netlify Forms, EmailJS o API propia.
Secciones incluidas
Nav.astro
Fija, blur backdrop, drawer mobile
Hero.astro
Vídeo de fondo, loader, animaciones stagger
Marquee.astro
Banda de texto infinita configurable
About.astro
Stats animados, glassmorphism
Services.astro
Carrusel + WordPress headless ready
Team.astro
Hover con foto + tarjeta degradado
History.astro
Timeline interactivo con imágenes
Contact.astro
Web3Forms / Formspree / Netlify / API propia
CookieBanner.astro
Banner GDPR, guarda decisión 1 año
Quick start
# Clonar e instalar
git clone https://github.com/DhiviPanda/astro-medical-starter
cd astro-medical-starter
npm install
# Variables de entorno
cp .env.example .env
# → Añade tu clave: WEB3FORMS_KEY=tu_clave
# Desarrollo
npm run dev → localhost:4321
# Producción
npm run build && npm run preview
Requisitos: Node.js 18+. No necesita WordPress para funcionar — los datos de ejemplo son estáticos.
Para quién es
Para developers que necesitan un punto de partida real para clínicas o centros médicos sin montar el diseño desde cero. Incluye schema.org médico completo, accesibilidad WCAG AA y soporte para WordPress headless desde el día uno.
¿Quieres ver cómo está construido por dentro? Lee el artículo técnico →
Qué falta todavía
- ·Demo en vivo (próximamente)
- ·Sitemap automático con @astrojs/sitemap
- ·Páginas internas: /servicios/[slug], /equipo/[slug]
- ·Versión EN con i18n de Astro
- ·Conexión WordPress para Team e History
Todo esto sí está resuelto en los proyectos que entrego como servicio (sitemap dinámico, SEO técnico, schema personalizado, optimización de imágenes incluidos).
¿Quieres que te lo monte yo?
Si prefieres un proyecto completo y verificado — sitemap, SEO técnico, optimización de imágenes y schema personalizado incluidos — lo construyo a medida.