Guía de Estilos y Potencia
Esta página demuestra las capacidades y componentes disponibles en la plantilla. Velocidad extrema, SEO perfecto, diseño profesional.
¿Por qué Astro?
Astro genera HTML estático sin JavaScript innecesario. El resultado: webs ultrarrápidas con puntuación perfecta en Core Web Vitals.
Comparativa: WordPress vs Astro
| Característica | WordPress | Astro |
|---|---|---|
| Velocidad de carga | 2-5 segundos | Menos de 0.5s ⚡ |
| Seguridad | Vulnerable (plugins, DB) | 100% seguro (estático) 🔒 |
| SEO Score | 60-80 puntos | 95-100 puntos 📈 |
| Mantenimiento | Actualizaciones constantes | Mínimo / Ninguno ✓ |
| Coste hosting | 10-50€/mes | 0-5€/mes 💰 |
Ejemplo de Código
Configurar la plantilla es tan simple como editar un archivo. Aquí tienes la estructura de configuración principal:
export const SITE_DATA = {
name: "Tu Empresa",
shortName: "TuMarca",
slogan: "Innovación y calidad",
contact: {
phone: "+34 900 123 456",
email: "info@tuempresa.com"
}
};Componentes UI
La plantilla incluye componentes diseñados con Tailwind CSS. Botones, alertas, tarjetas y más, listos para usar:
Botones
Tarjeta Informativa
Rendimiento Extremo
Astro pre-renderiza todo el HTML en tiempo de compilación. Sin JavaScript del lado del cliente = máxima velocidad.
Alertas
Características Incluidas
4 Idiomas
ES, EN, FR, CA con hreflang automático
SEO Perfecto
Meta tags, Schema.org, sitemap dinámico
Tailwind CSS
Diseño moderno y totalmente personalizable
¿Listo para empezar?
Explora las páginas de ejemplo, personaliza los colores y despliega tu web en minutos.