https://github.com/sougata-github/modern-restaurant-landing-page

A Modern Restaurant Landing Page in React.
https://github.com/sougata-github/modern-restaurant-landing-page

css landing-page modernui reactjs responsive restaurant-webpage uiux vite

Last synced: 2 days ago
JSON representation

A Modern Restaurant Landing Page in React.

• Host: GitHub
• URL: https://github.com/sougata-github/modern-restaurant-landing-page
• Owner: sougata-github
• Created: 2023-08-24T13:25:54.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-29T13:49:58.000Z (about 1 year ago)
• Last Synced: 2023-11-17T06:52:19.123Z (12 months ago)
• Topics: css, landing-page, modernui, reactjs, responsive, restaurant-webpage, uiux, vite
• Language: JavaScript
• Homepage: https://modern-restaurant-landing-page.vercel.app/
• Size: 42.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Modern UI/UX Restaurant Landing Page in React

 Restaurant Landing Page in React with a captivating design and user-friendly interface

## Features

- Fully responsive design for seamless viewing on all devices.

- Organized file and folder structure for easy maintenance and scalability.

- Semantic HTML tags for improved accessibility and search engine optimization.

- Dynamic rendering of content using the `useState` hook for a smooth user experience.

- Interactive components powered by the `useRef` hook to enhance user engagement.

- CSS BEM (Block Element Modifier) model convention for clear and maintainable styling.

## Sections

1. **Header with Responsive Mobile Menu** - Navigation bar with a mobile-friendly menu for easy navigation.

2. **About Us** - Discover the story behind the restaurant and its mission.

3. **Special Menu** - Explore our special menu items with enticing descriptions.

4. **Chef** - Meet the talented chef and learn about their expertise.

5. **Intro** - A captivating introduction section to set the ambiance.

6. **Laurels** - Showcase the achievements and recognition the restaurant has received.

7. **Gallery** - Visualize our restaurant through a collection of stunning images.

8. **Find Us** - Get directions to the restaurant's location.

9. **Footer** - Footer section with contact information and social media links.

## Reusable Components

- **Subheading** - A reusable component for creating subheadings within sections.

- **MenuItem** - Reusable component to display menu items with descriptions.

## Preview

![Screenshot (46)](https://github.com/SDInfinity/Modern-Restaurant-Landing-Page/assets/102734212/b1037799-3aa9-4415-9f4b-8d943fbaa1e4)

## Technologies Used

- **React** - A popular JavaScript library for building user interfaces.

- **Vite** - A build tool that enhances the development experience with fast build times.