Ligatra

Ligatra is a Framer restaurant website template built with the scroll effects of an Apple product launch. The demo is a smash burger joint, but the layout works for any restaurant: pizza, tacos, fried chicken, donuts, a cafe, a food truck or a fast-food chain.

The hero is the signature move. The burger floats apart in seven layers. As visitors scroll, each layer drops into place, from the bottom bun up. A label appears beside each one as it lands, real steam rises once the top bun is on, and a price bar slides up with an Order button. The burger is a component with an image control for every layer, so you can drop in your own cut-outs without touching code: crust, sauce, cheese and toppings for a pizza, or shell, filling and salsa for a taco.

The rest of the Home page follows the same playbook. It has a menu highlights carousel, a statement that lights up word by word as you scroll, and a pinned "how it's made" sequence. There's also a menu bento grid, big counting numbers, a "Which combo is right for you?" comparison, locations with opening hours, reviews, a rewards punch card that fills as you scroll, an FAQ and a final order section.

The site has 12 pages: Home, Menu, a menu item page, Locations, Order (with a catering request form), About, Rewards, FAQ, Contact, Legal, an Edit Me guide and a 404 page. Five CMS collections hold the menu items, combos, locations, reviews and FAQs. Menu items include price, calories, heat level, tags, a photo and a cut-out. Every combo and location has its own ordering link field, so buttons point straight to your online ordering or delivery service.

Everything is designed for desktop, tablet and phone. It uses color and text styles, a sticky navigation with a mobile menu, a five-state submit button and clean, named layers. The motion respects reduced-motion settings and always ends on the finished layout.