xarop.com landing
El projecte
landing page de xarop.com: una pàgina d'entrada d'alt rendiment construïda amb Astro 5 i TypeScript. Presenta el portfolio, els serveis i FAQs en tres idiomes (CA / ES / EN), amb paletes de color intercanviables i suport de tema fosc/clar.
Stack
- Astro 5 — generació estàtica, routing i components
- TypeScript — tota la lògica de components i configuració tipada
- Vanilla CSS — design tokens, 7 flavor palettes, mode fosc, sense frameworks externs
- Asap — tipografia auto-allotjada, zero crides a Google Fonts
- Cloudflare Pages — deploy i CDN global
Característiques
- ~10 KB de JavaScript — tot progressiu, la pàgina funciona sense JS
- 7 sabors de paleta persistits a
localStorage - Multilingüe (CA / ES / EN) via routing natiu d'Astro
- Scroll reveal amb
IntersectionObserver, sense dependències - Accessible — WCAG 2.1, focus rings,
prefers-reduced-motion - Deploy compatible amb Cloudflare Pages, Vercel i Netlify