This donut box click and collect landing page template is one HTML5 page with one goal. Crullo is a sweet one-page order landing page for donut shops, donut bars and bakeries that sell boxes for pickup.

Every call to action leads to one goal – ordering a box to collect – with a real box builder, a collection slot and a checkout on the same page: choose a half dozen or a dozen, fill it cell by cell from today’s counter (a full dozen comes with the thirteenth on us), pick the shop, the day and a fifteen-minute window, and place the order with a pickup code. Mint, blush and chocolate, a rounded script wordmark with a donut for its o, piped-icing underlines and drawn donuts.

The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark mode, right-to-left support and WebGL layers.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Donut Box Click And Collect Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides – closer to love with every bite, a dozen donuts with thirteen in the box, order at nine and collect it warm – with today’s donut and its price.
• Fresh From The Fryer: Then, donuts, cupcakes and party tables, and the counter’s donuts with their prices and add to bag.
• Today’s Menu: Next, the counter live – each donut and cupcake with its price, on the counter or sold out, and the next glazing batch.
• Build Your Box: After that, a half dozen or a dozen, the donuts cell by cell, the box total with the dozen saving and the thirteenth donut.
• Testimonials: Also, guests’ words in a slider with the Google rating.
• Choose A Collection Slot: Then, the shop, the day and the fifteen-minute slots with the orders left in each, and a pickup code.
• How Collection Works: Next, fill your bag, pick a slot, we box it, skip the line.
• Checkout: In addition, your details, local delivery, delivery within two hours or click and collect, card or pay at the counter, the bag with delivery and tax, and an order number.
• From Our Founder: After that, a parallax photo band with the founder’s words.
• Visit Us: Also, the shop’s address, open now and the week’s hours, with the shop film in a video popup.
• Contact: Finally, a Google map, phone, email, the three shops open now and a working message form.

Donut Box Click And Collect Landing Page Features

• One-page order landing with a single goal: order a box to collect
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: pastel icing ribbons and a glazed donut spinning in toon shading
• Real donut-shop logic: box pricing with the dozen saving and the free thirteenth, today’s counter, collection slots with orders left, open now, a bag kept between visits, pickup code
• Hero slider, testimonial slider, parallax photo band, video popup, priced counter menu, box builder and checkout
• A donut-rolling preloader that spells the name, Bounce Drop reveals, piped-icing underlines and sprinkle-burst hovers
• Drawn art included: the donuts, cupcakes, the donut box, the piping bag and the sprinkle tile
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated icons
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Poiret One, Open Sans).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files, the drawn donuts, cupcakes, box and piping bag, the decor and the language flags are included.

Browse more Sweets & Bakery landing pages, or the multi-page Sweets & Bakery website templates.