Update README.md

README.md

@@ -6,7 +6,149 @@ colorTo: yellow
 sdk: static
 pinned: false
 ---
-
-<div class="not-prose bg-gradient-to-r from-gray-50 to-gray-500 text-gray-900 border" style="border-radius: 8px; padding: 0.5rem 1rem;">
-Please see Community for announcements (containing content updates).
+<div class="0 container relative mx-auto mb-16 flex max-w-5xl flex-col items-center justify-center text-balance pt-28 text-center sm:mb-24 2xl:mb-32 2xl:max-w-6xl 2xl:pt-40">
+   <svg class="text-6xl absolute top-16 left-12 sm:left-24 animate__bounce [animation-duration:12s] dark:text-gray-500" style="--rotation-angle: 90deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+      <path class="uim-quaternary" d="M20.23 7.24L12 12L3.77 7.24a1.98 1.98 0 0 1 .7-.71L11 2.76c.62-.35 1.38-.35 2 0l6.53 3.77c.29.173.531.418.7.71z" opacity=".25" fill="currentColor"></path>
+      <path class="uim-tertiary" d="M12 12v9.5a2.09 2.09 0 0 1-.91-.21L4.5 17.48a2.003 2.003 0 0 1-1-1.73v-7.5a2.06 2.06 0 0 1 .27-1.01L12 12z" opacity=".5" fill="currentColor"></path>
+      <path class="uim-primary" d="M20.5 8.25v7.5a2.003 2.003 0 0 1-1 1.73l-6.62 3.82c-.275.13-.576.198-.88.2V12l8.23-4.76c.175.308.268.656.27 1.01z" fill="currentColor"></path>
+   </svg>
+   <svg class="text-4xl absolute top-40 left-0 animate__bounce [animation-duration:9s] dark:text-gray-500" style="--rotation-angle: 12deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 25 25">
+      <ellipse cx="12.5" cy="5" fill="currentColor" fill-opacity="0.25" rx="7.5" ry="2"></ellipse>
+      <path d="M12.5 15C16.6421 15 20 14.1046 20 13V20C20 21.1046 16.6421 22 12.5 22C8.35786 22 5 21.1046 5 20V13C5 14.1046 8.35786 15 12.5 15Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M12.5 7C16.6421 7 20 6.10457 20 5V11.5C20 12.6046 16.6421 13.5 12.5 13.5C8.35786 13.5 5 12.6046 5 11.5V5C5 6.10457 8.35786 7 12.5 7Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M5.23628 12C5.08204 12.1598 5 12.8273 5 13C5 14.1046 8.35786 15 12.5 15C16.6421 15 20 14.1046 20 13C20 12.8273 19.918 12.1598 19.7637 12C18.9311 12.8626 15.9947 13.5 12.5 13.5C9.0053 13.5 6.06886 12.8626 5.23628 12Z" fill="currentColor"></path>
+   </svg>
+   <svg class="text-6xl absolute bottom-24 -left-16 animate__bounce [animation-duration:11s] dark:text-gray-500" style="--rotation-angle: -16deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+      <path class="uim-quaternary" d="M20.23 7.24L12 12L3.77 7.24a1.98 1.98 0 0 1 .7-.71L11 2.76c.62-.35 1.38-.35 2 0l6.53 3.77c.29.173.531.418.7.71z" opacity=".25" fill="currentColor"></path>
+      <path class="uim-tertiary" d="M12 12v9.5a2.09 2.09 0 0 1-.91-.21L4.5 17.48a2.003 2.003 0 0 1-1-1.73v-7.5a2.06 2.06 0 0 1 .27-1.01L12 12z" opacity=".5" fill="currentColor"></path>
+      <path class="uim-primary" d="M20.5 8.25v7.5a2.003 2.003 0 0 1-1 1.73l-6.62 3.82c-.275.13-.576.198-.88.2V12l8.23-4.76c.175.308.268.656.27 1.01z" fill="currentColor"></path>
+   </svg>
+   <svg class="text-7xl sm:text-9xl absolute bottom-6 sm:-bottom-12 -left-6 sm:left-12 animate__bounce [animation-duration:7s] dark:text-gray-500" style="--rotation-angle: -30deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 25 25">
+      <ellipse cx="12.5" cy="5" fill="currentColor" fill-opacity="0.25" rx="7.5" ry="2"></ellipse>
+      <path d="M12.5 15C16.6421 15 20 14.1046 20 13V20C20 21.1046 16.6421 22 12.5 22C8.35786 22 5 21.1046 5 20V13C5 14.1046 8.35786 15 12.5 15Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M12.5 7C16.6421 7 20 6.10457 20 5V11.5C20 12.6046 16.6421 13.5 12.5 13.5C8.35786 13.5 5 12.6046 5 11.5V5C5 6.10457 8.35786 7 12.5 7Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M5.23628 12C5.08204 12.1598 5 12.8273 5 13C5 14.1046 8.35786 15 12.5 15C16.6421 15 20 14.1046 20 13C20 12.8273 19.918 12.1598 19.7637 12C18.9311 12.8626 15.9947 13.5 12.5 13.5C9.0053 13.5 6.06886 12.8626 5.23628 12Z" fill="currentColor"></path>
+   </svg>
+   <svg class="text-9xl absolute top-0 sm:top-12 right-12 animate__bounce [animation-duration:13s] dark:text-gray-500" style="--rotation-angle: -45deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+      <path class="uim-quaternary" d="M20.23 7.24L12 12L3.77 7.24a1.98 1.98 0 0 1 .7-.71L11 2.76c.62-.35 1.38-.35 2 0l6.53 3.77c.29.173.531.418.7.71z" opacity=".25" fill="currentColor"></path>
+      <path class="uim-tertiary" d="M12 12v9.5a2.09 2.09 0 0 1-.91-.21L4.5 17.48a2.003 2.003 0 0 1-1-1.73v-7.5a2.06 2.06 0 0 1 .27-1.01L12 12z" opacity=".5" fill="currentColor"></path>
+      <path class="uim-primary" d="M20.5 8.25v7.5a2.003 2.003 0 0 1-1 1.73l-6.62 3.82c-.275.13-.576.198-.88.2V12l8.23-4.76c.175.308.268.656.27 1.01z" fill="currentColor"></path>
+   </svg>
+   <svg class="text-5xl absolute top-40 2xl:top-52 -right-12 animate__bounce [animation-duration:7s] dark:text-gray-500" style="--rotation-angle: -12deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 25 25">
+      <ellipse cx="12.5" cy="5" fill="currentColor" fill-opacity="0.25" rx="7.5" ry="2"></ellipse>
+      <path d="M12.5 15C16.6421 15 20 14.1046 20 13V20C20 21.1046 16.6421 22 12.5 22C8.35786 22 5 21.1046 5 20V13C5 14.1046 8.35786 15 12.5 15Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M12.5 7C16.6421 7 20 6.10457 20 5V11.5C20 12.6046 16.6421 13.5 12.5 13.5C8.35786 13.5 5 12.6046 5 11.5V5C5 6.10457 8.35786 7 12.5 7Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M5.23628 12C5.08204 12.1598 5 12.8273 5 13C5 14.1046 8.35786 15 12.5 15C16.6421 15 20 14.1046 20 13C20 12.8273 19.918 12.1598 19.7637 12C18.9311 12.8626 15.9947 13.5 12.5 13.5C9.0053 13.5 6.06886 12.8626 5.23628 12Z" fill="currentColor"></path>
+   </svg>
+   <svg class="text-7xl absolute bottom-16 right-0 animate__bounce [animation-duration:12s] dark:text-gray-500" style="--rotation-angle: 45deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+      <path class="uim-quaternary" d="M20.23 7.24L12 12L3.77 7.24a1.98 1.98 0 0 1 .7-.71L11 2.76c.62-.35 1.38-.35 2 0l6.53 3.77c.29.173.531.418.7.71z" opacity=".25" fill="currentColor"></path>
+      <path class="uim-tertiary" d="M12 12v9.5a2.09 2.09 0 0 1-.91-.21L4.5 17.48a2.003 2.003 0 0 1-1-1.73v-7.5a2.06 2.06 0 0 1 .27-1.01L12 12z" opacity=".5" fill="currentColor"></path>
+      <path class="uim-primary" d="M20.5 8.25v7.5a2.003 2.003 0 0 1-1 1.73l-6.62 3.82c-.275.13-.576.198-.88.2V12l8.23-4.76c.175.308.268.656.27 1.01z" fill="currentColor"></path>
+   </svg>
+   <svg class="text-8xl absolute max-sm:hidden -bottom-12 right-24 animate__bounce [animation-duration:9s] dark:text-gray-500" style="--rotation-angle: 12deg;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 25 25">
+      <ellipse cx="12.5" cy="5" fill="currentColor" fill-opacity="0.25" rx="7.5" ry="2"></ellipse>
+      <path d="M12.5 15C16.6421 15 20 14.1046 20 13V20C20 21.1046 16.6421 22 12.5 22C8.35786 22 5 21.1046 5 20V13C5 14.1046 8.35786 15 12.5 15Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M12.5 7C16.6421 7 20 6.10457 20 5V11.5C20 12.6046 16.6421 13.5 12.5 13.5C8.35786 13.5 5 12.6046 5 11.5V5C5 6.10457 8.35786 7 12.5 7Z" fill="currentColor" opacity="0.5"></path>
+      <path d="M5.23628 12C5.08204 12.1598 5 12.8273 5 13C5 14.1046 8.35786 15 12.5 15C16.6421 15 20 14.1046 20 13C20 12.8273 19.918 12.1598 19.7637 12C18.9311 12.8626 15.9947 13.5 12.5 13.5C9.0053 13.5 6.06886 12.8626 5.23628 12Z" fill="currentColor"></path>
+   </svg>
+   <div class="mb-6 flex items-center justify-center font-mono text-xl">
+      <div class="rounded-xs bg-linear-to-t mr-3 h-4 w-1 from-black to-transparent text-gray-500 dark:from-white/40"></div>
+      Unpaper
+   </div>
+   <h1 class="mb-12 max-w-[85dvw] text-4xl font-semibold lg:text-5xl 2xl:text-6xl">Use paper as a Hugging Face Spaces!
+   </h1>
+   <div class="flex flex-col items-center gap-3">
+      <div class="SVELTE_HYDRATER contents" data-target="EnterpriseSubscriptionQuickLink" data-props="{&quot;loggedIn&quot;:true,&quot;organizations&quot;:[{&quot;_id&quot;:&quot;67c064afed965e5a9bfb5ab4&quot;,&quot;avatarUrl&quot;:&quot;https://cdn-avatars.huggingface.co/v1/production/uploads/639ee12f0d679f53942e060f/iA_5etv9HgtlRn0ATe5Vj.png&quot;,&quot;fullname&quot;:&quot;Unpaper&quot;,&quot;name&quot;:&quot;unpaper&quot;,&quot;followerCount&quot;:3,&quot;orgType&quot;:&quot;community&hquot;type&quot;:&quot;org&quot;,&quot;isHf&quot;:false},{&quot;_id&quot;:&quot;67dac92138fdd773be2f11a5&quot;,&quot;avatarUrl&quot;:&quot;https://cdn-avatars.huggingface.co/v1/production/uploads/639ee12f0d679f53942e060f/FI8mCXzm_LuAJ00DN4TwO.png&quot;,&quot;fullname&quot;:&quot;Universe of ML&quot;,&quot;name&quot;:&quot;universeofml&quot;,&quot;followerCount&quot;:1,&quot;orgType&quot;:&quot;non-profit&quot;,&quot;type&quot;:&quot;org&quot;,&quot;isHf&quot;:false}]}">
+         <button class="flex items-center gap-1.5 whitespace-nowrap rounded-full bg-black px-6 py-1.5 text-lg text-white ring-1 ring-gray-300 ring-offset-4 transition-all hover:ring-black hover:ring-offset-[5px] dark:bg-gray-300 dark:text-black dark:ring-gray-300 dark:ring-offset-gray-950">
+         New
+         </button>
+      </div>
+      <p class="text-gray-500">Requirements for you've have PDF</p>
+   </div>
 </div>
