Terroira suits French bistros that serve set-price formules and tour one region of France a month. It also matches a glass of wine to every plate. This Tailwind CSS bistro template gives that kind of kitchen a ready website, and it uses Tailwind CSS 4 for all of its styling. It has 30 pages and 3 different home page designs.

A Tailwind CSS Bistro Template Built Around the Carte

The look is a zinc-and-mirror bistro: white grounds, linen bands, black marble and terracotta titles in Fanwood capitals. Behind it sits real bistro logic. The carte shows the region for the visitor’s date, and it switches between lunch and dinner from the kitchen’s hours. Also, each formule gets its price while the guest builds it.

Anyone who runs a wine-led dining room will find the glass-by-glass matching in this Tailwind CSS bistro template easy to adapt. Each plate sits beside its glass, and the cheese trolley also has its own place.

Three Bistro Home Pages for a French Restaurant Website

• Le Bistro opens with a hero slider, the month’s three signature dishes, the carte with prices and the chef on linen. The cheese trolley rolls in as you scroll, and the wine cart, guest voices, reserve bar and hours follow.
• La Formule pairs a marble booking card with a dishes rail. Entrée, plat and dessert slide into one column while a price card counts the formule. The kitchen staff and today’s hours close the page.
• Le Tour splits the hero between this month’s region and next month’s. It then shows the year of regions with toured months marked, plus private dining and the journal.

La Carte, Formules and Table Booking for a Bistro Template

The La Carte page lists the month’s region by course with the matched glass. A month picker also shows any region of the year. The Formules builder takes two or three courses, lunch or dinner, a dish per course and matching glasses. Then it prices the meal a head and for the table.

• Le Tour De France covers twelve regions, each with two entrées, three plats, two desserts, three cheeses and three wines.
• Wine By The Glass lists glasses, carafes and bottles, and filters the year’s thirty-six glasses by colour.
• Book A Table is a five-step wizard with seatings from the kitchen’s hours. It has a terrace open April to October and a zinc counter for up to three, and it ends with a booking reference.
• Private Dining offers three rooms by party size and a four-step estimate with price per guest and deposit.

Wine Cave Shop and Remaining Bistro Template Pages

La Cave sells bottles and gift vouchers in four categories. It has a price filter, sort and search, plus a product page with gallery and tabs. In addition, shoppers get a bag, a coupon, a free-delivery meter, tax and a checkout with an order number. A wishlist is included as well.

The other pages are About, Our History, This Month’s Region, Our Team, Chef Profile, Gallery, Journal, Journal Details, FAQ with search, a Contact page with a form and map, My Account, sign-in and registration pages, a password reset page, a Coming Soon page and a 404 page.

Editing the Carte and Formules With Tailwind CSS 4

Each section carries its own utility classes in the markup, so a change to spacing, colour or type happens right in that section. A buyer will likely change the carte, the formule builder and the hours first. Then they can swap the terracotta titles for their own colour. The compiled stylesheet holds just the classes these pages actually use, so nothing extra ships.

Light and dark mode run on one switch, and the page remembers the choice between visits. Right-to-left layouts cover every page, while WebGL layers add window rain and an etched still life in the footer. The pages also include Swiper sliders, Fancybox popups and a Font Awesome Free icon set, with fonts from Fanwood Text and Libre Franklin.

The finished pages open as they are, and the download also holds the Tailwind source if you want to rebuild the styles. Neutral placeholders replace the preview images, so you add your own dishes and rooms. Documentation is included in the download.