Mastertheme Astro Suite
Hello MAS.
Dit is de demo-pagina van de starter. Layouts, design-tokens, Tailwind 4
en de UI-primitives zijn live — alles wat je hier ziet komt uit
global.css tokens.
Section met dark background
Dezelfde drie Button-varianten op een donkere achtergrond — visuele contrast-check voor de tokens.
Section met accent background
Container default size = 1152px max-width, 24px horizontal padding.
Section met reveal — image-reveal effect
Een gekleurd vlak schuift weg om de content erachter te onthullen bij scroll-in. Pure CSS-transformatie, getriggerd door de gedeelde motion-observer (zelfde als FadeIn).
Section met slider — Swiper verificatie
Drie placeholder-slides met aspect 21:9 — gebruikt om te verifiëren dat Swiper alleen op deze pagina meegebundeld wordt (about.html blijft slider-loos).
Section met lightbox — PhotoSwipe verificatie
Vier placeholder-tegels (aspect 4:3). Klik opent dezelfde HTML in PhotoSwipe's fullscreen viewer — geen image-files, alleen HTML content slides. Bewijst dat PhotoSwipe alleen op deze pagina meegebundeld wordt.
Waarom Astro + Sanity?
MAS koppelt Astro's zero-JavaScript output aan Sanity's structured content lake. Brochure-sites die laden onder de seconde, en content die de klant zelf onderhoudt via cms.originalmedia.eu.
Astro genereert build-time pure HTML. Geen runtime React, geen hydration-kosten. Alleen waar nodig — motion, sliders, lightboxen — komt er client-side JavaScript bij via island-architecture.
Drie concrete voordelen
Content komt uit Sanity — geen WordPress-database, geen plugin-conflicten, geen updates op zondagavond.
- Zero-JS by default — sub-second TTI op brochure-pages.
- Hotspot-aware image-CDN — klant zet focal-point in Studio, srcset volgt automatisch.
- View Transitions native — page-to-page transitions zonder framework-overhead.
Bezoek ons
Reserveer een tafel of loop binnen voor een aperitief. Onze deur staat open van dinsdag tot zondag — maandag is rustdag.
- Maandag
- Gesloten
- Dinsdag
- 12:00 – 22:00
- Woensdag
- 12:00 – 22:00
- Donderdag
- 12:00 – 22:00
- Vrijdag
- 12:00 – 23:00
- Zaterdag
- 12:00 – 23:00
- Zondag
- 12:00 – 21:00