This pastry pre-order landing page template is one HTML5 page with one goal. Fournia is an elegant one-page order landing page for French pâtisseries, pastry shops and bakeries that bake in batches.

Every call to action leads to one goal – pre-ordering a box to collect – through a real pre-order: choose a bake day and the morning or afternoon batch, fill the box piece by piece with a live total, leave a name and phone, and the box is reserved with a ticket to show at the counter. The counter shows each pastry with its price, the pieces left and its batch, and a countdown runs to the next pre-order cut-off.

Gold on white marble and black, spaced capitals and a gold script, diamond rules and a tartlet emblem. 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.

Pastry Pre-order Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides – delight for a special day, cake and bake in two batches, the atelier behind the counter.
• Figures Strip: Then, two bakes a day, the pastry chefs and the years of the maison.
• Our Story: Next, the family tradition with the chef’s signature and a quote in script.
• Pâtisserie Is Art: After that, the counter’s pastries with their prices, the pieces left and the batch, and the next pre-order cut-off.
• Pre-Order Your Box: Also, the bake day, the batch with its pickup window, the box filled piece by piece with a live total and a ticket number.
• Two Bakes, Every Day: Then, the morning and afternoon batches with their times and a countdown to the next cut-off.
• A True Delight: Next, the menu with prices and today’s special.
• Testimonials: In addition, guests’ words in a slider.
• Watch Us Bake: After that, a parallax photo band with the maison’s film in a video popup.
• Contact: Finally, the salon, the phone, the email and the hours open now, a working note form and a Google map.

Pastry Pre-order Landing Page Features

• One-page order landing with a single goal: pre-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: black marble with gold veins, and a flat-shaded macaron turning in the footer
• Real pâtisserie logic: two batches a day with pickup windows and cut-offs, pieces left per batch, closed days, the salon open now, a pre-order ticket
• Hero slider, testimonial slider, parallax photo band, video popup, priced counter and menu, pre-order box
• A torch-glaze preloader, photos uncovered in a clock-wipe like a tart being cut and a gold-leaf hover
• 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 line 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 (Montserrat, Great Vibes).

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 line icons, the drawn fruit and tart, the meringue tartlets, the gold leaf, the marble plate and the language flags are included.

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