feat: implement business detail client view with interactive features including rating, favoriting, messaging, and analytics tracking

app/HomeClient.tsx

@@ -19,6 +19,7 @@ const HomeClient = ({ initialFeatured, initialPosts, initialCategories }: Props)
   const router = useRouter();
   const { user, settings } = useUser();
   const [searchTerm, setSearchTerm] = useState('');
+  const [locationTerm, setLocationTerm] = useState('');
   const [featuredBusinesses, setFeaturedBusinesses] = useState<Business[]>(initialFeatured);
   const [posts, setPosts] = useState<BlogPost[]>(initialPosts);
   const [categories, setCategories] = useState<any[]>(initialCategories);
@@ -27,7 +28,10 @@ const HomeClient = ({ initialFeatured, initialPosts, initialCategories }: Props)
 
   const handleSearch = (e: React.FormEvent) => {
     e.preventDefault();
-    router.push(`/annuaire?q=${searchTerm}`);
+    const params = new URLSearchParams();
+    if (searchTerm) params.append('q', searchTerm);
+    if (locationTerm) params.append('location', locationTerm);
+    router.push(`/annuaire?${params.toString()}`);
   };
 
   return (
@@ -59,7 +63,13 @@ const HomeClient = ({ initialFeatured, initialPosts, initialCategories }: Props)
             </div>
             <div className="md:w-1/3 relative border-t md:border-t-0 md:border-l border-gray-200">
               <MapPin className="absolute left-3 top-3 text-gray-400 w-5 h-5" />
-              <input type="text" placeholder="Localisation (ex: Abidjan)" className="w-full pl-10 pr-4 py-3 rounded-md focus:outline-none text-gray-900" />
+              <input 
+                type="text" 
+                placeholder="Localisation (ex: Abidjan)" 
+                className="w-full pl-10 pr-4 py-3 rounded-md focus:outline-none text-gray-900"
+                value={locationTerm}
+                onChange={(e) => setLocationTerm(e.target.value)}
+              />
             </div>
             <button type="submit" className="bg-brand-600 text-white px-8 py-3 rounded-md font-semibold hover:bg-brand-700 transition-colors">
               Rechercher