Add search bar on homepage hero section, redirects to /evenements

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

TASK_CHECKUP.md

@@ -31,7 +31,7 @@
 
 ### UX & Pages
 - [ ] Page /tarifs : détailler les 3 offres (free/basic/custom) avec les prix
-- [ ] Ajouter la recherche d'événements sur la homepage
+- [x] Ajouter la recherche d'événements sur la homepage
 - [x] Ajouter le filtrage par date/ville sur /evenements
 - [x] Responsive : pages publiques OK à 320px (flex-wrap, overflow-x-auto, breakpoints)
 - [x] Ajouter les métadonnées OpenGraph sur toutes les pages publiques (og:title, og:description, og:type, og:url, og:image, twitter:card)

templates/home/index.html.twig

@@ -21,7 +21,7 @@
                 Vendez vos billets, gerez vos evenements et simplifiez votre organisation. Simple, securise, transparent.
             </p>
 
-            <div class="flex flex-col sm:flex-row justify-center gap-4 md:gap-6">
+            <div class="flex flex-col sm:flex-row justify-center gap-4 md:gap-6 mb-8 md:mb-12">
                 <a href="{{ path('app_register') }}" class="group relative px-6 py-4 md:px-10 md:py-6 bg-yellow-400 text-gray-900 font-black uppercase italic tracking-widest text-sm md:text-base border-4 border-gray-900 shadow-[6px_6px_0px_rgba(0,0,0,1)] md:shadow-[8px_8px_0px_rgba(0,0,0,1)] hover:shadow-none hover:translate-x-2 hover:translate-y-2 transition-all">
                     Creer mon evenement
                 </a>
@@ -29,6 +29,11 @@
                     Trouver un evenement
                 </a>
             </div>
+
+            <form method="get" action="{{ path('app_events') }}" class="max-w-xl mx-auto flex gap-3">
+                <input type="text" name="q" class="flex-1 px-4 py-3 border-4 border-gray-900 font-bold text-sm not-italic shadow-[4px_4px_0px_rgba(0,0,0,1)] focus:outline-none focus:border-indigo-600" placeholder="Rechercher un evenement, une ville...">
+                <button type="submit" class="px-6 py-3 border-4 border-gray-900 bg-gray-900 text-white font-black uppercase text-xs tracking-widest shadow-[4px_4px_0px_rgba(0,0,0,0.3)] hover:bg-indigo-600 transition-all cursor-pointer">Rechercher</button>
+            </form>
         </div>
     </section>