landing page: Add Use cases section

Author: matevz

docs/README.mdx

@@ -2,6 +2,7 @@ import DocCard from "@theme/DocCard";
 import DocCardList from "@theme/DocCardList";
 import { findSidebarItem } from "@site/src/sidebarUtils";
 import DocCardSection from "@site/src/components/DocCardSection";
+import UseCasesSvg from "@site/static/img/UseCasesGraphic.svg?react";
 import OasisSvg from "@site/static/img/OasisGraphic.svg?react";
 import GetInvolvedSvg from "@site/static/img/GetInvolvedGraphic.svg?react";
 import BuildSvg from "@site/static/img/BuildGraphic.svg?react";
@@ -12,6 +13,26 @@ import NodesSvg from "@site/static/img/NodesGraphic.svg?react";
 
 <div className="homepage-container">
 
+<DocCardSection
+    title="Use Cases"
+    path="/build/use-cases"
+    fullWidth
+    itemPaths={[
+        "/build/use-cases/key-generation",
+        "/build/use-cases/tgbot",
+        "/build/use-cases/price-oracle",
+    ]}
+    svg={<UseCasesSvg className="animatedSvg" />}
+>
+    Use Oasis to build verifiable, auditable applications
+    powered by TEE running on a permissionless network of nodes. No censorship,
+    no hidden costs, no central authority!
+
+    Get your hands dirty quickly by reviewing [top use cases](/build/use-cases)
+    and considering one that fits your needs. Our tutorials will help you make
+    your app up and running in no time.
+</DocCardSection>
+
 <DocCardSection
     title="Build on Oasis"
     path="/build/"