feat: open contact modal from vendor card

src/sections/Vendors.tsx

@@ -8,15 +8,22 @@ interface Vendor {
 
 interface VendorsProps {
   vendors?: Vendor[]
+  onVendorLearnMore?: (vendorName?: string) => void
 }
 
-export function Vendors({ vendors }: VendorsProps) {
+export function Vendors({ vendors, onVendorLearnMore }: VendorsProps) {
   if (vendors && vendors.length > 0) {
     return (
       <div className="max-w-400 mx-auto px-6 xl:px-12 2xl:px-16 py-20">
         <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
           {vendors.map(({ name, description, products }, index) => (
-            <VendorCard key={index} name={name} description={description} products={products} />
+            <VendorCard
+              key={index}
+              name={name}
+              description={description}
+              products={products}
+              onLearnMore={onVendorLearnMore}
+            />
           ))}
         </div>
       </div>