Back to All Projects

Noosh Grill Restaurant

Custom single-page site for a Fairfax halal restaurant with an interactive 3-column menu, 3D review carousel, and real-time open/closed indicator.

HTML5Tailwind CSSJavaScriptCSS 3D TransformsFormspree
Visit Live Site
Noosh Grill Restaurant Screenshot
🎯
Restaurant
Project Type
âš¡
5
Technologies Used
📦
8
Deliverables

Case Study

💡The Challenge

Noosh Grill, a new halal restaurant in Fairfax, needed a digital presence that matched their elevated take on classic comfort food. With no existing website, potential customers had no way to discover the menu, check hours, or place orders online. The site needed to showcase their unique offerings—from NY-style chicken over rice to smash burgers—while driving traffic to their Toast ordering platform.

Key Challenges

  • Creating an intuitive menu navigation system for 20+ items
  • Building a performant 3D carousel without JavaScript frameworks
  • Implementing real-time business hours logic with holiday handling
  • Optimizing food photography for fast mobile load times

🎨The Solution

A custom single-page website built around the restaurant's bold green-and-red brand identity. The centerpiece is an interactive 3-column menu with clickable items and detailed descriptions. A pure CSS 3D carousel showcases 10 customer reviews with auto-rotation and manual controls. A real-time open/closed status indicator updates based on business hours, and prominent CTAs throughout drive online orders via Toast.

Technologies & Approach

HTML5 with semantic markup and Restaurant schema.org
Tailwind CSS 4 via CDN for utility-first styling
Vanilla JavaScript for carousel, modals, and status indicator
CSS 3D Transforms (perspective, rotateY, translateZ)
Formspree for contact form backend
Font Awesome for icons
Google Fonts (Anonymous Pro) + custom Tanker font

🚀The Result

The site launched successfully and serves as the restaurant's primary marketing hub. The interactive menu lets customers explore offerings before visiting, the review carousel builds trust with new visitors, and the responsive design ensures a smooth experience on phones—where most customers place orders. The clean codebase and strong local SEO help Noosh rank for searches like "halal food Fairfax VA."

Project Deliverables

Responsive single-page website (mobile-first)
Fixed navigation with mobile hamburger drawer
Interactive 3-column menu with item modals
Pure CSS 3D review carousel (10 reviews, auto-rotation)
Real-time open/closed status indicator
Contact form with Formspree integration
Toast ordering integration throughout
SEO implementation (schema.org, meta tags, sitemap)
"
[Client testimonial to be added]
👤
Owner
Noosh Grill

Ready for Similar Results?

Let's talk about your project — no commitment, no pressure.