Guia d'Estils i Potència
Aquesta pàgina demostra les capacitats i components disponibles a la plantilla. Velocitat extrema, SEO perfecte, disseny professional.
Per què Astro?
Astro genera HTML estàtic sense JavaScript innecessari. El resultat: webs ultraràpides amb puntuació perfecta a Core Web Vitals.
Comparativa: WordPress vs Astro
| Característica | WordPress | Astro |
|---|---|---|
| Velocitat de càrrega | 2-5 segons | Menys de 0.5s ⚡ |
| Seguretat | Vulnerable (plugins, DB) | 100% segur (estàtic) 🔒 |
| Puntuació SEO | 60-80 punts | 95-100 punts 📈 |
| Manteniment | Actualitzacions constants | Mínim / Cap ✓ |
| Cost hosting | 10-50€/mes | 0-5€/mes 💰 |
Exemple de Codi
Configurar la plantilla és tan simple com editar un fitxer. Aquí tens l'estructura de configuració principal:
export const SITE_DATA = {
name: "La Teva Empresa",
shortName: "LaTevaMarca",
slogan: "Innovació i qualitat",
contact: {
phone: "+34 900 123 456",
email: "info@latevaempresa.com"
}
};Components UI
La plantilla inclou components dissenyats amb Tailwind CSS. Botons, alertes, targetes i més, llestos per usar:
Botons
Targeta Informativa
Rendiment Extrem
Astro pre-renderitza tot l'HTML en temps de compilació. Sense JavaScript del costat del client = velocitat màxima.
Alertes
Característiques Incloses
4 Idiomes
ES, EN, FR, CA amb hreflang automàtic
SEO Perfecte
Meta tags, Schema.org, sitemap dinàmic
Tailwind CSS
Disseny modern i totalment personalitzable
Llest per començar?
Explora les pàgines d'exemple, personalitza els colors i desplega la teva web en minuts.