doc: top banner for all index

src/components/TopBanners.js

@@ -0,0 +1,26 @@
+import { TopBanner } from "@site/src/components/Sponsors/TopBanner";
+
+export const TopBanners = () => {
+  return (
+    <TopBanner
+      items={[
+        {
+          imgSrc: "/ads/pipelines-banner.png",
+          mobileImgSrc: "/ads/pipelines-banner-mobile.png",
+          url: "https://github.com/open-webui/pipelines",
+          name: "Open WebUI Pipelines",
+          description:
+            "Pipelines: Versatile, UI-Agnostic OpenAI-Compatible Plugin Framework",
+        },
+        {
+          imgSrc: "/ads/placeholder.png",
+          mobileImgSrc: "/ads/placeholder-mobile.png",
+          url: "https://github.com/sponsors/tjbck",
+          name: "Open WebUI",
+          description:
+            "The top banner spot is reserved for only two Enterprise Diamond sponsors on a first-come, first-served basis",
+        },
+      ]}
+    />
+  );
+};