This is a beautifully designed landing page for a restaurant, built using React. It showcases the restaurant's offerings, ambiance, and contact details, providing a seamless user experience. The design is modern, responsive, and visually appealing, ensuring that it looks great on all devices.
Live Demo: Restaurant Landing Page
- Elegant Design: Eye-catching design to attract customers.
- Responsive Layout: Fully responsive and optimized for mobile, tablet, and desktop.
- Menu Section: Displays popular dishes with images and descriptions.
- About Section: Provides an overview of the restaurant and its atmosphere.
- Contact Section: Easy-to-find contact details with a call-to-action button for reservations.
- Location Map: Embedded map for easy navigation to the restaurant.
- Social Media Links: Icons and links to the restaurant's social media platforms.
- React: JavaScript library for building user interfaces.
- CSS3: For styling the landing page.
- HTML5: For structuring the content.
- React Router: For navigation between sections (if applicable).
- FontAwesome: For stylish icons.
Make sure you have Node.js and npm installed on your system.
-
Clone the repository:
https://github.com/kiyakebe/restourant-website.git
-
Navigate to the project directory:
cd restourant-website
-
Install the required dependencies:
npm install
To start the development server, run:
npm start
The application will be running at http://localhost:3000
.
To build the app for production, run:
npm run build
Here are some screenshots of the landing page:
Check out the live demo here: Restaurant Landing Page Demo