refactor: extract sections

src/sections/Vendors.tsx

@@ -0,0 +1,25 @@
+import { VendorCard } from '../components/VendorCard'
+
+interface Vendor {
+  name?: string
+  description?: string
+  products?: string[]
+}
+
+interface VendorsProps {
+  vendors?: Vendor[]
+}
+
+export function Vendors({ vendors }: 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} />
+          ))}
+        </div>
+      </div>
+    )
+  }
+}