Mossa

mossa is built for small cafés that want to look like a print magazine and still take orders.

Order flow that works out of the box

• A drink builder: pick a drink, milk, size, sweetness, ice, an extra shot and the quantity. A 3D-style glass fills layer by layer as you choose, with a soft milk pour.

• The order button in the header shows a live count and opens an order drawer.

• A checkout page with pickup or delivery, contact details, pickup time and notes, then a confirmation screen with an order number.

• Orders are held in the browser, so the template runs with no back end. Connect your own form, Zapier or a shop when you go live.

Animated, but calm

• The second section on the home page fills a glass as you scroll.

• Hover states on cards, menu items and buttons, with smooth page reveals.

Easy to edit

• Shop and product pages run on the CMS. Add a product and its page is made for you.

• Text styles and colour styles throughout, so a new brand takes minutes.

• Layouts for desktop, tablet and phone.

Pages

1. Home (hero, scroll-driven glass, drink builder, menu, shop teaser, visit)

2. About

3. Shop (CMS collection)

4. Product (CMS detail page)

5. Order (the full drink builder)

6. Checkout (with confirmation)

7. 404 (needs adding before submitting, see the checklist)

Features to tick

• CMS

• Animations

• Scroll effects

• Responsive

• E-commerce style (cart and checkout)

• Custom code components

• Forms (once the checkout is wired to a Framer form, see the checklist)