This restaurant gift card landing page template is one HTML5 page with one goal. Donora is an evening-toned, one-page gift card landing page for restaurant groups, food halls and hospitality houses that sell one card for all their rooms.

Every call to action leads to one goal – buying a gift card – with the design, the amount, email or posted delivery, the names, the day it arrives and a message, straight into the bag and through a checkout on the same page with an order number. A balance check sits beside it, the gifts from the kitchens carry their prices, and the questions and a contact form catch the givers who are not sure yet.

Deep teal and copper, spaced light capitals, arched photographs and a double-arch emblem give it the feel of one house with many doors. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with dark and light 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.

Restaurant Gift Card Landing Page: One Page, Built To Convert

• Hero Slider: First, three slides – give a night out, not a thing, a room of your own, jazz, classes and long tables.
• The Gift Card: Then, one card, six rooms – the amounts, how long it lasts and how it arrives, on a card that turns as you scroll.
• A Room For Every Party: Next, a guest slider that picks the rooms that fit, each with its seats, minimum spend and menus.
• Take A Seat At The Table: After that, the gatherings across the group with their dates, seats left and prices.
• Pricing: Also, gifts From The Rooms – pastries, boxes and kits in a slider with their prices.
• Video Band: Then, the Last Room To Close, a parallax photo band with a video popup.
• Testimonials: Next, what our guests say.
• Make It Theirs: In addition, the card builder – four designs, the amount, email or post, a gift box, for and from, the day it is sent, a message and a live total, with a card preview that turns.
• Check A Balance: After that, the card number and its balance, with every room open now.
• Your Order: Also, the bag, details, collection or delivery, payment and an order number.
• Good To Know: Then, the questions givers ask most.
• Contact: Finally, call any room, a working contact form and a Google map.

Restaurant Gift Card Landing Page Features

• One-page gift card landing with a single goal: sell the card that opens every room
• Six demo rooms with their own hours, menus and colours
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Dark and light 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: drifting terrazzo chips and a stained-glass emblem in the footer
• Real shop logic from one data block: card totals, a bag that remembers, delivery and tax, balances, rooms that fit the party, seats left
• Hero slider, gifts slider, testimonial slider, parallax video band with a video popup
• A street of facades lighting up as the preloader, photographs whose halves slide in and meet and a doorway light on hover
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes and a colour for every room
• 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 (Jost, Gilda Display).

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 and the language flags are included.

Browse more Restaurant & Cafe landing pages, or the multi-page Restaurant & Cafe website templates.