Hotel & Restaurant Website

Frontend
Web Dev
Hotel & Restaurant Website

Tech Stack

React
JavaScript
Tailwind CSS
Google Maps Embed
WhatsApp API

Description

The Hotel & Restaurant Website is a modern and responsive web platform designed to showcase restaurant services, menu items, and contact information in a visually appealing way. The goal of the project was to create a simple digital presence that allows customers to explore food offerings and easily reach the restaurant.

The website features a structured menu page where customers can browse available dishes along with their descriptions and pricing. This helps visitors quickly understand the restaurant’s offerings before visiting or placing an order.

To improve accessibility and communication, the website integrates a WhatsApp contact option that allows users to directly message or call the restaurant with a single click.

The platform also includes a Google Maps integration within the footer section, enabling customers to quickly locate the restaurant and get directions, making it easier for new visitors to find the location.

  • Developed a responsive restaurant website using React and Tailwind CSS.
  • Created a menu display system to showcase restaurant dishes and pricing.
  • Integrated WhatsApp contact functionality for direct customer communication.
  • Embedded Google Maps to display the restaurant’s physical location.
  • Designed a modern and mobile-friendly user interface.
  • Optimized page layout for easy navigation and quick access to restaurant information.

Page Info

Homepage

Main landing page introducing the restaurant with featured dishes, branding elements, and quick access to menu and contact options.

/projects/restaurant/pandeliHomepage.png

Menu Page

Menu section displaying food items offered by the restaurant, allowing customers to browse different dishes and pricing.

/projects/restaurant/menu.png

Footer with Location Map

Footer section containing restaurant contact details, a WhatsApp call-to-action button, and an embedded Google Map showing the restaurant location.

/projects/restaurant/footer.png

    Krishna Khatri - Computer Engineer & Web Developer