fix de la barre de recherche pour la passer en transprent et fix le bouton de setting

README.md

@@ -1,67 +0,0 @@
-# Travel Discovery App
-
-Une application Flutter moderne pour découvrir des destinations de voyage, inspirée d'un design élégant et moderne.
-
-## 🎨 Fonctionnalités
-
-- **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
-
-## 🚀 Installation
-
-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
-   ```
-
-## 🏃‍♂️ 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.

lib/widgets/hero_section_widget.dart

@@ -202,11 +202,15 @@ class HeroSectionWidget extends StatelessWidget {
             child: Container(
               padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 4),
               decoration: BoxDecoration(
-                color: Colors.white.withOpacity(0.9),
+                color: Colors.black.withOpacity(0.3),
                 borderRadius: BorderRadius.circular(16),
+                border: Border.all(
+                  color: Colors.white.withOpacity(0.2),
+                  width: 1,
+                ),
                 boxShadow: [
                   BoxShadow(
-                    color: Colors.black.withOpacity(0.1),
+                    color: Colors.black.withOpacity(0.2),
                     blurRadius: 10,
                     offset: const Offset(0, 4),
                   ),
@@ -216,7 +220,7 @@ class HeroSectionWidget extends StatelessWidget {
                 children: [
                   Icon(
                     Icons.search,
-                    color: AppTheme.textSecondary,
+                    color: Colors.white.withOpacity(0.8),
                     size: 24,
                   ),
                   const SizedBox(width: 12),
@@ -224,7 +228,7 @@ class HeroSectionWidget extends StatelessWidget {
                     child: Text(
                       'Search your destination...',
                       style: Theme.of(context).textTheme.bodyLarge?.copyWith(
-                        color: AppTheme.textSecondary,
+                        color: Colors.white.withOpacity(0.8),
                       ),
                     ),
                   ),
@@ -232,13 +236,17 @@ class HeroSectionWidget extends StatelessWidget {
                     width: 40,
                     height: 40,
                     decoration: BoxDecoration(
-                      color: Colors.grey.shade100,
+                      color: Colors.white,
                       borderRadius: BorderRadius.circular(12),
+                      border: Border.all(
+                        color: Colors.white.withOpacity(0.3),
+                        width: 1,
+                      ),
                     ),
                     child: Icon(
                       Icons.tune,
-                      color: AppTheme.textSecondary,
-                      size: 20,
+                      color: Colors.black,
+                      size: 30,
                     ),
                   ),
                 ],