Back to projects
Il Diavoletto Restaurant
Restaurant landing page

IlDiavolettoRestaurant

Portfolio archive for an Italian restaurant website: visual identity, immersive hero, online menu and information pages kept without commercial lead capture.

Next.jsReactFramer MotionVercel
00

A carousel to scan the identity, stack and product choices without leaving the case study.

Il Diavoletto Restaurant - An immediate restaurant mood
Identity01 / 03
Next.jsReactFramer MotionVercel
Identity

An immediate restaurant mood

The first viewport establishes Il Diavoletto with immersive imagery, a readable logo and the short message: “Diabolically good”.

100%visual archive
  • Full-screen brand-led hero
  • Direct CTAs to the menu and presentation
  • Dark, warm palette aligned with the Italian restaurant mood
01

Complete Tech Stack

🎨

Front-end

6
Next.js
⚛️React
📘TypeScript
🎨CSS Modules
🎬Framer Motion
🎨Lucide React
🚀

Infrastructure

3
Vercel
🔎SEO Metadata
🖼️Responsive Images
02

About the project

Il Diavoletto is a portfolio archive deployed on Vercel to present the visual identity of an Italian restaurant. The site keeps the visual experience, full-image hero, menu navigation, information pages and presentation content, while removing contact details and active commercial logic. The work focuses on a responsive landing page, a strong editorial atmosphere, clean transitions and a simple browsing structure. It is a front-end design and integration showcase built to present the project atmosphere without handling reservations or customer requests from the archive.

03

Key features

  • 01Immersive restaurant hero with full-screen imagery
  • 02Clear navigation to the menu, presentation and legal pages
  • 03Portfolio archive mode with commercial contact details removed
  • 04Responsive Next.js interface with animation and Lucide icons
  • 05Vercel deployment with WebP assets and clean metadata
04

Links