Style Guide & Power
This page demonstrates the capabilities and components available in the template. Extreme speed, perfect SEO, professional design.
⚠️
Why Astro?
Astro generates static HTML without unnecessary JavaScript. The result: ultra-fast websites with perfect Core Web Vitals scores.
Comparison: WordPress vs Astro
| Feature | WordPress | Astro |
|---|---|---|
| Load Speed | 2-5 seconds | Under 0.5s ⚡ |
| Security | Vulnerable (plugins, DB) | 100% secure (static) 🔒 |
| SEO Score | 60-80 points | 95-100 points 📈 |
| Maintenance | Constant updates | Minimal / None ✓ |
| Hosting Cost | $10-50/month | $0-5/month 💰 |
Code Example
Configuring the template is as simple as editing a file. Here's the main configuration structure:
siteData.ts
export const SITE_DATA = {
name: "Your Company",
shortName: "YourBrand",
slogan: "Innovation and quality",
contact: {
phone: "+1 800 123 4567",
email: "info@yourcompany.com"
}
};UI Components
The template includes components designed with Tailwind CSS. Buttons, alerts, cards and more, ready to use:
Buttons
Info Card
⚡
Extreme Performance
Astro pre-renders all HTML at build time. No client-side JavaScript = maximum speed.
Alerts
✓ All set! Your site is optimized and ready for production.
Features Included
🌍
4 Languages
ES, EN, FR, CA with automatic hreflang
📈
Perfect SEO
Meta tags, Schema.org, dynamic sitemap
🎨
Tailwind CSS
Modern and fully customizable design
Ready to get started?
Explore the example pages, customize the colors and deploy your website in minutes.