save avant prochaine modif

components/DirectoryHero.tsx

@@ -1,6 +1,6 @@
 
 import React from 'react';
-import { Link } from 'react-router-dom';
+import Link from 'next/link';
 import { User as UserIcon, Award, Briefcase, MapPin, ArrowRight } from 'lucide-react';
 import { Business } from '../types';
 
@@ -75,7 +75,7 @@ const DirectoryHero = ({ featuredBusiness }: { featuredBusiness: Business }) =>
 
             <div className="flex flex-col sm:flex-row gap-4">
               <Link 
-                to={`/directory/${featuredBusiness.id}`}
+                href={`/directory/${featuredBusiness.id}`}
                 className="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-brand-600 hover:bg-brand-700 shadow-lg hover:shadow-xl transition-all"
               >
                 Voir la fiche complète