This recipe box gift card landing page template is one HTML5 page with one goal. Dinnora is a fresh, airy, one-page product landing page for meal-kit and recipe box brands that sell gift cards.

Every call to action leads to one goal – a gift card – with an amount or a number of boxes, a design, a message and the day it arrives by email, the card painted live as you type and a card number, while the delivery check shows where the boxes go and a contact form catches the givers 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.

Recipe Box Gift Card Landing Page: One Page, Built To Convert

• Hero Slider: First, three family slides – cook together, table for six, Sunday sorted – under a dark header with the week’s menu and its cut-off.
• Dinner For Two, Four Or Six: Then, the same recipe scaled for the table, with the quantities that change.
• Recipes The Whole Table Eats: Next, collections with diet tags and prep time.
• Pricing: After that, the more you cook, the less a plate – every plan priced per serving.
• Our Test Kitchen: Also, the cooks and how many recipes each has written.
• Video Band: Then, do we deliver to you – a ZIP check with the delivery days, a parallax photo band with a video popup.
• Testimonials: Next, families who cook with us.
• Send A Gift Card: In addition, an amount or boxes, the design, the recipient, the message and the send date, with the card painted as you type and a card number.
• Contact: Finally, the kitchen, the kitchen line open now, phone and email, a working contact form and a Google map.

Recipe Box Gift Card Landing Page Features

• One-page product landing with a single goal: a recipe box gift card
• 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, recipes scaled for 2, 4 or 6, delivery days by ZIP code, a live cut-off, gift cards
• Hero slider, testimonials, parallax video band with a video popup, a price table
• A Knife Chop preloader and Mise en Place reveals with prep-time pops
• 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.