Forno - Pizza Restaurant Scroll Website

A pizza-restaurant website told by one scroll-driven animation. A pinned section plays a 97-frame photoreal clip on a canvas: a splash of tomato sauce, whole tomatoes, torn mozzarella and basil fall onto raw dough, the sauce spreads, the cheese melts and the crust blisters into a finished Margherita on a walnut board. Three glass text cards (Raw, Together, Fired) fade in on a separate layer as you scroll, with a live 000/100 progress counter.

Below the animation: a "How it is made" strip drawn from the same frames, a six-item sample menu, and a visit/booking block. Dark, warm palette (near-black, cream, ember red) with Fraunces and Inter.

One HTML file, no build step. The clip was rendered with Gemini (Nano Banana start and end stills, Veo for the motion between them), cut to WebP frames and embedded; GSAP ScrollTrigger and Lenis load from a CDN, with a plain-scroll fallback if they are blocked. Original artwork generated for this template, nothing to license. Responsive down to 400 px and respects reduced-motion (shows the finished pizza). Brand, menu, prices and address are placeholders; the booking buttons go nowhere until you connect your own tool. Checked in desktop Chrome only; page weight is about 4.7 MB because the frames are embedded.

Choose your tier

🔒 Secure checkout · instant download