Leanora – Calorie Smart Meal Kit Landing Page HTML5 Template

About This Item

This calorie smart meal kit landing page template is one HTML5 page with one goal. Leanora is a fresh, airy, one-page subscription landing page for light and calorie smart meal kits – recipes under 600 calories, ready in twenty minutes.

Every call to action leads to one goal – starting the plan – through a four-step start with the calorie smart preference, this week’s light recipes, the delivery day and the details, while the plan builder prices every serving and hands its plan straight to the start, and a contact form catches the cooks who only have a question. White grounds with grey bands, Playfair Display headings over Open Sans, overhead flat lays of fresh ingredients and a single yolk accent give it the calm of a clean kitchen counter.

The boxed header carries the 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.

Calorie Smart Meal Kit Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides – light summer food, under 600 calories, four boxes ahead – with the chef’s board beside them.
• In Every Box: Then, fresh recipes, portioned proteins, sauces and spices, step-by-step cards.
• Sliced, Diced And On The Pan: Next, the knife board prepares the ingredients as you scroll.
• Featured Recipes This Week: After that, two recipes in a zigzag with their time and calories.
• Calorie Smart Picks: Also, the week’s light recipes with their calories.
• Build Your Plan: Then, people, recipes a week and the preference, with the price per serving, the first box and every box after.
• Pricing: Next, every plan per serving – press any price to choose that plan.
• Your Next Four Boxes: In addition, a demo account’s next boxes, with cut-offs, skip and bring back.
• Testimonials: After that, what people say.
• Video Band: Also, 50% off and free shipping on the first box, a parallax photo band with a video popup.
• Start Eating Lighter: Then, four steps – your plan, your recipes, delivery, your details – with the order beside it. Every step can be opened; only Place Order checks the details.
• Contact: Finally, the kitchen, the kitchen line open now, phone and email, a working contact form and a Google map.

Calorie Smart Meal Kit Landing Page Features

• One-page subscription landing with a single goal: start the calorie smart plan
• 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: a slow-waving gingham on the night bands, and a voxel carrot turning in the footer
• Real meal-kit logic from one data block: plan prices per serving, weekly menus with calories, delivery days by ZIP code, a live cut-off, skip and pause
• Hero slider, testimonials, parallax video band with a video popup, a price table
• A Knife Chop preloader, Mise en Place reveals with prep-time pops and a scroll moment that never pins the page
• Drawn ingredients, a chef’s knife, a kit box and a chopping board made for the template
• 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
• 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 (Playfair Display, Open Sans, Meow Script).

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 ingredients and knife, the kit box, the chopping board and the language flags are included.

Browse more Food Delivery landing pages, or the multi-page Food Delivery website templates.