refac

docusaurus.config.ts

@@ -5,7 +5,7 @@ import { themes as prismThemes } from "prism-react-renderer";
 
 const config: Config = {
 	title: "Open WebUI",
-	tagline: "ChatGPT-Style WebUI for LLMs (Formerly Ollama WebUI)",
+	tagline: "On a mission to build the best AI interface",
 	favicon: "images/favicon.png",
 
 	// Set the production url of your site here

src/components/Sponsors/TopBanner.tsx

@@ -10,14 +10,14 @@ export const TopBanner = ({ items }) => {
 
 						<a href={item.url} target="_blank">
 							<img
-								className="hidden w-full rounded-xl md:block"
+								className="hidden w-full rounded-xl md:block h-16 object-cover" 
 								loading="lazy"
 								alt={item.name}
 								src={item.imgSrc}
 							/>
 
 							<img
-								className="block w-full rounded-xl md:hidden"
+								className="block w-full rounded-xl md:hidden h-16 object-cover"
 								loading="lazy"
 								alt={item.name}
 								src={item?.mobileImgSrc || item.imgSrc}

src/components/TopBanners.tsx

@@ -16,7 +16,7 @@ export const TopBanners = () => {
 			url: "mailto:sales@openwebui.com?subject=Sponsorship Inquiry: Open WebUI",
 			name: "Open WebUI",
 			description:
-				"The top banner spot is reserved for only two Enterprise sponsors on a first-come, first-served basis",
+				"The top banner spot is reserved for Emerald+ Enterprise sponsors on a first-come, first-served basis",
 		},
 	];
 

src/theme/Layout.tsx

@@ -0,0 +1,21 @@
+
+import React from 'react';
+import Layout from '@theme-original/Layout';
+import { TopBanners } from '../components/TopBanners';
+
+export default function CustomLayout(props) {
+  return (
+    <>
+      {/* <div className=' z-[1000]' >
+        <div className='w-full flex justify-center'>
+            <div className=' px-2 py-1'>
+                <TopBanners />
+            </div>
+        </div>
+      </div> */}
+
+      {/* Render the original layout (which includes the navbar and the rest) */}
+      <Layout {...props} />
+    </>
+  );
+}