ajout de la box avec le profil + la barre de recherche

README.md

@@ -1,16 +1,67 @@
-# web
+# Travel Discovery App
 
-A new Flutter project.
+Une application Flutter moderne pour découvrir des destinations de voyage, inspirée d'un design élégant et moderne.
 
-## Getting Started
+## 🎨 Fonctionnalités
 
-This project is a starting point for a Flutter application.
+- **Interface moderne** : Design épuré avec des gradients et des ombres
+- **Header personnalisé** : Profil utilisateur avec notifications
+- **Section Hero** : Affichage spectaculaire du volcan Arenal avec effet de lave
+- **Barre de recherche** : Interface intuitive pour rechercher des destinations
+- **Thème personnalisé** : Couleurs et typographies cohérentes
 
-A few resources to get you started if this is your first Flutter project:
+## 🚀 Installation
 
-- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
+1. Assurez-vous d'avoir Flutter installé sur votre machine
+2. Clonez ce repository
+3. Naviguez vers le dossier du projet
+4. Installez les dépendances :
+   ```bash
+   flutter pub get
+   ```
 
-For help getting started with Flutter development, view the
-[online documentation](https://docs.flutter.dev/), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.
+## 🏃‍♂️ Lancement
+
+Pour lancer l'application :
+
+```bash
+flutter run
+```
+
+Pour lancer sur le web :
+```bash
+flutter run -d chrome
+```
+
+## 📱 Structure du projet
+
+```
+lib/
+├── main.dart                 # Point d'entrée de l'application
+├── theme/
+│   └── app_theme.dart       # Thème personnalisé avec couleurs et styles
+└── widgets/
+    ├── header_widget.dart    # Widget du header avec profil utilisateur
+    ├── hero_section_widget.dart # Widget de la section hero avec le volcan
+    └── search_bar_widget.dart   # Widget de la barre de recherche
+```
+
+## 🎨 Design
+
+L'application utilise :
+- **Couleurs** : Palette orange/rouge pour évoquer la lave du volcan
+- **Gradients** : Effets visuels pour simuler l'éruption volcanique
+- **Typographie** : Police moderne et lisible
+- **Ombres** : Effets de profondeur pour un design moderne
+
+## 🔧 Personnalisation
+
+Vous pouvez facilement personnaliser :
+- Les couleurs dans `lib/theme/app_theme.dart`
+- Les textes dans les widgets
+- Les gradients pour créer d'autres effets visuels
+- Les icônes et les images
+
+## 📄 Licence
+
+Ce projet est sous licence MIT.