grandelagbanou28-gif/visit-benin

# 🌍 Visit Benin – Plateforme Touristique Immersive > Site web premium présentant le Bénin : culture, gastronomie, artisanat, Vodun et tourisme. --- ## 📦 Structure du projet ``` visit-benin/ ├── index.html # Page principale (tout-en-un) ├── contact.php # Backend formulaire de contact └── README.md # Ce fichier ``` --- ## ✨ Fonctionnalités | Fonctionnalité | Status | |---|---| | Hero avec Three.js (globe 3D + particules) | ✅ | | Dark / Light Mode | ✅ | | Navbar fixe + Mobile Menu | ✅ | | Curseur custom animé | ✅ | | Scroll Progress Bar | ✅ | | Animations GSAP (ScrollTrigger) | ✅ | | Galerie Masonry + Lightbox | ✅ | | Formulaire de contact | ✅ | | Marquee animé (Artisanat) | ✅ | | Loader écran de chargement | ✅ | | SEO meta tags | ✅ | | Responsive (mobile/tablet/desktop) | ✅ | --- ## 🚀 Déploiement ### Option 1 – Vercel (recommandé) ```bash npm i -g vercel cd visit-benin vercel ``` > ⚠️ Le fichier `contact.php` ne fonctionnera pas sur Vercel (Node.js only). > Utilisez un service comme Formspree ou EmailJS pour remplacer le backend PHP. ### Option 2 – Hébergement PHP classique Compatible avec cPanel, OVH, Infomaniak, etc. 1. Uploader tous les fichiers via FTP 2. Configurer `RECIPIENT_EMAIL` dans `contact.php` 3. Vérifier que `mail()` est activé sur le serveur ### Option 3 – Netlify (front-end seulement) ```bash # Drag & drop le dossier sur netlify.com ``` Utilisez Netlify Forms pour remplacer le PHP. --- ## 🛠 Technologies - **HTML5** sémantique - **CSS3** avancé (Variables, Glassmorphism, Animations) - **JavaScript ES6+** moderne - **Three.js r128** – Globe 3D + particules - **GSAP 3.12** + **ScrollTrigger** – Animations scroll - **PHP 8+** – Formulaire de contact - **OpenStreetMap** – Carte interactive --- ## 🎨 Palette de Couleurs ```css --gold: #D4A843 /* Or Bénin */ --red: #C8372D /* Rouge drapeau */ --green: #2D6E3E /* Vert drapeau */ --terracotta: #B5501A /* Terre d'Afrique */ ``` --- ## 📝 Co …