• Home
  • Templates
  • Components
  • About
  • Contact
Book a Call →
Templates→Maison - Restaurant & Cafe Next.js Template
PremiumUpdated Apr 2026

Maison - Restaurant & Cafe Next.js Template

A modern, elegant Next.js template for restaurants and cafés, powered by Sanity CMS. Maison combines stunning visuals with a seamless content management experience — perfect for fine dining, casual cafés, and everything in between.

Purchase NowLive Preview ↗
16.2.4 Next.js
6.12.2 Resend
^4 Tailwindcss
^3.15.0 Gsap
📄 MIT License
Maison - Restaurant & Cafe Next.js Template screenshot 1
Maison - Restaurant & Cafe Next.js Template screenshot 2
Maison - Restaurant & Cafe Next.js Template screenshot 3
Maison - Restaurant & Cafe Next.js Template screenshot 4
Maison - Restaurant & Cafe Next.js Template
$49

Single project license

Buy for $49 →Live Preview ↗
✓ Mobile-first & responsive
✓ Core Web Vitals 100
✓ SEO meta management
✓ Sanity Studio included
✓ TypeScript support
✓ Full documentation
Next.js App RouterNext.js App Router
Sanity CMSSanity CMS
Tailwind CSSTailwind CSS
TypeScriptTypeScript
What's Included

Everything you need to rank and convert

Sanity CMS Integration

Manage all content (menus, gallery, team, etc.) from a clean studio dashboard

Smooth Animations

GSAP & Framer Motion powered transitions and scroll effects

Smooth Scroll

Lenis-based smooth scrolling for a premium feel

Interactive Timeline

Animated About page with the restaurant's story

Featured Dishes Section

Highlight signature platters with images and descriptions

Full Menu Page

Organized menu with categories, powered by Sanity

Gallery Page

Masonry-style photo gallery with category filtering

Reservation Page

Fully functional reservation form with React Hook Form

Common Features

All of our NextJS themes come with the following features:

Clean code and folder structure
Compatible with all modern browsers
Free Icons + Google font
Free future themes update
Free customers support
Responsive design
Highly customizable
Component-based design
90+ Google PageSpeed score
Pre-configured Cloudflare, Vercel & Netlify deploy setting
Tailwind CSS for Styling
SEO Optimized
Pre-configured Sitepins CMS (Optional)
Quick Setup

Live in under 30 minutes

Full documentation included. Step-by-step setup guide from clone to deployed.

Need Help ?
Download the code
Open it in your terminal
2. Install dependencies
npm install
3. Configure environment
cp .env.example .env.local
4. Run locally
Run npm run build and deploy to your preferred platform
rayso

Ready to turn your website into your best salesperson?

Book a free 30-minute strategy call. No pressure, no pitch — just an honest assessment of what's holding your site back.

Book Free Call →No commitment required

We build high-converting websites for local service businesses — real estate, mortgage, plumbing, cleaning, and more.

Book a Free Call →
Services
  • Web Design
  • UI/UX Design
  • Framer Dev
  • Webflow Dev
  • Custom Dev
  • Sanity CMS
Resources
  • Templates
  • Components
  • Case Studies
Company
  • About Us
  • Contact
  • Privacy Policy
  • Terms
© 2025 rayso.studio — All rights reservedDesigned & built in-house ✦ Remote-first agency