Food delivery
A food delivery site “Hot” — charcoal, tomato and cream, a bold grotesque: a hero with a live “delivered in 28:00” countdown and a burger of CSS layers, a menu with a cart in a pinned bar and progress to free delivery, a bowl builder with layers in a bowl, a delivery zone on an SVG block map, an order tracker with a courier along the route, an app promo with a QR and promo code, sticker reviews with reactions and an order counter, an FAQ and a footer with an outlined word. Unbounded, Russo One and Onest.
What it is made of
10 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Food delivery navbar with address, ETA and a cart counternavbar-038
An “address · N min” chip, a cart with a badge, a tomato line on scroll, burger.
2. First screen
Delivery hero: a live “delivered in 28:00” timer, a CSS burger and a marqueehero-038
A delivery countdown, a burger of six CSS layers, steam, a dish marquee.
3. Menu
Menu with a cart: dish cards, steppers and a fixed “to free delivery” bardelivery-001
Filters, dishes in drops and circles, steppers, a pinned cart with progress.
4. Builder
Bowl builder: layers drop into a bowl, calories and price add updelivery-002
Layers drop into a CSS bowl; calories, weight and price add up.
5. Delivery zone
Delivery area: an SVG map of blocks, click a zone or an address → time and pricedelivery-003
An SVG block map, click a zone → minutes and cost.
6. Tracker
Order tracker: statuses play out, the courier rides the routedelivery-004
Four statuses, a courier rides the route, “show” plays the order.
7. App
Delivery app promo: promo code, stores, SMS link and a QR stickerdownload-011
A promo code with copy, stores, an SMS form, a QR sticker.
8. Reviews
Sticker reviews with emoji reactions and a live orders counterdelivery-005
Tape stickers with emoji reactions, an “orders today” counter.
9. FAQ
FAQ accordion with a plus-to-cross togglefaq-023
An accordion with a plus-to-cross toggle.
10. Footer
Delivery footer with opening hours, a phone and an outlined giant wordfooter-037
Hours, phone, columns, a huge outlined “HOT”.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PRO