Waida Studio
A pale cream page, burnt-sienna type and copper bands, a swinging hero cup, tilted section stickers and a working online menu you can order from. Ferea is a complete café and coffee-shop theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script. Live demo: https://ferea-astro.netlify.app
What's Inside
17 page templates — 42 static pages per build: home, about, menu, menu item detail, menu category, blog, blog article, contact, checkout, PayPal checkout, order confirmation, style guide, licenses, instructions, changelog, 401 password protected and 404
Fourteen menu items and five categories as JSON — a name, a price and a unit, one or two sizes, a picture, three facts and three suggested items each; every item is a card on the menu page, its category page and the home slider, and a page of its own with a full-size picture lightbox
Nine blog articles as Markdown — a category, a date, an author with a portrait and a role, a card picture, a banner, a two-picture gallery and three related articles, and a body in two parts either side of the gallery; the home page prints the four newest, the blog page every one
Commerce pages — Add to Cart on every menu item, two cart drawers with quantities and Remove, a checkout and a PayPal checkout with a live order summary, Place Order that checks the basket and the required fields, and an order confirmation that prints what was ordered (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)
Motion that earns its keep — an opening sequence at the top of every page, 591 rising scroll reveals and 76 fades, 55 section stickers that drop in and settle, letter-by-letter menu links, a paragraph that reads in letter by letter, five scroll-linked scenes, a home menu slider with Webflow's own algorithm transcribed (arrows, swipe and autoplay), a six-tab menu page, a mega menu, a sliding mobile menu, an FAQ accordion, rolling hovers on 200 buttons and 1,050 menu links, and a smoothed wheel scroll — all in one 19 KB vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every menu item is one JSON entry and every article one Markdown file, both validated on every build, and a re-priced latte is re-priced on every card and in the basket at once
Design-token system — 200 custom properties hold the whole palette, type scale and spacing steps, and /style-guide previews the palette, the type scale and the buttons on one page
Self-hosted fonts — Fira Sans Extra Condensed and Akshar as woff2, no CDN requests
TypeScript throughout, zod-validated content schema
Tech Stack
Astro 7 · Markdown content collection + validated JSON · TypeScript · the template's own CSS — no utility framework, no build-time CSS pipeline
Requirements
Node 22.12 or newer. npm ships with it. Nothing else to install.
Support
contact@kaziehsan.com