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)
- β¦