1 files changed, 20 insertions, 0 deletions
diff --git a/src/lib/brand/components/BrandCard.jsx b/src/lib/brand/components/BrandCard.jsx
new file mode 100644
index 00000000..8783010e
--- /dev/null
+++ b/src/lib/brand/components/BrandCard.jsx
@@ -0,0 +1,20 @@
+import Image from "@/core/components/elements/Image/Image"
+import Link from "@/core/components/elements/Link/Link"
+import { createSlug } from "@/core/utils/slug"
+
+const BrandCard = ({ brand }) => {
+  return (
+    <Link 
+      href={createSlug('/shop/brands/', brand.name, brand.id)} 
+      className="py-1 px-2 rounded border border-gray_r-6"
+    >
+      <Image 
+        src={brand.logo}
+        alt={brand.name}
+        className="h-10 object-contain object-center"
+      />
+    </Link>
+  )
+}
+
+export default BrandCard
+\ No newline at end of file