BloomTPL - Restaurant Template

A clean and elegant restaurant website template built with Next.js 16 and Tailwind CSS 4.
Perfect for showcasing your menu, sharing your story, collecting reservations, and impressing guests with a stunning gallery.

---

✨ Live Demo

👉 https://bloomtpl.com/nextjs-templates/free-nextjs-tailwind-css-restaurant-template

---

🧱 Features

• 🎯 Full landing page layout with:

  • Hero section with background image and call-to-actions
  • About section with chef image
  • Fully structured animated menu (starters, mains, desserts)
  • Dedicated reservation page with form
  • Image gallery with lightbox preview
  • Carousel for client testimonials
  • Contact section with map + icons
  • Clean responsive footer

• ⚡ Built with:

  • Next.js 16 App Router
  • Tailwind CSS 4
  • Framer Motion animations
  • Lucide icons

• 📱 Fully responsive and mobile-ready

• 💡 SEO-friendly structure

• 💾 Easy to customize

---

🛠️ Installation & Update

🧾 If you downloaded this template as a .zip

Follow these steps to get started:

1. Unzip the downloaded folder:

unzip bloomtpl-restaurant-template.zip cd bloomtpl-restaurant-template

2. Install the dependencies:

npm install

3. (Optional) To update all dependencies to their latest compatible versions:

npm update

Or to force update to the latest major versions:

npm install framer-motion@latest lucide-react@latest next@latest react@latest react-dom@latest react-scroll@latest @eslint/eslintrc@latest @tailwindcss/postcss@latest @types/node@latest @types/react@latest @types/react-dom@latest @types/react-scroll@latest eslint@latest eslint-config-next@latest tailwindcss@latest typescript@latest

4. Start the development server:

npm run dev

Open http://localhost:3000 in your browser.

📦 Tech Stack

• Next.js 16
• Tailwind CSS 4
• React 19
• Framer Motion
• Lucide React

📜 License

This template is licensed for personal or commercial use. Redistribution or resale is not permitted.