+<div class="container grid pb-12 pt-10">
+   <h1 class="mb-8 flex items-center text-2xl font-semibold">
+      <svg class="mr-1.5 text-gray-400 text-3xl" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="img" width="1em" height="1em" viewBox="0 0 32 32">
+         <path fill-rule="evenodd" clip-rule="evenodd" d="M5.44971 14.5964L5.44977 19.5221L5.44971 19.5321L5.44977 19.5422V19.6062H5.4533C5.59676 21.0844 10.0242 22.2706 15.465 22.2706C20.9057 22.2706 25.3332 21.0844 25.4767 19.6062H25.4803L25.4802 14.8524L15.7373 17.5754L5.44971 14.5964Z" fill="currentColor" fill-opacity="0.8"></path>
+         <path fill-rule="evenodd" clip-rule="evenodd" d="M1.16846 11.7412L15.7374 15.9487L30.832 11.7412V13.3494H30.8069L30.832 13.3566L15.7374 17.5754L1.16846 13.3566L1.1927 13.3494H1.16846V11.7412ZM1.16846 11.7412V11.7412L1.16849 11.7412L1.16846 11.7412ZM1.16846 11.7412V11.6674H1.41519L1.16846 11.7412ZM30.5764 11.6674H30.832V11.7412L30.5764 11.6674Z" fill="currentColor" fill-opacity="0.5"></path>
+         <path fill-rule="evenodd" clip-rule="evenodd" d="M3.02827 18.7976C3.398 17.0129 4.40214 15.3593 5.21357 14.3777L5.68497 14.7674C4.91639 15.6971 3.97099 17.2621 3.62717 18.9216C3.28615 20.5676 3.53867 22.2742 5.1103 23.5887C5.88204 24.2342 6.92784 24.5392 8.1691 24.6236C9.40985 24.7079 10.8132 24.5697 12.2706 24.3583C12.9462 24.2603 13.6292 24.1473 14.3104 24.0346C14.3626 24.0259 14.4148 24.0173 14.467 24.0087C15.1987 23.8877 15.9275 23.7684 16.6346 23.6714C18.0439 23.4782 19.3924 23.3696 20.5369 23.5201L20.4572 24.1265C19.3982 23.9872 18.1177 24.0854 16.7176 24.2774C16.0201 24.373 15.2991 24.491 14.5667 24.6121C14.5143 24.6208 14.4618 24.6295 14.4093 24.6382C13.7292 24.7507 13.0404 24.8647 12.3583 24.9636C10.8913 25.1764 9.43547 25.3227 8.12763 25.2338C6.8203 25.145 5.62813 24.8191 4.71791 24.0579C2.92563 22.5589 2.65573 20.5957 3.02827 18.7976Z" fill="currentColor"></path>
+         <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4304 24.1128L20.5291 23.5358L28.0463 24.2759L27.9888 24.8599L27.966 24.8577L27.8807 25.3377L27.8992 25.3422L27.7593 25.9121L20.4304 24.1128Z" fill="currentColor" fill-opacity="0.25"></path>
+         <path d="M15.7374 15.9487L1.16846 11.7412L15.7374 7.38605L30.832 11.7412L15.7374 15.9487Z" fill="currentColor" fill-opacity="0.25"></path>
+      </svg>
+      Learn (by Hugging Face)
+   </h1>
+   <nav class="no-underline grid grid-cols-1 gap-8 md:grid-cols-2">
+      <a href="/learn/nlp-course" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/transformers-learn.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">NLP Course</h2>
+            <div class="text-gray-500">This course will teach you about natural language processing using libraries from the HF ecosystem
+            </div>
+         </div>
+      </a>
+      <a href="/learn/agents-course" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/agents-course/thumbnail.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">Agents Course</h2>
+            <div class="text-gray-500">Learn to build and deploy your own AI agents
+            </div>
+         </div>
+      </a>
+      <a href="/learn/deep-rl-course" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/huggy-learn.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">Deep RL Course</h2>
+            <div class="text-gray-500">This course will teach you about deep reinforcement learning using libraries from the HF ecosystem
+            </div>
+         </div>
+      </a>
+      <a href="/learn/computer-vision-course" target="_self" style="background-image: url('https://huggingface.co/datasets/hf-vision/course-assets/resolve/main/cv-thumbnail.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">Community Computer Vision Course</h2>
+            <div class="text-gray-500">This course will teach you about computer vision ML using libraries and models from the HF ecosystem
+            </div>
+         </div>
+      </a>
+      <a href="/learn/audio-course" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/audio-learn.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">Audio Course</h2>
+            <div class="text-gray-500">Learn to apply transformers to audio data using libraries from the HF ecosystem
+            </div>
+         </div>
+      </a>
+      <a href="/learn/cookbook" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/cookbook.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">Open-Source AI Cookbook</h2>
+            <div class="text-gray-500">A collection of open-source-powered notebooks by AI builders, for AI builders
+            </div>
+         </div>
+      </a>
+      <a href="/learn/ml-games-course" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/ml-for-games.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">ML for Games Course</h2>
+            <div class="text-gray-500">This course will teach you about integrating AI models your game and using AI tools in your game development workflow
+            </div>
+         </div>
+      </a>
+      <a href="/learn/diffusion-course" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/diffusion-course/diffusion-learn.jpg');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">Diffusion Course</h2>
+            <div class="text-gray-500">Learn about diffusion models &amp; how to use them with diffusers
+            </div>
+         </div>
+      </a>
+      <a href="/learn/ml-for-3d-course" target="_self" style="background-image: url('https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/ml-for-3d-course/thumbnail.png');" class="shadow-xs group relative flex h-80 flex-col overflow-hidden rounded-xl border border-gray-100 bg-gray-100 bg-cover bg-bottom p-6 dark:bg-gray-600">
+         <div class="no-underline bg-linear-to-tr absolute inset-0 from-white to-white/0 dark:from-gray-925 dark:to-gray-925/0"></div>
+         <div class="relative mt-auto max-w-[260px]">
+            <h2 class="mb-3 text-2xl font-semibold group-hover:underline">ML for 3D Course</h2>
+            <div class="text-gray-500">Learn about 3D ML with libraries from the HF ecosystem
+            </div>
+         </div>
+      </a>
+   </nav>
+</div>