xarop.com landningssida
Projektet
landing page för xarop.com: en högpresterande inmatningssida byggd med Astro 5 och TypeScript. Presenterar portföljen, tjänsterna och vanliga frågor på tre språk (CA / ES / EN), med utbytbara färgpaletter och stöd för mörkt/ljust tema.
Stack
- Astro 5 — statisk generering, routing och komponenter
- TypeScript — all komponentlogik och typerad konfiguration
- Vanilla CSS — designtokens, 7 färgpalettvarianter, mörkt läge, utan externa ramverk
- Asap — typografi med egenvärd, noll anrop till Google Fonts
- Cloudflare Pages — distribution och globalt CDN
Funktioner
- ~10 KB JavaScript — helt progressivt, sidan fungerar utan JS
- 7 smakvarianter av palett sparade i
localStorage - Flerspråkig (CA / ES / EN) via Astros interna routing
- Scroll reveal med
IntersectionObserver, utan beroenden - Tillgänglig — WCAG 2.1, fokusringar,
prefers-reduced-motion - Distribution kompatibel med Cloudflare Pages, Vercel och Netlify