🦷 Dr. Nawres Ben Salah — Dental Clinic Platform

A premium, high-fidelity web platform for Cabinet Dr. Nawres Ben Salah, a modern dental clinic located in La Marsa, Tunis. Designed with a focus on luxury aesthetics, smooth animations, and seamless user experience.

---

✨ Key Features

• 💎 Premium Design System: Custom glassmorphism aesthetic with a sophisticated color palette (#253F31, #5E876C).
• 📅 Interactive Booking: A custom-built, multi-step reservation system featuring a dynamic calendar, time-slot selection, and automated summary.
• 🌍 Trilingual Support: Full internationalization for French, English, and Arabic using a centralized dictionary (translations.ts) with RTL (Right-to-Left) layout switching.
• 📱 Ultra-Responsive: Optimized for all devices, including a unique "card-stacking" animation for mobile services and glassmorphism UI.
• ⚡ High Performance: Built with Vite 8 and React 19 for near-instant load times and efficient HMR.
• 🎨 Motion Experience: Smooth reveals and micro-interactions powered by Framer Motion.
• 📍 Integrated Map & Schedule: Live Google Maps integration and dynamic working hours display.

---

🛠️ Tech Stack

• Frontend: React 19, TypeScript
• Build Tool: Vite 8
• Styling: Tailwind CSS v4
• Animations: Framer Motion
• Components: Radix UI, Shadcn UI
• Icons: Lucide React
• Routing: React Router 7
• Utilities: clsx, tailwind-merge, date-fns, sonner (Toasts), vaul (Drawers)

---

🚀 Getting Started

Prerequisites

• Node.js (Latest LTS recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Escgot/nbs-dental.git

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Building for Production

npm run build

---

📂 Project Structure

src/
├── components/       # Reusable UI components (Hero, Navbar, etc.)
├── ui/               # Base UI components (Radix/Shadcn)
├── Reservation/      # Booking system logic and styles
├── translations.ts   # i18n dictionary (FR, EN, AR)
├── App.tsx           # Main application entry
└── main.tsx          # Vite entry point

---

👨‍⚕️ About the Clinic

Dr. Nawres Ben Salah is a specialist in restorative and aesthetic dentistry. The clinic offers high-end services including:

• 🦷 Preventive Care & Scaling
• 💎 Dental Veneers (Ceramic)
• 🦷 Invisible Aligners
• ✨ Professional Teeth Whitening
• 🏗️ Dental Implants & Ceramic Crowns

Location: Immeuble Kmar Médical Center, La Marsa, Tunis.

---

📄 License

Private Project - All rights reserved.