feat: CTA to live demos in cloud section and a few more case studies on home (#11488)

docs-website/docusaurus.config.js

@@ -79,6 +79,12 @@ module.exports = {
         srcDark: `img/${isSaas ? "acryl" : "datahub"}-logo-color-dark-horizontal.svg`,
       },
       items: [
+        {
+          to: "cloud/",
+          activeBasePath: "cloud",
+          label: "Cloud",
+          position: "right",
+        },
         {
           to: "docs/",
           activeBasePath: "docs",

docs-website/src/pages/_components/CaseStudy/caseStudyContent.js

@@ -26,9 +26,29 @@ const caseStudyData = [
     tag: "Technology",
     backgroundImage:
       "https://www.notion.so/cdn-cgi/image/format=webp,width=1920/front-static/pages/product/super-duper/hero-illo.png",
-    image: "https://boost.space/wp-content/uploads/2023/08/notion.png",
+    image: "https://datahubproject.io/img/logos/scrollingCompanies/notion.png",
     link: "https://datahubproject.io/adoption-stories/#notion",
   },
+  {
+    title: "Building on DataHub",
+    description:
+      "Why Pinterest chose DataHub to serve their needs.",
+    tag: "Technology",
+    backgroundImage:
+      "https://newsroom-archive.pinterest.com/static/images/pin32189_primary-image_hero_0db73.png",
+    image: "https://datahubproject.io/img/logos/companies/pinterest.png",
+    link: "https://www.youtube.com/watch?v=YoxTg8tQSwg",
+  },
+  {
+    title: "Reliable Data Products",
+    description:
+      "How Miro leverages DataHub Cloud to deliver reliable data products.",
+    tag: "Technology",
+    backgroundImage:
+      "https://miro.com/blog/wp-content/uploads/2024/08/header-diagramming-s4-02.png",
+    image: "/img/logos/companies/miro.png",
+    link: "https://miro.com/careers/life-at-miro/tech/data-products-reliability-the-power-of-metadata/",
+  },
   {
     title: "Working with Petabyte Scale Healthcare Data",
     description:
@@ -36,7 +56,7 @@ const caseStudyData = [
     tag: "Healthcare",
     backgroundImage:
       "https://opensource.optum.com/static/images/mesh-overview-e26ea2aaa8d3dbb1f1771b50f4e31449.png",
-    image: "/img/logos/companies/optum.png",
+    image: "https://datahubproject.io/img/logos/companies/optum.png",
     link: "https://datahubproject.io/adoption-stories/#optum",
   },
   {

docs-website/src/pages/cloud/index.js

@@ -34,6 +34,10 @@ function Home() {
           <Enterprise />
         </Section>
       </div>
+      <div className={clsx(styles.weeklyDemoSection)}>
+        <div>Curious? Drop by and say hi!</div>
+        <Link to="https://www.acryldata.io/webinars/weekly-live-demo">Weekly Live Demos →</Link>
+      </div>
       <div className={clsx("hero", styles.hero)}>
         <div className="container" style={{ paddingTop: '12vh', paddingBottom: '12vh' }}>
           <div className="row row__padded">

docs-website/src/pages/cloud/styles.module.scss

@@ -11,9 +11,30 @@
 }
 
 .bgSection {
-  background-color: #FAFAFA !important;
-  }
+  background-color: #F5F5F5 !important;
+}
 
+.weeklyDemoSection {
+  width: 100%;
+  padding: 80px 0;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  background-color: #1890ff;
+  div {
+    color: white;
+    font-size: 1rem;
+    font-weight: 400;
+    opacity: .9;
+  }
+  a {
+    cursor: pointer;
+    color: white;
+    font-size: 1.2rem;
+    font-weight: 600;
+  }
+}
 
 .hero {
   .button {