feat: implement SEO enhancements, automatic slug generation, and font optimizations

components/BusinessCard.tsx

@@ -52,6 +52,9 @@ const BusinessCard: React.FC<{ business: Business }> = ({ business }) => {
                 src={`https://picsum.photos/seed/${business.id}/500/300`} 
                 alt="Couverture" 
                 className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105"
+                width={500}
+                height={300}
+                loading="lazy"
             />
             <div className="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div>
             
@@ -98,7 +101,7 @@ const BusinessCard: React.FC<{ business: Business }> = ({ business }) => {
 
             {/* Logo */}
             <div className="absolute -bottom-6 left-4 z-10 w-16 h-16 bg-white rounded-lg p-1 shadow-md">
-                <img src={business.logoUrl} alt={business.name} className="w-full h-full object-cover rounded-md bg-gray-50" />
+                <img src={business.logoUrl} alt={business.name} className="w-full h-full object-cover rounded-md bg-gray-50" width={64} height={64} loading="lazy" />
             </div>
 
             <Link href={`/annuaire/${business.slug || business.id}`} className="absolute inset-0 z-0" aria-label={`Voir ${business.name}`} />