Cookora – Meal Kit Subscription Landing Page HTML5 Template

About This Item

This meal kit subscription landing page template is one HTML5 page with one goal. Cookora is a fresh, airy, one-page subscription landing page for meal-kit delivery services, recipe box brands and dinner subscription kitchens.

Every call to action leads to one goal – starting a recipe box – through a four-step start with the plan, this week’s recipes, the delivery day by ZIP code and the details, with the first box’s price and the welcome offer worked out live, while the plan bar 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 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.

Meal Kit Subscription Landing Page: One Page, Built To Convert

• Hero Slider: First, three plate slides under a header with this week’s menu and its live cut-off.
• Plan Bar: Then, people, recipes a week and the price per serving, docked under the hero.
• How It Works: Next, choose your plan, pick your recipes, we deliver, you cook.
• Every Ingredient, Measured Out: After that, the box unpacks itself as you scroll.
• This Week’s Menu: Also, the week’s recipes with diet tags, prep time and premium surcharges, week by week.
• Do We Deliver To You?: Then, a ZIP check with the delivery days on a photo band.
• What Comes In Every Box: Next, fresh ingredients, chef-written recipes, skip any week, a recyclable box.
• Pricing: In addition, every plan per serving, for two, four or six people and two to five recipes a week.
• Testimonials: After that, from our members’ kitchens, in a slider.
• Video Band: Also, 50% off and free shipping on the first box, a parallax photo band with a video popup.
• Start Your Recipe Box: Then, four steps – your plan, your recipes, delivery, your details – with the order beside it, the first box, the boxes after it and a reference. 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.

Meal Kit Subscription Landing Page Features

• One-page subscription landing with a single goal: start a recipe box
• 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 diet tags and premium surcharges, delivery days by ZIP code, a live cut-off
• Hero slider, testimonial slider, 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 and a kit box 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 and the language flags are included.

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