Add use cases footer

Author: yatarkan

site/src/pages/_sections/UseCasesSection/index.tsx

@@ -2,6 +2,7 @@ import styles from './styles.module.css';
 
 import Heading from '@theme/Heading';
 
+import Link from '@docusaurus/Link';
 import { ImageGeneration } from './components/image-generation';
 import { ImageProcessing } from './components/image-processing';
 import { SpeechRecognition } from './components/speech-recognition';
@@ -18,5 +19,9 @@ export const UseCasesSection = () => (
       <SpeechRecognition />
       <ImageProcessing />
     </div>
+    <div className={styles.useCasesFooter}>
+      <strong>Looking for more?</strong>&nbsp;See all{' '}
+      <Link to="docs/category/use-cases">supported use cases</Link>.
+    </div>
   </section>
 );

site/src/pages/_sections/UseCasesSection/styles.module.css

@@ -13,3 +13,12 @@
   flex-direction: column;
   gap: 2rem;
 }
+
+.useCasesFooter {
+  margin-top: 1.5rem;
+  font-size: 1rem;
+
+  strong {
+    font-weight: 600;
+  }
+}