Aura Beauty - Landing Page 🌿

Una landing page moderna y de alto rendimiento diseñada para un salón de belleza y bienestar. Desarrollada con SvelteKit y Tailwind CSS, enfocada en la velocidad de carga (Core Web Vitals), accesibilidad y SEO.

🚀 Demo en Vivo

Visita el sitio: https://aura-beauty.pages.dev/

🏆 Puntuaciones Lighthouse (PageSpeed Insights)

El sitio ha sido optimizado para alcanzar métricas de excelencia. Auditoría realizada en Enero 2026. Ver reporte en vivo

🛠️ Tecnologías

• Framework: SvelteKit (SSR & Prerendering)
• Estilos: Tailwind CSS
• Despliegue: Cloudflare Pages
• Iconos: Svelte-Lucide
• Formulario: Integración con Formspree
• Fuentes: fontsource.org (Lora & Manrope)

✨ Características

• Diseño Responsivo: Adaptado perfectamente a móviles, tablets y escritorio.
• Animaciones Suaves: Transiciones de entrada usando Svelte transitions (fly).
• Imágenes Optimizadas: Uso de formatos modernos (WebP) y estrategias de carga (fetchpriority, loading="eager").
• Accesibilidad (a11y): Navegación por teclado, etiquetas ARIA y jerarquía semántica correcta.
• SEO On-Page: Configuración correcta de títulos y meta-descripciones para indexación en Google.

📦 Instalación y Desarrollo

Si quieres clonar y correr este proyecto localmente:

# 1. Clonar el repositorio
git clone https://github.com/HernandezDev/aura-beauty.git

# 2. Entrar al directorio
cd aura-beauty

# 3. Instalar dependencias
npm install

# 4. Iniciar servidor de desarrollo
npm run dev