Next.jsReactCorporate Website

restaurant-template — Next.js Business Template

By 0xGetM

A Next.js and React restaurant website template with home, menu, about, contact, and location pages, using Tailwind CSS and Framer Motion, and integrating an EmailJS form and Google Maps.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Includes five pages: home, menu, about, contact, and location

02

Uses Next.js App Router and TypeScript

03

Uses Tailwind CSS and Framer Motion for styling and animations

04

Integrates an EmailJS contact form and Google Maps embed

05

The repository description includes SEO configuration such as meta tags, OpenGraph, robots.txt, and an XML sitemap

Template Details

This is a Next.js website template for restaurant use cases, with the repository describing it as built with Next.js, TypeScript, and Tailwind CSS. The page structure covers home, menu, about, contact, and location: the home page includes a dynamic background carousel, a welcome section, and a contact form; the menu page provides a downloadable PDF menu; the about page presents brand history, values, and founders; the contact page submits forms via EmailJS; and the location page includes an interactive map, transportation information, and business hours.

On the technical side, the template uses the App Router, TypeScript, Tailwind CSS, Framer Motion animations, the Next/Image component, and the next/font font solution, and integrates Google Maps embeds. The repository description includes SEO-related configuration such as meta tags, OpenGraph, robots.txt, and an XML sitemap.

Before use, you need to configure your own EmailJS account and template and write the credentials to .env.local; the Google Maps part requires the Embed API and replacing the address in the component. The licensing of third-party assets such as demo images, fonts, and icons must be checked separately, while the code uses the MIT license.

Next.jsReactCorporate Website

Is it right for your project?

Use Cases

  • Quickly build a showcase website for a restaurant with menu, contact, and location information
  • Serve as a learning reference for Next.js and Tailwind CSS project structure
  • Reuse restaurant page layouts and form integration approaches in an existing Next.js project

Suitable For

  • Developers who need a starter template for a restaurant website
  • Frontend developers familiar with React and Next.js
  • Projects where you want to configure EmailJS and Google Maps yourself

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Register an EmailJS account and create an email template, then write the credentials to .env.local

  2. 2

    The Google Maps part requires the Embed API, and the address in the GoogleMap component must be updated

  3. 3

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

  4. 4

    The code uses the MIT license, and the copyright notice and license notice must be retained when distributing

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in a public repository; the free scope is the code of that version and does not mean that external services or third-party assets are free.

Must comply with when using

  • You may use, modify, commercialize, and distribute the code of this version for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The contact form depends on the third-party EmailJS service; before use, you must register an EmailJS account, create an email template, and write the credentials to .env.local, otherwise the form cannot send emails.
  • The map on the location page depends on the Google Maps Embed API, which you must obtain and configure yourself as an external service and which may be subject to Google's terms and quotas.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Create an account at [EmailJS](https://www.emailjs.com/)

Original README

Use the Google Maps Embed API

Original README
https://github.com/0xGetM/restaurant-template/blob/main/LICENSE.mdhttps://github.com/0xGetM/restaurant-template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 82 / 100
Technologies
Next.js · React
Website type
Corporate Website
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2024-11-05
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-04

Inspect the recorded source material

SHA-256: b0a5b040016848929c192b356da7d20446d499916bdcda7401f95c694a85bfaf

2026-10-03T23:07:19.395Z

Source file / repository
# La Cabine d'Argent - Restaurant Website

A production-ready, SEO-optimized restaurant website built with Next.js 14, TypeScript, and Tailwind CSS.

## ✨ Features

### 🎯 SEO Optimization
- Complete meta tags implementation
- OpenGraph social sharing
- robots.txt configuration
- XML sitemap
- Semantic HTML structure
- Optimized images with alt texts
- Mobile-first responsive design

### 📱 Pages
- **Home**: Dynamic background slider, welcome section, and contact form
- **Menu**: Downloadable PDF menu with elegant layout
- **About**: Company history, values, and founders section
- **Contact**: Integrated contact form with EmailJS
- **Location**: Interactive map, transport info, and opening hours

### 🛠 Technical Features
- Next.js 14 with App Router
- TypeScript for type safety
- Tailwind CSS for styling
- Framer Motion animations
- EmailJS integration
- Google Maps integration
- Responsive images with Next/Image
- Custom fonts with next/font

## 🚀 Performance
- Optimized image loading
- Lazy loading components
- Font optimization
- Client-side animations
- SEO best practices

## 🔧 Configuration

### EmailJS Setup
1. Create an account at [EmailJS](https://www.emailjs.com/)
2. Create an email template
3. Add your credentials to `.env.local`

### Google Maps Setup
1. Use the Google Maps Embed API
2. Update the address in the `GoogleMap` component

## 📄 License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.