feat: implement core platform features including business directory, admin dashboard, authentication, and API infrastructure

app/page.tsx

@@ -78,12 +78,16 @@ const HomePage = () => {
         <h2 className="text-3xl font-bold text-gray-900 mb-8 font-serif">Secteurs en vedette</h2>
         <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
           {CATEGORIES.slice(0, 4).map((cat, idx) => (
-            <div key={idx} className="group cursor-pointer bg-white p-6 rounded-xl border border-gray-100 shadow-sm hover:shadow-md hover:border-brand-200 transition-all text-center">
+            <Link 
+              key={idx} 
+              href={`/annuaire?category=${encodeURIComponent(cat)}`}
+              className="group cursor-pointer bg-white p-6 rounded-xl border border-gray-100 shadow-sm hover:shadow-md hover:border-brand-200 transition-all text-center"
+            >
               <div className="w-12 h-12 bg-brand-50 text-brand-600 rounded-full flex items-center justify-center mx-auto mb-4 group-hover:bg-brand-600 group-hover:text-white transition-colors">
                 <Briefcase className="w-6 h-6" />
               </div>
               <h3 className="font-semibold text-gray-900">{cat}</h3>
-            </div>
+            </Link>
           ))}
         </div>
       </div>