Restaurant Website Template — Next.js Site for Restaurants, Cafés & Wine Bars with Live Hours, Busy Times & Bookings

This is a website template. You're buying the source code for a restaurant website you can rebrand for any restaurant, café or wine bar. "Fico", the Brooklyn osteria in the demo, is fictional placeholder content; no booking system, POS integration or backend is included.

Built around what guests actually look for

• Open now: live "Open now · until 10pm" status in the header, worked out in the restaurant's own time zone, with multiple services per day (lunch and dinner)
• How busy is it? A popular-times style chart for every day of the week, with the current hour highlighted
• Where and how to book: address, directions, call button and a booking flow on every page

Pages included

• Home: split hero with a floating signature plate, a "Tonight" band (hours today, busy chart, location), signature dishes and a draggable photo row with parallax
• Menu (/menu): the full menu by section; hover (or tap) any dish to see its photo
• Hours & location (/visit): the week's hours with today highlighted, busy chart for any day, map photo and directions
• Our story (/story): short story with photo blocks
• Book a table (/reserve): party size, the next 14 days (closed days disabled), time slots and details, with a confirmation step
• A custom 404

Design & motion

• Light-peach Day and deep-wine Night themes with a visitor toggle
• Bodoni Moda + Figtree type
• Opening animation: the plate turns while a counter runs to 100, then flies into the hero as the panel wipes away (once per visit)
• Smooth scrolling, masked headline reveals and a footer that's uncovered as the page scrolls away
• Fully responsive with a slide-in mobile menu

Accessibility

• Respects reduced motion (no intro, no idle motion)
• Keyboard-friendly menu, photo previews and booking form; high-contrast body text

Easy to make yours

• All copy, opening hours, busy times, menu, story and booking options live in one typed content file; no component edits needed
• A full set of photos is included, with a shot list and prompts (PHOTOS.md) for swapping in your own
• Point "Book a table" at Resy, OpenTable or Tock, or connect the included form to your system
• Recolour both themes from a handful of CSS tokens
• Static output; deploys to Vercel in one click

Stack: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, Framer Motion, Lenis, Lucide icons.