add ads for pro

components/spaces/index.tsx

@@ -63,6 +63,17 @@ export const Spaces: React.FC<{ spaces: SpaceProps[] }> = ({ spaces }) => {
   return (
     <section id="app" className="flex h-screen overflow-auto">
       <div className="w-full container px-6 py-10 lg:py-20 mx-auto space-y-10 lg:space-y-14">
+        <div className="lg:absolute lg:top-5 lg:right-5 rounded-lg p-[3px] lg:max-w-sm bg-gradient-to-br from-pink-300 via-green-200 to-yellow-200 shadow-lg z-[9999]">
+          <p className="bg-white dark:bg-slate-900 rounded-md p-5 text-sm text-gray-500 dark:text-slate-500">
+            <a
+              href="https://huggingface.co/settings/billing/subscription#subscribe"
+              className="underline text-gray-600 dark:text-slate-400 hover:text-gray-700 dark:hover:text-slate-200"
+            >
+              Elevate your experience with PRO
+            </a>
+            , unlocking a 5x usage quota and the highest GPU queue priority.
+          </p>
+        </div>
         <header className="max-w-5xl mx-auto w-full flex-col items-start flex gap-5 lg:gap-10">
           <div>
             <div className="mb-6 flex items-center justify-start gap-2.5">