Centro Raíces — Web Corporativa
Web corporativa para un centro de psicología y logopedia en Pozoblanco (Córdoba). Orientada a captación de pacientes, posicionamiento SEO local y generación de confianza.
- ROLE
- Desarrollador
- TIPO
- Cliente
- AÑO
- 2026
- ESTADO
- Activo
Contexto
Centro Raíces es un centro de psicología y logopedia en Pozoblanco (Córdoba). Necesitaban presencia digital que transmitiera confianza profesional y redujera la fricción entre el primer contacto y la solicitud de cita, en un mercado local donde la búsqueda orgánica es el canal principal de captación.
Objetivo
Reducir la fricción entre “tengo una duda” y “he pedido cita”. El sitio no es un portfolio: es una herramienta de captación con foco en conversión directa y posicionamiento en búsquedas locales.
Solución
Sitio estático de cuatro páginas con estructura orientada a SEO local y conversión. Cada página tiene un objetivo concreto: captar atención (home), posicionar por servicio (servicios), generar confianza (equipo) y convertir (contacto). GSAP gestiona las animaciones de entrada sin bloquear el renderizado.
Tech stack
Astro para generación estática con 0 JavaScript de framework en cliente. Tailwind CSS v3 para estilos. GSAP para animaciones de entrada. class-variance-authority con cva() para variantes tipadas de componentes UI. Utilidad cn() con clsx y tailwind-merge para gestión segura de clases Tailwind.
Astro genera HTML estático en build time. Sin hidratación innecesaria ni JavaScript de framework en el cliente. Esto maximiza el rendimiento y el score de Core Web Vitals, factores directos de posicionamiento SEO local. GSAP se carga únicamente donde hay animaciones.
Cada página responde a una intención diferente: /servicios como landing SEO principal (keywords long-tail por servicio), /sobre-nosotras para generar confianza (fotos, valores, formación), /contacto para conversión directa. Internal linking conecta servicios entre sí para distribuir autoridad de página.
class-variance-authority define variantes de componentes UI (Button, Card, Badge) con tipos TypeScript automáticos. Combina con clsx y tailwind-merge en cn() para evitar colisiones de clases Tailwind. El resultado es una librería de componentes tipada y consistente sin coste de runtime.