feat: sponsors

src/components/Sponsors/TopBanner.js

@@ -0,0 +1,28 @@
+export const TopBanner = ({ items }) => {
+  return (
+    <div className="pb-4">
+      {items.map((item) => (
+        <>
+          <div className="mb-2">
+            <div className="text-xs text-gray-500 dark:text-gray-400 font-bold underline mb-1">
+              Sponsored by {item.name}
+            </div>
+
+            <a href={item.url} target="_blank">
+              <img
+                className="w-full rounded-xl"
+                loading="lazy"
+                alt={item.name}
+                src={item.imgSrc}
+              />
+            </a>
+
+            <div className="text-right text-[0.6rem] text-gray-500 dark:text-gray-400 font-bold -mt-1 line-clamp-1">
+              {item.description}
+            </div>
+          </div>
+        </>
+      ))}
+    </div>
+  );
+};