Grillhouse - Modern Restaurant Website Template
A Next.js restaurant template with Sanity CMS, animated gallery, online menu, reservation form, and Chakra UI. Deploy in minutes.
Grillhouse - Modern Restaurant Website Template (Next.js + Sanity CMS)
Grillhouse is a modern, production-ready website template built for restaurants, steakhouses, bistros, and fine dining venues. Whether you're building for a client or launching your own brand, Grillhouse gives you a complete, fully-coded foundation — no boilerplate, no compromise.
The frontend is built on Next.js with Chakra UI v2 for a consistent, themeable component system, and GSAP for scroll-driven animations that make the site feel alive. The CMS is powered by Sanity Studio — editors can manage the full menu, gallery, blog, FAQ, and site settings without touching a single line of code.
The reservation form is wired to Resend out of the box. The animated gallery handles interior shots, dish photography, and Instagram-style feeds. And the menu system supports categories, items, prices, dietary tags, and featured dish highlights — all from Sanity.
Mock data is included so the entire site renders immediately — browse every page, test every animation, and customise the design before you write a single CMS document.
Feature List
✦ Pages
- Homepage with full-screen video hero and animated sections
- Menu page with category filtering and dish cards
- Gallery page with animated masonry layout and Instagram feed section
- About page with counter animations and team section
- Contact page with Resend-powered form
- Fully responsive on mobile, tablet, and desktop
✦ Online Menu — Sanity Managed
- Menu sections (Starters, Mains, Desserts, Drinks, Specials — fully customisable)
- Menu items with name, description, price, photo, and dietary tags
- Featured dish flag — highlights signature items on the homepage carousel
- Availability toggle — mark items off-menu without deleting them
✦ Reservation Form
- Collects name, contact details, date, time, party size, and special requests
- Sends confirmation email to guest and restaurant via Resend
- Add your API key and recipient address — works immediately
- No third-party booking services required
✦ Gallery
- Animated scroll-driven gallery reveal (GSAP)
- Interior, dish, and event photography sections
- Instagram feed section for social proof
- Managed from Sanity — upload, caption, and categorise images in Studio
✦ Sanity Studio CMS
- Menu schema with sections and items
- Gallery schema with categories and captions
- Blog schema for news and updates
- FAQ schema for accordion content
- Site settings schema for logo, contact info, and social links
- Page section schemas for hero, testimonials, features, and more
✦ GSAP Animations
- Scroll-driven gallery and section reveals
- Food carousel with drag interaction
- Counter animations on scroll (About page stats)
- Scroll-pinned showcase section
- All animations centralised in
utils/animate.js— easy to customise
✦ Chakra UI v2 Theme
- Fully custom theme — colors, fonts, buttons, headings, text
- One file to rebrand the entire site
- Component-level overrides for fine-grained control
- Chakra + Next.js integration via
@chakra-ui/next-js
✦ Developer Experience
- Next.js App Router with screen-level component pattern
- Lenis smooth scroll provider — site-wide, zero config
- GSAP registered globally via
vendors/gsap.js - Sanity client and image builder pre-configured
- Mock data included — zero config to preview the full site
- SCSS global styles alongside Chakra theming
If you have any question please reach out to me
mail: shohag4y@gmail.com
whatsapp: +8801944229115
