High-end African restaurant website built with React & TypeScript. Modern UI, animated menu, customer reviews, and reusable template for restaurant businesses.
# 🍽️ Thiapathioly Paris 18 – Restaurant Website
High-end showcase website for **Thiapathioly**, a Senegalese restaurant located in Paris 18.
This project reflects a premium digital experience designed to elevate African cuisine through elegant design, storytelling, and immersive user experience.
---
## ✨ Concept
A luxury restaurant website inspired by African gastronomy and fine dining standards.
The project highlights:
- 🇸🇳 Senegalese culinary heritage
- 🍽️ Signature dishes & curated menu
- ✨ Refined and immersive experience
- 🏛️ Cultural storytelling
- 🌍 Premium brand identity
---
## 🚀 Features
- Elegant landing page with immersive hero section
- Restaurant concept & storytelling section
- Dynamic menu (déjeuner & spécialités)
- Smooth animations and transitions
- AI-powered assistant _(YamsBot / Virtual Sommelier)_ 🤖 _(optional)_
- Contact & reservation section
- Fully responsive (mobile / tablet / desktop)
---
## 🛠️ Tech Stack
- React
- TypeScript
- Vite
- TailwindCSS + custom CSS
- Node.js _(API – optional / in progress)_
---
## 📁 Project Structure
```
.
├── public # Static assets (favicon, etc.)
├── src
│ ├── components # UI components (Navbar, Hero, Menu, Footer...)
│ ├── pages # Main pages
│ ├── assets # Images & media
│ ├── styles # Global styles (luxury black & gold theme)
│ └── utils # Helper functions
├── .env.sample # Environment variables template
```
---
## ⚙️ Installation
Clone the project:
```
git clone
github.com
```
Install dependencies:
```
npm install
```
Run development server:
```
npm run dev
```
Build for production:
```
npm run build
```
Preview production:
```
npm run preview
```
---
## 🔐 Environment Variables
Create a `.env` file based on:
```
.env.sample
```
Example:
```
VITE_API_URL=
localhost
```
---
## 🔒 Security Notes
- Never commit `.env` files
- Validate all user inputs (forms, chatbot)
- …