Skip to content

About

A beautiful, cozy Japanese ramen restaurant landing page inspired by Naruto's Ichiraku Ramen — built with Next.js, React and Tailwind CSS. Cherry blossom aesthetic with Studio Ghibli vibes. 🍜🌸

Resources

Stars

4 stars

Watchers

0 watching

Forks

Repository files navigation

🍜 Ichiraku Ramen

Where Every Bowl Tells a Story

A beautiful, cozy Japanese restaurant landing page inspired by Ichiraku Ramen from the anime Naruto. Built for the DEV Frontend Challenge: Comfort Food Edition. 🌸


✨ Live Demo

🔗 https://ichiraku-ramen-ten.vercel.app/


🎨 Design Vision

The goal wasn't just to build a pretty restaurant page. It was to capture a feeling.

Ichiraku Ramen from Naruto was never just a restaurant — it was the place where things got quieter and safer. Where a bowl of ramen made everything feel a little more okay. That warmth, that sense of coming home, is what this page tries to recreate.

The aesthetic:

  • Cherry blossom petals falling gently like snow
  • Warm golden lantern lights glowing at dusk
  • Dark wood textures that feel worn and loved
  • Studio Ghibli meets modern Japanese restaurant design

🍱 Features

  • Hero section with cherry blossom atmosphere and steaming ramen
  • Signature menu with 6 ramen bowls and Japanese-inspired names
  • Our Story section about Ichiraku's history in Konoha
  • Visit section with opening hours and location in Hidden Leaf Village
  • Falling cherry blossom petal animations
  • Steam animations rising from ramen bowls
  • Fully responsive design
  • Warm color palette: cherry blossom pinks, deep reds, golden oranges, dark wood browns

🛠️ Tech Stack

  • Next.js — React framework
  • React — UI library
  • Tailwind CSS — Styling
  • Vercel — Deployment

🚀 Getting Started

# Clone the repository
git clone https://github.com/gamya-hub/ichiraku-ramen.git
cd ichiraku-ramen

# Install dependencies
npm install

# Run development server
npm run dev

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


🗺️ Roadmap (Phase 2)

  • Fix text contrast on darker sections for better accessibility
  • Add Framer Motion micro-interactions (swaying lanterns, steam loops)
  • Build interactive "Build Your Bowl" customizer
  • Add reservation form modal
  • Hidden Naruto easter egg 🍥
  • Add people enjoying ramen at the bar for atmosphere

📄 License

Copyright (c) 2026 Gamya M. All rights reserved.

This source code is provided for viewing and educational purposes only. No part of this code may be copied, modified, distributed, or used in any form without explicit written permission from the author.


🙏 Acknowledgments

  • Masashi Kishimoto for creating Naruto and Ichiraku Ramen 🍥
  • DEV Community for the Frontend Challenge: Comfort Food Edition
  • v0.dev for helping bring the design vision to life
  • Vercel for seamless deployment

Built with ❤️ and 🌸 for the DEV Frontend Challenge: Comfort Food Edition 2026

About

A beautiful, cozy Japanese ramen restaurant landing page inspired by Naruto's Ichiraku Ramen — built with Next.js, React and Tailwind CSS. Cherry blossom aesthetic with Studio Ghibli vibes. 🍜🌸

Resources

Stars

4 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages