diff --git a/docs-website/docusaurus.config.js b/docs-website/docusaurus.config.js
index e3336d4970eed..ab033f7b04e4b 100644
--- a/docs-website/docusaurus.config.js
+++ b/docs-website/docusaurus.config.js
@@ -76,6 +76,12 @@ module.exports = {
           label: "Docs",
           position: "right",
         },
+        {
+          to: "/cloud",
+          activeBasePath: "cloud",
+          label: "Cloud",
+          position: "right",
+        },
         {
           to: "/learn",
           activeBasePath: "learn",
diff --git a/docs-website/src/pages/cloud/CompanyLogos/customersData.json b/docs-website/src/pages/cloud/CompanyLogos/customersData.json
new file mode 100644
index 0000000000000..09943e8ef172f
--- /dev/null
+++ b/docs-website/src/pages/cloud/CompanyLogos/customersData.json
@@ -0,0 +1,88 @@
+{
+  "customers": [
+    {
+      "link": {
+        "href": "https://robinhood.com",
+        "blank": true
+      },
+      "logo": {
+        "asset": {
+          "_ref": "/img/logos/scrollingCompanies/acertus.webp"
+        },
+        "alt": "Robinhood"
+      }
+    },
+    {
+      "link": {
+        "href": "https://www.dpgmediagroup.com/",
+        "blank": true
+      },
+      "logo": {
+        "asset": {
+          "_ref": "/img/logos/scrollingCompanies/autoscout24.webp"
+        },
+        "alt": "DPG Media"
+      }
+    },
+    {
+      "link": {
+        "href": "https://www.twilio.com",
+        "blank": true
+      },
+      "logo": {
+        "asset": {
+          "_ref": "/img/logos/scrollingCompanies/betterup.webp"
+        },
+        "alt": "Twilio"
+      }
+    },
+    {
+      "link": {
+        "href": "https://myob.com",
+        "blank": true
+      },
+      "logo": {
+        "asset": {
+          "_ref": "/img/logos/scrollingCompanies/depop.webp"
+        },
+        "alt": "Myob"
+      }
+    },
+    {
+      "link": {
+        "href": "https://regeneron.com",
+        "blank": true
+      },
+      "logo": {
+        "asset": {
+          "_ref": "/img/logos/scrollingCompanies/dpg_media.webp"
+        },
+        "alt": "Regeneron"
+      }
+    },
+    {
+      "link": {
+        "href": "https://riskified.com",
+        "blank": true
+      },
+      "logo": {
+        "asset": {
+          "_ref": "/img/logos/scrollingCompanies/myob.webp"
+        },
+        "alt": "Riskified"
+      }
+    },
+    {
+      "link": {
+        "href": "https://xero.com",
+        "blank": true
+      },
+      "logo": {
+        "asset": {
+          "_ref": "/img/logos/scrollingCompanies/notion.webp"
+        },
+        "alt": "Xero"
+      }
+    }
+  ]
+}
diff --git a/docs-website/src/pages/cloud/CompanyLogos/index.js b/docs-website/src/pages/cloud/CompanyLogos/index.js
new file mode 100644
index 0000000000000..cd3a79f277893
--- /dev/null
+++ b/docs-website/src/pages/cloud/CompanyLogos/index.js
@@ -0,0 +1,49 @@
+import React, { useEffect, useRef } from 'react';
+import Link from '@docusaurus/Link';
+import styles from './logos.module.scss';
+import customersData from './customersData.json';
+import clsx from 'clsx';
+
+const ScrollingCustomers = ({ noOverlay = true, spacing, ...rest }) => {
+  const customers = customersData.customers;
+  const duplicatedLogos = [...customers, ...customers, ...customers];
+  const scrollingRef = useRef(null);
+
+  useEffect(() => {
+    if (scrollingRef.current) {
+      scrollingRef.current.style.setProperty('--customers-length', customers.length);
+    }
+  }, [customers.length]);
+
+  return (
+    <div
+      className={clsx(styles.scrollingCustomers, {
+        [styles.noOverlay]: noOverlay,
+      })}
+      {...rest}
+    >
+      <div
+        className={clsx(styles.animateScrollingCustomers, styles.scrollingCustomers__inner)}
+        ref={scrollingRef}
+      >
+        {duplicatedLogos.map((customer, index) => (
+          <Link
+            key={`item-${index}`}
+            to={customer.link.href}
+            target={customer.link.blank ? '_blank' : '_self'}
+            rel={customer.link.blank ? 'noopener noreferrer' : ''}
+            style={{ minWidth: 'max-content', padding: '0 3.25rem' }}
+          >
+            <img
+              src={customer.logo.asset._ref}
+              alt={customer.logo.alt}
+              className={styles.logoItem}
+            />
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default ScrollingCustomers;
diff --git a/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss b/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss
new file mode 100644
index 0000000000000..bc76e6c072f1e
--- /dev/null
+++ b/docs-website/src/pages/cloud/CompanyLogos/logos.module.scss
@@ -0,0 +1,56 @@
+@keyframes scrollingCustomerAnimate {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(calc(var(--customers-length) * -220px));
+  }
+}
+
+@media (max-width: 767px) {
+  @keyframes scrollingCustomerAnimate {
+    0% {
+      transform: translateX(0);
+    }
+    100% {
+      transform: translateX(calc(var(--customers-length) * -166px));
+    }
+  }
+}
+
+.scrollingCustomers {
+  position: relative;
+  overflow: hidden;
+}
+
+
+.scrollingCustomers__inner {
+  display: flex;
+  padding: 1.25rem 0;
+  position: relative;
+  align-items: center;
+  animation: scrollingCustomerAnimate 15s linear infinite;
+}
+
+.scrollingCustomers__inner img {
+  max-width: 100px!important;
+  min-width: unset;
+  filter: invert(1) brightness(0) contrast(100); // make image black
+}
+
+@media (max-width: 767px) {
+  .scrollingCustomers__inner img {
+    width: 126px !important;
+  }
+}
+
+.animateScrollingCustomers {
+  display: flex;
+  animation: scrollingCustomerAnimate 15s linear infinite;
+}
+
+@media (max-width: 767px) {
+  .animateScrollingCustomers {
+    width: calc(var(--customers-length) * 126px);
+  }
+}
diff --git a/docs-website/src/pages/cloud/Enterprise/index.js b/docs-website/src/pages/cloud/Enterprise/index.js
new file mode 100644
index 0000000000000..b717e96c8343c
--- /dev/null
+++ b/docs-website/src/pages/cloud/Enterprise/index.js
@@ -0,0 +1,48 @@
+import React from "react";
+import clsx from "clsx";
+import Link from "@docusaurus/Link";
+import styles from "./styles.module.scss";
+
+
+const featuresContent = [
+  {
+    title: "99.5% Uptime SLA",
+    description: "We’ll focus on keeping DataHub running, so you can focus on the things that really matter."
+  },
+  {
+    title: "In-VPC Ingestion and<br/>Data Quality evaluation",
+    description: "So your actual data never leaves your network."
+  },
+  {
+    title: "SOC-2 Compliant",
+    description: "An incredibly high level of security you can trust."
+  },
+];
+
+const Feature = ({ title, description }) => {
+  return (
+    <div className={clsx(styles.feature, "col col--4")}>
+      <h2 dangerouslySetInnerHTML={{ __html: title }}></h2>
+      <p>{description}</p>
+    </div>
+  );
+};
+
+const Features = () =>
+  featuresContent?.length > 0 ? (
+    <div className={clsx(styles.container)}>
+      <div className={clsx(styles.wrapper)}>
+        <div className={clsx(styles.title)}>Enterprise Ready</div>
+        <div className="row">
+          {featuresContent.map((props, idx) => (
+            <Feature key={idx} {...props} />
+          ))}
+        </div>
+        <a href="http://localhost:3000/docs/managed-datahub/managed-datahub-overview#enterprise-grade" target="_blank" className={clsx(styles.moreBenefits)}>
+          +4 benefits
+        </a>
+      </div>
+    </div>
+  ) : null;
+
+export default Features;
diff --git a/docs-website/src/pages/cloud/Enterprise/styles.module.scss b/docs-website/src/pages/cloud/Enterprise/styles.module.scss
new file mode 100644
index 0000000000000..9d95dcc3990b6
--- /dev/null
+++ b/docs-website/src/pages/cloud/Enterprise/styles.module.scss
@@ -0,0 +1,40 @@
+
+.container {
+  padding: 2vh 6vh;
+  padding-bottom: 8vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.wrapper {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  width: 90%;
+  max-width: 1200px;
+
+}
+
+.title {
+  font-size: 2.8rem;
+  font-weight: 600;
+  margin-bottom: 2rem;
+}
+
+.moreBenefits {
+  font-weight: 400;
+  color: var(--ifm-color-primary);
+
+  &:hover {
+    text-decoration: none;
+    opacity: 0.8;
+  }
+
+}
+
+@media (max-width: 767px) {
+  
+  .container {
+    padding: 0px 36px;
+  }
+}
\ No newline at end of file
diff --git a/docs-website/src/pages/cloud/FeatureCards/index.js b/docs-website/src/pages/cloud/FeatureCards/index.js
new file mode 100644
index 0000000000000..4a45cbcbe1717
--- /dev/null
+++ b/docs-website/src/pages/cloud/FeatureCards/index.js
@@ -0,0 +1,130 @@
+import React from "react";
+import clsx from "clsx";
+import styles from "./styles.module.scss";
+import Link from "@docusaurus/Link";
+import { CheckCircleOutlined } from "@ant-design/icons";
+
+const data = {
+  sections: [
+    {
+      title: "Data Discovery",
+      icon: "/img/assets/data-discovery.svg",
+      cloudPageLink: "https://www.acryldata.io/acryl-datahub",
+      cloudBenefits: [
+        { text: "Enhanced search ranking", link: "" }, //  →
+        { text: "Personalization for every persona", link: "" }, //  →
+        { text: "A browser extension for BI Tools", link: "" }, //  →
+        { text: "AI-Powered Documentation", link: "" }, //  →
+        { text: "No-Code Automations", link: "" }, //  →
+      ],
+      coreBenefits: [
+        { text: "Integrations for 50+ data sources"},
+        { text: "Lineage for tables, columns, and jobs"},
+      ],
+      hiddenCoreBenefits: "+4 benefits",
+      hiddenCoreBenefitsLink: '/docs/managed-datahub/managed-datahub-overview#search-and-discovery',
+    },
+    {
+      title: "Data Observability",
+      icon: "/img/assets/data-ob.svg",
+      cloudPageLink: "https://www.acryldata.io/observe",
+      cloudBenefits: [
+        { text: "Continuous data quality monitors", link: "" }, //  →
+        { text: "End-to-end data incident tracking & management", link: "" }, //  →
+        { text: "AI-Driven anomaly detection", link: "" }, //  →
+        { text: "Executive Data Health Dashboard", link: "" }, //  →
+        { text: "On-demand data quality evaluation via APIs & UI", link: "" }, //  →
+      ],
+      coreBenefits: [
+        { text: "Surface data quality results"},
+        { text: "Create and manage data contracts" },
+      ],
+      hiddenCoreBenefits: "+1 benefit",
+      hiddenCoreBenefitsLink: '/docs/managed-datahub/managed-datahub-overview#data-observability',
+    },
+    {
+      title: "Data Governance",
+      icon: "/img/assets/data-governance.svg",
+      cloudPageLink: "https://www.acryldata.io/acryl-datahub#governance",
+      cloudBenefits: [
+        { text: "Human-assisted asset certification workflows", link: "" }, //  →
+        { text: "Automations to enforce governance standards", link: "" }, //  →
+        { text: "End-to-end glossary management workflows", link: "" }, //  →
+        { text: "Ownership management workflows", link: "" }, //  →
+      ],
+      coreBenefits: [
+        { text: "Shift-left governance"},
+        { text: "Business glossaries"},
+      ],
+      hiddenCoreBenefits: "+1 benefit",
+      hiddenCoreBenefitsLink: '/docs/managed-datahub/managed-datahub-overview#data-governance',
+    },
+  ],
+};
+
+const Features = () => (
+  <div className={clsx(styles.container)}>
+    {data.sections.map((section, sectionIndex) => (
+      <div
+        key={sectionIndex}
+        className={clsx("row row--padded row--centered", {
+          [styles.rowItem]: true,
+          [styles.reversedRow]: sectionIndex % 2 === 1,
+        })}
+      >
+        <div className={clsx(styles.cardGroup, {
+          [styles.cardGroupInverse]: sectionIndex % 2 === 1
+        })}>
+          <div className={clsx("col", styles.cloudCard)}>
+            <div className={clsx(styles.titleContainer)}>
+              <div className={clsx(styles.title)}>
+                <img
+                  className={clsx(styles.icon)}
+                  src={section.icon}
+                  alt={section.title}
+                />
+                <div className={clsx(styles.titleText)}>{section.title}</div>
+              </div>
+            </div>
+            <div className={clsx(styles.card, styles.cloudBenefitCard)}>
+              <div className={clsx(styles.sectionTitle)}>DataHub Cloud includes:</div>
+              <div className={clsx(styles.cloudBenefitList, styles.featureList)}>
+                {section.cloudBenefits.map((benefit, index) => ( 
+                  <div key={index} className={clsx(styles.cloudBenefit)} >
+                    <Link to={benefit.link} className={clsx(styles.cloudBenefitLink)}>
+                      <CheckCircleOutlined className={clsx(styles.benefitIcon)} />
+                      <div className={clsx(styles.cloudBenefitLinkText)}>{benefit.text}</div>
+                    </Link>
+                  </div>
+                ))}
+              </div>
+              <Link
+                className={clsx("button button--primary button--md", styles.exploreButton)}
+                to={section.cloudPageLink}
+                target="_blank"
+              >
+                Explore in DataHub Cloud
+              </Link> 
+            </div>
+          </div>
+          <div className={clsx("col col--6", styles.coreCard)}>
+            <div className={clsx(styles.card, styles.coreBenefitCard)}>
+              <h3>{`In addition to DataHub Core:`}</h3>
+              <div className={clsx(styles.featureList)}>
+                {section.coreBenefits.map((benefit, index) => (
+                  <div key={index} className={clsx(styles.coreBenefit)}>
+                    <CheckCircleOutlined className={clsx(styles.benefitIcon)} />
+                    <div>{benefit.text}</div>
+                  </div>
+                ))}
+              </div>
+              <a href={section.hiddenCoreBenefitsLink} target="_blank" className={clsx(styles.moreBenefits)}>{section.hiddenCoreBenefits}</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    ))}
+  </div>
+);
+
+export default Features;
diff --git a/docs-website/src/pages/cloud/FeatureCards/styles.module.scss b/docs-website/src/pages/cloud/FeatureCards/styles.module.scss
new file mode 100644
index 0000000000000..cfba5e217374d
--- /dev/null
+++ b/docs-website/src/pages/cloud/FeatureCards/styles.module.scss
@@ -0,0 +1,164 @@
+.container {
+  padding: 48px 20px;
+}
+
+.rowItem {
+  justify-content: center;
+}
+
+.cardGroup {
+  display: flex;
+  justify-content: space-between;
+  position: relative;
+  align-items: flex-start;
+  margin: 0rem 1.2rem 2rem 1.2rem;
+}
+
+.cardGroupInverse {
+  flex-direction: row-reverse;
+  .coreBenefitCard {
+    margin-left: 15rem;
+  }
+}
+
+.title {
+  display: flex;
+  align-items: center;
+  margin: 2rem;
+
+  .icon {
+    width: 4rem;
+    height: 4rem;
+    margin-right: 1rem;
+  }
+
+  .titleText {
+    font-size: 32px;
+    font-weight: 700;
+  }
+}
+
+.card {
+  background: white;
+  padding: 40px;
+  margin: 0;
+}
+
+.sectionTitle {
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 33px;
+}
+
+.benefitIcon {
+  width: 32px;
+  height: 32px;
+  align-items: center;
+}
+
+.moreBenefits {
+  font-family: Manrope;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 30px;
+  text-align: left;
+  color: rgba(24, 144, 255, 1);
+
+  &:hover {
+    text-decoration: none;
+    opacity: 0.8;
+  }
+}
+
+.featureList {
+  display: grid;
+  margin-top: 1rem;
+  font-weight: 400;
+  font-size: 20px;
+  text-align: left;
+  line-height: 27px;
+}
+
+.exploreButton {
+  margin-top: 24px;
+}
+
+.cloudBenefitCard {
+  border-radius: 16px;
+  border: 2px solid rgba(24, 144, 255, 1);
+  box-shadow: 0px 4px 25px 0px rgba(24, 144, 255, 0.25);
+  background: linear-gradient(180deg, #ffffff 27%, #e4f7ff 87%);
+  min-width: 543px;
+  z-index: 2;
+  position: relative;
+}
+
+.coreBenefitCard {
+  border-radius: 16px;
+  border: 1px solid rgba(227, 227, 227, 1);
+  min-width: 451px;
+  z-index: 1;
+  position: relative;
+  margin-top: 14rem;
+  margin-left: -48px;
+  padding-left: 72px;
+}
+
+.reversedRow .coreBenefitCard {
+  margin-left: auto!important;
+  padding-left: auto!important;
+  margin-right: -48px;
+  padding-right: 72px;
+}
+
+.coreBenefitCard h3 {
+  margin-bottom: 2rem;
+}
+.coreBenefit {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 1rem;
+}
+
+.cloudBenefit {
+  color: rgba(24, 144, 255, 1);
+  margin-bottom: 1rem;
+}
+.cloudBenefitLink {
+  display: flex;
+  flex-direction: row;
+}
+.cloudBenefitLinkText {
+  display: block;
+}
+
+.reversedRow {
+  flex-direction: row-reverse;
+}
+
+.reversedRow .title {
+  justify-content: flex-end;
+}
+
+@media (max-width: 768px) {
+  .cardGroup {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .cardGroupInverse {
+    flex-direction: column;
+  }
+
+  .cloudBenefitCard, .coreBenefitCard {
+    min-width: 100%;
+    margin-top: 20px;
+  }
+
+  .coreBenefitCard {
+    margin-top: -40px;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    padding-top: 80px;
+  }
+}
diff --git a/docs-website/src/pages/cloud/UnifiedTabs/index.js b/docs-website/src/pages/cloud/UnifiedTabs/index.js
new file mode 100644
index 0000000000000..0c7ff50ce5447
--- /dev/null
+++ b/docs-website/src/pages/cloud/UnifiedTabs/index.js
@@ -0,0 +1,76 @@
+import React, { useState } from 'react';
+import { CaretUpFilled } from '@ant-design/icons';
+import styles from './styles.module.scss';
+import clsx from 'clsx';
+
+const TabbedComponent = () => {
+  const [activeTab, setActiveTab] = useState(0);
+
+  const tabs = [
+    {
+      title: 'Data Discovery',
+      description: 'All the search and discovery features of DataHub Core you already love, enhanced.',
+      icon: "/img/assets/data-discovery.svg",
+      link: "https://www.acryldata.io/acryl-datahub",
+      image: 'https://raw.githubusercontent.com/datahub-project/static-assets/main/imgs/saas/demo/discovery.webm',
+    },
+    {
+      title: 'Data Observability',
+      description: 'Detect, resolve, and prevent data quality issues before they impact your business. Unify data health signals from all your data quality tools, including dbt tests and more.',
+      icon: "/img/assets/data-ob.svg",
+      link: "https://www.acryldata.io/observe",
+      image: 'https://raw.githubusercontent.com/datahub-project/static-assets/main/imgs/saas/demo/observe.webm',
+    },
+    {
+      title: 'Data Governance',
+      description: 'Powerful Automation, Reporting and Organizational tools to help you govern effectively.',
+      icon: "/img/assets/data-governance.svg",
+      link: "https://www.acryldata.io/acryl-datahub#governance",
+      image: 'https://raw.githubusercontent.com/datahub-project/static-assets/main/imgs/saas/demo/governance.webm',
+    },
+  ];
+
+  return (
+    <div className={clsx(styles.tabbedComponent)}>
+      <div className={clsx(styles.title)}><span>One platform to rule them all</span></div>
+      <div className={clsx(styles.container, 'shadow--lw')}>
+        <div className={clsx(styles.tabs)}>
+          {tabs.map((tab, index) => (
+            <React.Fragment key={index}>
+              <div className={clsx(styles.tab, { [styles.activeTab]: activeTab === index })}>
+                <button 
+                  className={clsx(styles.tabButton, { [styles.active]: activeTab === index })}
+                  onClick={() => setActiveTab(index)}
+                >
+                  <img className={clsx(styles.icon)} src={tab.icon} alt={`${tab.title} icon`} />
+                  <div className={clsx(styles.tabTitle)}>{tab.title}</div>
+                  <div className={clsx(styles.arrow, { [styles.upsideDown]: activeTab === index })}><CaretUpFilled/></div>
+                </button>
+                {activeTab === index && (
+                  <div className={clsx(styles.dropdown)}>
+                    <p>{tab.description}</p>
+                    <a className={clsx(styles.learnMore)} href={tab.link} target='_blank'>Learn More →</a>
+                  </div>
+                )}
+              </div>
+              {activeTab === index && (
+                <div className={clsx(styles.imageContainer, styles.mobileImageContainer)}>
+                  <div className={clsx(styles.tabImage)}>
+                    <video src={tabs[activeTab].image} controls={false} autoPlay muted loop />
+                  </div>
+                </div>
+              )}
+            </React.Fragment>
+          ))}
+        </div>
+        <div className={clsx(styles.imageContainer, styles.webImageContainer)}>
+          <div className={clsx(styles.tabImage)}>
+            <video src={tabs[activeTab].image} controls={false} autoPlay muted loop />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TabbedComponent;
diff --git a/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss b/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss
new file mode 100644
index 0000000000000..7549f74305355
--- /dev/null
+++ b/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss
@@ -0,0 +1,179 @@
+.tabbedComponent {
+  text-align: center;
+  padding: 20px;
+  padding-top: 48px;
+  padding-bottom: 48px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.title {
+  font-size: 2.5rem;
+  font-weight: 500;
+  margin-bottom: 2rem;
+  text-align: center;
+  position: relative;
+  padding: 0 2rem;
+  display: block;
+  width: 100%;
+
+  &:before, &:after {
+    content: " ";
+    height: 2px;
+    width: calc((100vw - 468px - 120px)/2);
+    background: #EEE;
+    display: block;
+    position: absolute;
+    top: 50%;
+  }
+
+  &:before {
+    left: 0;
+  }
+
+  &:after {
+    right: 0;
+  }
+}
+
+.container {
+  display: flex;
+  flex-direction: column; // Changed to column for mobile view
+  background: white;
+  border-radius: 1rem;
+  overflow: hidden;
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
+  margin: 0rem 5rem;
+  max-width: 1200px;
+  width: 100%;
+}
+
+.tabs {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+.tab {
+  align-items: center;
+  margin: 0;
+  border-bottom: 1px solid #e0e0e0;
+  position: relative;
+
+  &.activeTab {
+    border-bottom: none;
+  }
+}
+
+.activeTab .tabButton {
+  border-bottom: 1px solid #f1f1f1;
+}
+
+.tabButton {
+  padding: 1.5rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  justify-content: space-between;
+
+  .tabButton:focus {
+    outline: none;
+  }
+  
+  .tabTitle {
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin-left: 1rem;
+    flex-grow: 1;
+    text-align: left;
+  }
+  
+  .icon {
+    width: 2.3rem;
+    height: 2.3rem;
+  }
+}
+
+.arrow {
+  margin-left: auto;
+  transition: transform 0.2s;
+  color: black;
+}
+
+.upsideDown {
+  transform: rotate(180deg);
+}
+
+.dropdown {
+  background-color: #ffffff;
+  margin-top: 5px;
+  text-align: left;
+  padding: 1rem 1.5rem;
+
+  .learnMore {
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 23px;
+
+    &:hover {
+      text-decoration: none;
+      opacity: 0.8;
+    }
+  }
+}
+
+.imageContainer {
+  display: none;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+  margin: 1rem 0; // Added margin for spacing
+  height: 380px;
+  border-radius: 24px;
+}
+
+.tabImage {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  padding: 4px;
+  align-items: center;
+  justify-content: center;
+}
+.tabImage video {
+  max-height: 100%;
+  max-width: 100%;
+  border-radius: 22px;
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.mobileImageContainer {
+  @media (max-width: 767px) {
+    display: flex;
+  }
+}
+
+.webImageContainer {
+  @media (min-width: 768px) {
+    display: flex;
+    flex-grow: 1;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    flex-direction: row; // Change back to row for larger screens
+    padding: 40px 32px;
+  }
+  .tabs {
+    width: 440px;
+  }
+
+  .imageContainer {
+    margin: 1rem; // Reset margin for larger screens
+  }
+}
diff --git a/docs-website/src/pages/cloud/index.js b/docs-website/src/pages/cloud/index.js
new file mode 100644
index 0000000000000..48f6a58e23581
--- /dev/null
+++ b/docs-website/src/pages/cloud/index.js
@@ -0,0 +1,90 @@
+import React from "react";
+import Layout from "@theme/Layout";
+import Link from "@docusaurus/Link";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import Enterprise from "./Enterprise";
+import { Section } from "../_components/Section";
+import ScrollingCustomers from "./CompanyLogos";
+import clsx from "clsx";
+import styles from "./styles.module.scss";
+import UnifiedTabs from "./UnifiedTabs";
+import FeatureCards from "./FeatureCards";
+
+
+function Home() {
+  const context = useDocusaurusContext();
+  const { siteConfig = {} } = context;
+  // const { colorMode } = useColorMode();
+
+
+  if (siteConfig.customFields.isSaas) {
+    window.location.replace("/docs");
+  }
+
+  return !siteConfig.customFields.isSaas ? (
+    <Layout
+      title={'DataHub Cloud - Unify Data Observability, Governance and Discovery'}
+      description="DataHub cloud is Managed DataHub with Data Observability and Data Governance built-in."
+    >
+      <header className={clsx("hero", styles.hero)}>
+        <div className="container">
+          <div className="hero__content">
+            <div>
+              <h1 className={clsx("hero__title", styles.hero__title)}>Try DataHub Cloud</h1>
+              <div className={clsx("hero__subtitle", styles.hero__subtitle)}>
+                Introducing DataHub as a Managed Service
+                <div style={{ fontWeight: "500"}}>with Data Observability and Data Governance built-in.</div>
+                <div className={styles.learnMore}>
+                  <a className={styles.link} href="https://acryldata.io" target="_blank">
+                    Learn More  →
+                  </a>
+                </div>
+              </div>
+              <Link className="button button--primary button--lg" to="https://www.acryldata.io/datahub-sign-up?utm_source=datahub&utm_medium=referral&utm_campaign=acryl_signup">
+                Book Demo
+              </Link>
+              <Link className={clsx(styles.buttonLightBlue, "button  button--secondary button--lg")} to="https://www.acryldata.io/tour">
+                Product Tour
+              </Link>
+            </div>
+          </div>
+        </div>
+      </header>
+      <ScrollingCustomers />
+      <div className={clsx(styles.bgSection)}>
+        <UnifiedTabs />
+      </div>
+      <FeatureCards/>
+      <div className={clsx(styles.bgSection)}>
+        <Section>
+          <Enterprise />
+        </Section>
+      </div>
+      <div className={clsx("hero", styles.hero)}>
+        <div className="container" style={{ paddingTop: '12vh', paddingBottom: '12vh' }}>
+          <div className="hero__content">
+            <div>
+              <h1 className="hero__title">Get your free trial.</h1>
+              <div className={clsx(styles.hero__secondtitle)}>Data Discovery, Data Quality and Data Governance unified.</div>
+
+              <Link className="button button--primary button--lg" to="https://www.acryldata.io/datahub-sign-up?utm_source=datahub&utm_medium=referral&utm_campaign=acryl_signup">
+                Book Demo
+              </Link>
+              <Link className={clsx(styles.buttonLightBlue, "button button--secondary button--lg")} to="https://www.acryldata.io/tour">
+                Product Tour
+              </Link>
+              <hr style={{margin: "3rem"}}/>
+              <div className="hero__subtitle">
+                An extension of the DataHub Core project.<br/>
+                <a className={clsx(styles.link)} href="/docs/managed-datahub/managed-datahub-overview">View Cloud Docs.
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Layout>
+  ) : null;
+}
+
+export default Home;
diff --git a/docs-website/src/pages/cloud/styles.module.scss b/docs-website/src/pages/cloud/styles.module.scss
new file mode 100644
index 0000000000000..d1ac31f3ef8cc
--- /dev/null
+++ b/docs-website/src/pages/cloud/styles.module.scss
@@ -0,0 +1,51 @@
+.link {
+  &:hover {
+    text-decoration: none;
+    opacity: 0.8;
+  }
+}
+
+.bgSection {
+  background-color: #FAFAFA !important;
+  }
+
+.hero {
+    :global {
+      .button {
+        margin-right: 1rem;
+      }
+    }
+    .hero__title {
+      font-size: 4rem;
+    }
+
+    .hero__secondtitle {
+      font-size: 2rem;
+      font-weight: 300;
+      margin-bottom: 2rem;
+
+    }
+
+    .hero__subtitle {
+      margin-bottom: 2rem;
+      font-size: 1.75rem;
+      line-height: 2.5rem;
+    }
+
+    .buttonLightBlue {
+      color: #1990FF !important;
+      background: #EAF3FF;
+      border-color: #EAF3FF;
+      :hover {
+        background: #D6E7FF;
+      }
+    }
+
+    .learnMore {
+        font-size: 1.25rem;
+        font-weight: 600;
+        margin-top: 0.5rem;
+
+    }
+  }
+  
diff --git a/docs-website/static/img/assets/data-discovery.svg b/docs-website/static/img/assets/data-discovery.svg
new file mode 100644
index 0000000000000..1a6c6f36a231a
--- /dev/null
+++ b/docs-website/static/img/assets/data-discovery.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="84" viewBox="0 0 80 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4011 19.255C20.4011 20.2678 21.2222 21.0888 22.235 21.0888H38.7393C39.752 21.0888 40.5731 20.2678 40.5731 19.255V11.2321H48.596L48.596 49.2837H40.5731V41.2607C40.5731 40.248 39.752 39.4269 38.7393 39.4269H22.235C21.2222 39.4269 20.4011 40.248 20.4011 41.2607V47.0221L20.4082 47.0232V47.0464C20.4082 48.1735 21.3219 49.0872 22.449 49.0872C23.5761 49.0872 24.4898 48.1735 24.4898 47.0464V43.553H36.447V56.4341H35.5102C34.3831 56.4341 33.4694 57.3478 33.4694 58.4749C33.4694 59.6021 34.3831 60.5158 35.5102 60.5158H38.7393C39.752 60.5158 40.5731 59.6947 40.5731 58.6819V53.4097H48.8252C50.9774 53.4097 52.7221 51.6651 52.7221 49.5129L52.7221 11.2321H60.745V19.255C60.745 20.2678 61.566 21.0888 62.5788 21.0888H78.1662C79.179 21.0888 80 20.2678 80 19.255V1.83381C80 0.821024 79.179 0 78.1662 0H62.5788C61.566 0 60.745 0.821026 60.745 1.83381V7.10602H40.5731V1.83381C40.5731 0.821024 39.752 0 38.7393 0H22.235C21.2222 0 20.4011 0.821026 20.4011 1.83381V19.255ZM24.5272 4.12607V16.9628H36.447V4.12607H24.5272ZM64.8711 4.12607V16.9628H75.8739V4.12607H64.8711Z" fill="#19B5FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9424 52.142C11.8741 52.142 6.25163 58.0328 6.25163 65.1649C6.25163 67.9796 7.12378 70.5938 8.61121 72.7298L0.650482 80.2086C-0.179932 80.9887 -0.220688 82.2943 0.559448 83.1247C1.33958 83.9551 2.64519 83.9959 3.4756 83.2158L11.4779 75.6979C13.5675 77.2593 16.1471 78.1878 18.9424 78.1878C26.0108 78.1878 31.6332 72.2969 31.6332 65.1649C31.6332 58.0328 26.0108 52.142 18.9424 52.142ZM10.3777 65.1649C10.3777 60.191 14.2717 56.268 18.9424 56.268C23.6132 56.268 27.5072 60.191 27.5072 65.1649C27.5072 70.1388 23.6132 74.0617 18.9424 74.0617C16.598 74.0617 14.4662 73.0849 12.9085 71.4785C11.3498 69.871 10.3777 67.6428 10.3777 65.1649Z" fill="#19B5FF"/>
+</svg>
diff --git a/docs-website/static/img/assets/data-governance.svg b/docs-website/static/img/assets/data-governance.svg
new file mode 100644
index 0000000000000..b1db48e3e76bf
--- /dev/null
+++ b/docs-website/static/img/assets/data-governance.svg
@@ -0,0 +1,6 @@
+<svg width="80" height="84" viewBox="0 0 80 84" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.7611 0.611499C37.863 -0.203824 36.4894 -0.203834 35.5913 0.611475C27.7893 7.69424 17.5001 11.9917 6.22222 11.9917C5.4609 11.9917 4.7043 11.9721 3.95286 11.9335C2.8327 11.8759 1.82744 12.6139 1.55109 13.6968C0.53819 17.6659 0 21.826 0 26.11C0 49.1203 15.5191 68.4907 36.58 73.989C37.837 74.3171 39.1231 73.5681 39.4526 72.3159C39.782 71.0637 39.03 69.7826 37.773 69.4544C18.7816 64.4965 4.70588 46.9889 4.70588 26.11C4.70588 22.8716 5.04433 19.7159 5.68651 16.6765C5.86486 16.6784 6.04343 16.6794 6.22222 16.6794C17.9765 16.6794 28.7593 12.4642 37.1762 5.4545C45.5932 12.4644 56.3762 16.6799 68.1307 16.6799C68.3095 16.6799 68.4881 16.6789 68.6665 16.677C69.3086 19.7162 69.6471 22.8718 69.6471 26.11C69.6471 30.6585 68.9794 35.0443 67.7399 39.174C67.3677 40.4142 68.0752 41.7202 69.3203 42.091C70.5653 42.4618 71.8764 41.757 72.2486 40.5168C73.6176 35.9555 74.3529 31.1176 74.3529 26.11C74.3529 21.8262 73.8148 17.6663 72.802 13.6972C72.5256 12.6144 71.5204 11.8763 70.4002 11.934C69.6487 11.9726 68.8921 11.9922 68.1307 11.9922C56.8526 11.9922 46.5632 7.69454 38.7611 0.611499Z" fill="#F44A64"/>
+<path d="M50.4631 31.677C51.3736 30.7534 51.3601 29.2694 50.433 28.3624C49.5059 27.4554 48.0161 27.4688 47.1056 28.3923L33.3072 42.3881L27.2474 36.2416C26.3368 35.318 24.8471 35.3046 23.9199 36.2116C22.9928 37.1186 22.9793 38.6026 23.8899 39.5262L31.6284 47.3754C32.0709 47.8242 32.6758 48.077 33.3072 48.077C33.9386 48.077 34.5435 47.8242 34.9859 47.3754L50.4631 31.677Z" fill="#F44A64"/>
+<path d="M64.9412 69.8466C64.9412 68.5521 63.8877 67.5028 62.5882 67.5028C61.2887 67.5028 60.2353 68.5521 60.2353 69.8466V73.5968C60.2353 74.8912 61.2887 75.9406 62.5882 75.9406C63.8877 75.9406 64.9412 74.8912 64.9412 73.5968V69.8466Z" fill="#F44A64"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.5882 45.0018C57.1304 45.0018 52.7059 49.4092 52.7059 54.846V60.0025H51.2941C47.9154 60.0025 45.1765 62.7308 45.1765 66.0965V77.3469C45.1765 80.7125 47.9154 83.4409 51.2941 83.4409H73.8824C77.261 83.4409 80 80.7125 80 77.3469V66.0965C80 62.7308 77.261 60.0025 73.8824 60.0025H72.4706V54.846C72.4706 49.4092 68.0461 45.0018 62.5882 45.0018ZM67.7647 54.846V60.0025H57.4118V54.846C57.4118 51.9982 59.7293 49.6895 62.5882 49.6895C65.4471 49.6895 67.7647 51.9982 67.7647 54.846ZM49.8824 66.0965C49.8824 65.3198 50.5144 64.6902 51.2941 64.6902H73.8824C74.6621 64.6902 75.2941 65.3198 75.2941 66.0965V77.3469C75.2941 78.1236 74.6621 78.7532 73.8824 78.7532H51.2941C50.5144 78.7532 49.8824 78.1236 49.8824 77.3469V66.0965Z" fill="#F44A64"/>
+</svg>
diff --git a/docs-website/static/img/assets/data-ob.svg b/docs-website/static/img/assets/data-ob.svg
new file mode 100644
index 0000000000000..d630b0a2333a2
--- /dev/null
+++ b/docs-website/static/img/assets/data-ob.svg
@@ -0,0 +1,8 @@
+<svg width="80" height="87" viewBox="0 0 80 87" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.9885 10.5674C22.9885 7.28562 25.6134 4.63936 28.8342 4.63936H51.5809C52.0485 4.63936 52.4987 4.82742 52.832 5.16486L74.88 27.4924C75.2135 27.8301 75.4023 28.2899 75.4023 28.7711V68.3017C75.4023 71.5835 72.7774 74.2298 69.5567 74.2298H47.3563C46.0867 74.2298 45.0575 75.2683 45.0575 76.5495C45.0575 77.8306 46.0867 78.8692 47.3563 78.8692H69.5567C75.3321 78.8692 80 74.1301 80 68.3017V28.7711C80 27.0649 79.3308 25.4268 78.1369 24.2178L56.0888 1.89021C54.8947 0.680896 53.2733 0 51.5809 0H28.8342C23.0587 0 18.3908 4.73903 18.3908 10.5674V48.7133C18.3908 49.9944 19.42 51.033 20.6897 51.033C21.9593 51.033 22.9885 49.9944 22.9885 48.7133V10.5674Z" fill="#EFB402"/>
+<path d="M63.711 29.7435C63.711 28.4623 62.6818 27.4238 61.4122 27.4238C60.1425 27.4238 59.1133 28.4623 59.1133 29.7435V54.4867C59.1133 55.7679 60.1425 56.8064 61.4122 56.8064C62.6818 56.8064 63.711 55.7679 63.711 54.4867V29.7435Z" fill="#EFB402"/>
+<path d="M51.4943 37.9912C51.4943 36.7101 50.465 35.6715 49.1954 35.6715C47.9258 35.6715 46.8966 36.7101 46.8966 37.9912V54.4867C46.8966 55.7679 47.9258 56.8064 49.1954 56.8064C50.465 56.8064 51.4943 55.7679 51.4943 54.4867V37.9912Z" fill="#EFB402"/>
+<path d="M39.2775 46.239C39.2775 44.9579 38.2483 43.9193 36.9787 43.9193C35.709 43.9193 34.6798 44.9579 34.6798 46.239V54.4867C34.6798 55.7679 35.709 56.8064 36.9787 56.8064C38.2483 56.8064 39.2775 55.7679 39.2775 54.4867V46.239Z" fill="#EFB402"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8469 63.0953C15.5302 63.0953 12.0308 66.6264 12.0308 70.9822C12.0308 75.3381 15.5302 78.8692 19.8469 78.8692C24.1636 78.8692 27.663 75.3381 27.663 70.9822C27.663 66.6264 24.1636 63.0953 19.8469 63.0953ZM16.6285 70.9822C16.6285 69.1887 18.0694 67.7347 19.8469 67.7347C21.6244 67.7347 23.0653 69.1887 23.0653 70.9822C23.0653 72.7758 21.6244 74.2298 19.8469 74.2298C18.0694 74.2298 16.6285 72.7758 16.6285 70.9822Z" fill="#EFB402"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.8477 55.6723C10.5802 55.6723 2.74141 61.8191 0.105636 70.2871C-0.0352103 70.7396 -0.0352121 71.2248 0.105631 71.6773C2.74136 80.1453 10.5802 86.2921 19.8477 86.2921C29.1153 86.2921 36.954 80.1453 39.5898 71.6774C39.7306 71.2249 39.7306 70.7397 39.5898 70.2872C36.9541 61.8192 29.1153 55.6723 19.8477 55.6723ZM19.8477 81.6528C12.9016 81.6528 6.97807 77.2102 4.7258 70.9822C6.9781 64.7542 12.9016 60.3117 19.8477 60.3117C26.7939 60.3117 32.7174 64.7542 34.9696 70.9823C32.7173 77.2103 26.7939 81.6528 19.8477 81.6528Z" fill="#EFB402"/>
+</svg>
diff --git a/docs-website/static/img/cloud-bg.png b/docs-website/static/img/cloud-bg.png
new file mode 100644
index 0000000000000..392aec2ff936c
Binary files /dev/null and b/docs-website/static/img/cloud-bg.png differ
diff --git a/docs-website/static/img/logos/companies/mediamarkt-saturn.png b/docs-website/static/img/logos/companies/mediamarkt-saturn.png
new file mode 100644
index 0000000000000..6e3a39e0ae34b
Binary files /dev/null and b/docs-website/static/img/logos/companies/mediamarkt-saturn.png differ
diff --git a/docs-website/static/img/logos/companies/netflix.png b/docs-website/static/img/logos/companies/netflix.png
new file mode 100755
index 0000000000000..151775b3b17bc
Binary files /dev/null and b/docs-website/static/img/logos/companies/netflix.png differ
diff --git a/docs-website/static/img/logos/companies/visa.png b/docs-website/static/img/logos/companies/visa.png
new file mode 100644
index 0000000000000..0a0198bfb76a2
Binary files /dev/null and b/docs-website/static/img/logos/companies/visa.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/acertus.webp b/docs-website/static/img/logos/scrollingCompanies/acertus.webp
new file mode 100644
index 0000000000000..20ff1c6d7d554
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/acertus.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/autoscout24.webp b/docs-website/static/img/logos/scrollingCompanies/autoscout24.webp
new file mode 100644
index 0000000000000..27b34c6f724de
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/autoscout24.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/betterup.webp b/docs-website/static/img/logos/scrollingCompanies/betterup.webp
new file mode 100644
index 0000000000000..268e019de8fd4
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/betterup.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/depop.webp b/docs-website/static/img/logos/scrollingCompanies/depop.webp
new file mode 100644
index 0000000000000..7c006bb862060
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/depop.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/dpg-media.png b/docs-website/static/img/logos/scrollingCompanies/dpg-media.png
new file mode 100644
index 0000000000000..40022ef0294d7
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/dpg-media.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/dpg_media.webp b/docs-website/static/img/logos/scrollingCompanies/dpg_media.webp
new file mode 100644
index 0000000000000..0d5c42847068a
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/dpg_media.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/event-callout-img.png b/docs-website/static/img/logos/scrollingCompanies/event-callout-img.png
new file mode 100644
index 0000000000000..032c34fb6a10e
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/event-callout-img.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/graham-stirling.png b/docs-website/static/img/logos/scrollingCompanies/graham-stirling.png
new file mode 100644
index 0000000000000..14bb23dcef0d9
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/graham-stirling.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/icon-check.svg b/docs-website/static/img/logos/scrollingCompanies/icon-check.svg
new file mode 100644
index 0000000000000..83a4d0983ebe0
--- /dev/null
+++ b/docs-website/static/img/logos/scrollingCompanies/icon-check.svg
@@ -0,0 +1,14 @@
+<svg viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.8584 10.6597C9.34368 10.6597 11.3584 8.64495 11.3584 6.15967C11.3584 3.67439 9.34368 1.65967 6.8584 1.65967C4.37312 1.65967 2.3584 3.67439 2.3584 6.15967C2.3584 8.64495 4.37312 10.6597 6.8584 10.6597Z" stroke="url(#paint0_linear_144_6564)" stroke-width="0.857327" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.86391 4.85107L6.68516 7.75657C6.58714 7.88694 6.43742 7.96842 6.27472 7.97992C6.11201 7.99143 5.95231 7.93185 5.83691 7.81657L4.71191 6.69157" stroke="url(#paint1_linear_144_6564)" stroke-width="0.857327" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_144_6564" x1="7.01118" y1="-2.91672" x2="-2.1416" y2="6.08328" gradientUnits="userSpaceOnUse">
+<stop stop-color="#20D3BD"/>
+<stop offset="0.999781" stop-color="#12839F"/>
+</linearGradient>
+<linearGradient id="paint1_linear_144_6564" x1="6.85839" y1="3.25938" x2="3.78368" y2="7.26964" gradientUnits="userSpaceOnUse">
+<stop stop-color="#20D3BD"/>
+<stop offset="0.999781" stop-color="#12839F"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/docs-website/static/img/logos/scrollingCompanies/log-saxo.svg b/docs-website/static/img/logos/scrollingCompanies/log-saxo.svg
new file mode 100644
index 0000000000000..f6ab4ae071b10
--- /dev/null
+++ b/docs-website/static/img/logos/scrollingCompanies/log-saxo.svg
@@ -0,0 +1,16 @@
+<svg width="160" height="80" viewBox="0 0 160 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M66.6601 22.3097H70.2267L76.9315 38.0599L74.2273 42.0496L72.5313 37.9266H64.2547L62.5479 42.0694H58.2502L66.6601 22.3097ZM68.3867 27.8712L65.6716 34.4914H71.1107L68.3867 27.8712Z" fill="white"/>
+<path d="M97.768 22.3097L91.4142 31.6953L98.4557 42.0676H93.717L89.0899 35.0982L84.3403 42.0676H79.724L86.7259 31.7674L80.2803 22.3097H85.0515L89.0503 28.4059L93.1624 22.3097H97.768Z" fill="white"/>
+<path d="M47.4224 25.5379C45.5104 25.5379 44.0916 26.4021 44.0916 27.9342C44.0916 29.4057 46.0238 29.8715 48.284 30.4164C51.4691 31.1843 55.3058 32.1093 55.3047 36.227C55.3047 39.7847 51.9109 42.3755 47.3162 42.3755C43.1122 42.3755 39.9146 40.206 39 36.8338L42.9267 35.5807C43.5641 37.5341 45.0855 38.8088 47.4404 38.8088C49.5992 38.8088 51.1115 37.8834 51.1115 36.4233C51.1115 34.7443 49.044 34.2526 46.6909 33.693C43.5833 32.9539 39.9776 32.0963 39.9776 28.2295C39.9776 24.8069 43.0312 22 47.6781 22C51.1547 22 53.9904 23.6456 55.0293 26.3084L51.1547 27.747C50.5894 26.5353 49.5001 25.5379 47.4224 25.5379Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M101.09 32.1905C101.09 26.5875 105.603 22.0018 111.412 22.0018C117.22 22.0018 121.753 26.5875 121.753 32.1905C121.753 37.7934 117.22 42.3791 111.412 42.3791C105.603 42.3791 101.09 37.7934 101.09 32.1905ZM105.357 32.1887C105.357 35.9408 108.009 38.645 111.412 38.645C114.865 38.645 117.486 35.9426 117.488 32.1887C117.488 28.4365 114.867 25.7323 111.412 25.7323C108.009 25.7323 105.357 28.4365 105.357 32.1887Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M109.548 51.5471C110.176 51.5471 110.718 51.6731 111.17 51.9251C111.622 52.1772 111.972 52.5409 112.213 53.0144C112.458 53.4879 112.578 54.0515 112.578 54.7104C112.578 55.3712 112.458 55.9383 112.213 56.4118C111.968 56.8853 111.617 57.2508 111.158 57.5029C110.699 57.7549 110.149 57.8828 109.505 57.8828H107.359V51.5471H109.548ZM110.553 56.6459C110.848 56.4838 111.069 56.2408 111.217 55.9185C111.367 55.5962 111.44 55.1929 111.44 54.7068C111.44 54.2225 111.367 53.8192 111.217 53.4987C111.069 53.1782 110.85 52.9388 110.56 52.7785C110.272 52.6201 109.912 52.5391 109.483 52.5391H108.506V56.8889H109.449C109.89 56.8889 110.257 56.8079 110.553 56.6459Z" fill="white"/>
+<path d="M105.101 55.1911H102.339V56.9213H105.337V57.8828H101.192V51.5471H105.313V52.5085H102.341V54.2279H105.101V55.1911Z" fill="white"/>
+<path d="M96.2555 52.5085H94.2966V51.5471H99.3523V52.5085H97.3934V57.8828H96.2555V52.5085Z" fill="white"/>
+<path d="M91.5114 54.5034C91.7328 54.5988 91.9327 54.7176 92.1091 54.8616C92.2856 55.0075 92.4242 55.1803 92.5286 55.382C92.6312 55.5872 92.6835 55.8267 92.6835 56.1003C92.6835 56.4712 92.588 56.7971 92.399 57.0798C92.2099 57.3607 91.9345 57.5803 91.578 57.7387C91.2197 57.8954 90.7876 57.9746 90.2799 57.9746C89.7884 57.9746 89.3599 57.899 88.998 57.7459C88.6361 57.5929 88.3534 57.3697 88.15 57.078C87.9465 56.7863 87.8367 56.428 87.8205 56.0085H88.9494C88.9656 56.2282 89.034 56.4136 89.1528 56.5595C89.2716 56.7053 89.4283 56.8151 89.6209 56.8871C89.8136 56.9592 90.0296 56.9952 90.2691 56.9952C90.5175 56.9952 90.7372 56.9574 90.9262 56.8817C91.1153 56.8061 91.2629 56.7017 91.3709 56.5667C91.4772 56.4316 91.533 56.2732 91.5348 56.0913C91.5312 55.9257 91.4826 55.7889 91.3889 55.6808C91.2935 55.5728 91.1603 55.481 90.9911 55.409C90.82 55.3352 90.622 55.2704 90.3951 55.2127L89.6749 55.0273C89.1528 54.8941 88.7423 54.6906 88.4398 54.4169C88.1374 54.1433 87.9861 53.7796 87.9861 53.3259C87.9861 52.9514 88.087 52.6255 88.2904 52.3446C88.4939 52.0656 88.7693 51.8459 89.1204 51.6911C89.4715 51.5362 89.8694 51.457 90.3123 51.457C90.7606 51.457 91.1549 51.5362 91.4952 51.6911C91.8337 51.8459 92.1019 52.062 92.2946 52.3374C92.489 52.6111 92.5898 52.928 92.5952 53.2845H91.4916C91.4628 53.0144 91.3421 52.8056 91.1279 52.6543C90.9154 52.5049 90.6382 52.4293 90.2979 52.4293C90.0584 52.4293 89.8532 52.4653 89.6821 52.5373C89.5111 52.6093 89.3797 52.7083 89.2896 52.8326C89.1978 52.955 89.151 53.0972 89.1492 53.2557C89.1492 53.3871 89.1816 53.5023 89.241 53.5995C89.3004 53.6968 89.3833 53.7778 89.4895 53.8462C89.5939 53.9128 89.7109 53.9686 89.8388 54.0136C89.9666 54.0587 90.0962 54.0983 90.2259 54.1289L90.82 54.2783C91.0595 54.3323 91.2899 54.4079 91.5114 54.5034Z" fill="white"/>
+<path d="M85.7932 55.1911H83.0331L83.0313 56.9213H86.0291V57.8828H81.8845V51.5471H86.0056V52.5085H83.0331V54.2279H85.7932V55.1911Z" fill="white"/>
+<path d="M77.2069 56.5325H77.2717L78.9173 51.5471H80.1794L77.9469 57.8828H76.53L74.2992 51.5471H75.5577L77.2069 56.5325Z" fill="white"/>
+<path d="M71.3951 55.8645H71.4509L71.4491 51.5452H72.5906V57.881H71.5698L68.5847 53.5653H68.5324V57.881H67.3856V51.5452H68.4136L71.3951 55.8645Z" fill="white"/>
+<path d="M65.2683 57.881H64.1214V51.5452H65.2683V57.881Z" fill="white"/>
+<path d="M58.8317 55.1911H56.0716L56.0698 56.9213H59.0676V57.8828H54.923V51.5471H59.0442V52.5085H56.0716V54.2279H58.8317V55.1911Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M51.6984 54.6006C51.9234 54.6132 52.1395 54.6816 52.3465 54.8058C52.5536 54.9301 52.7246 55.1047 52.8543 55.3334C52.9857 55.5602 53.0523 55.8357 53.0523 56.1562C53.0523 56.4856 52.9731 56.7791 52.8147 57.0402C52.6544 57.3012 52.415 57.5065 52.0963 57.6577C51.7758 57.8072 51.3743 57.8828 50.89 57.8828H48.3262V51.5471H50.7514C51.2105 51.5471 51.5904 51.6191 51.8946 51.7613C52.1989 51.9053 52.4258 52.0998 52.5788 52.3482C52.73 52.5949 52.8057 52.8758 52.8057 53.189C52.8057 53.4483 52.757 53.668 52.658 53.8498C52.5572 54.0335 52.424 54.1811 52.2583 54.2945C52.0909 54.4097 51.9054 54.4908 51.6984 54.5394V54.6006ZM50.7081 56.9231C51.1258 56.9231 51.4247 56.8439 51.6102 56.6837C51.7938 56.5235 51.8874 56.3182 51.8874 56.0661C51.8874 55.8789 51.8406 55.7097 51.747 55.5584C51.6534 55.4072 51.5219 55.2884 51.3509 55.2001C51.1799 55.1119 50.9746 55.0687 50.7388 55.0687H49.473V56.9231H50.7081ZM50.6343 52.4941H49.4748V54.2423H50.6109C50.809 54.2423 50.9872 54.2045 51.1457 54.1325C51.3041 54.0587 51.4301 53.9542 51.5219 53.8192C51.612 53.6842 51.6588 53.5239 51.6588 53.3385C51.6588 53.0936 51.5724 52.8902 51.3995 52.7317C51.2285 52.5733 50.9728 52.4941 50.6343 52.4941Z" fill="white"/>
+</svg>
diff --git a/docs-website/static/img/logos/scrollingCompanies/myob.png b/docs-website/static/img/logos/scrollingCompanies/myob.png
new file mode 100644
index 0000000000000..c161532e650ba
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/myob.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/myob.webp b/docs-website/static/img/logos/scrollingCompanies/myob.webp
new file mode 100644
index 0000000000000..509e3fba0804c
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/myob.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/notion-logo.png b/docs-website/static/img/logos/scrollingCompanies/notion-logo.png
new file mode 100644
index 0000000000000..f65884f53ead8
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/notion-logo.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/notion.webp b/docs-website/static/img/logos/scrollingCompanies/notion.webp
new file mode 100644
index 0000000000000..393756855d938
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/notion.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/ovo_energy.webp b/docs-website/static/img/logos/scrollingCompanies/ovo_energy.webp
new file mode 100644
index 0000000000000..3e08a80f5c5f4
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/ovo_energy.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/regeneron.png b/docs-website/static/img/logos/scrollingCompanies/regeneron.png
new file mode 100644
index 0000000000000..0a660b95c6d50
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/regeneron.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/regeneron.webp b/docs-website/static/img/logos/scrollingCompanies/regeneron.webp
new file mode 100644
index 0000000000000..45bed965f3a01
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/regeneron.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/riskified.png b/docs-website/static/img/logos/scrollingCompanies/riskified.png
new file mode 100644
index 0000000000000..69b94b43fd56e
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/riskified.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/riskified.webp b/docs-website/static/img/logos/scrollingCompanies/riskified.webp
new file mode 100644
index 0000000000000..a2a2f96d5ea7b
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/riskified.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/robinhood.png b/docs-website/static/img/logos/scrollingCompanies/robinhood.png
new file mode 100644
index 0000000000000..e75535a383f32
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/robinhood.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/robinhood.webp b/docs-website/static/img/logos/scrollingCompanies/robinhood.webp
new file mode 100644
index 0000000000000..661c25c0dd830
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/robinhood.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/saxo_bank.webp b/docs-website/static/img/logos/scrollingCompanies/saxo_bank.webp
new file mode 100644
index 0000000000000..a4c1aae73fe48
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/saxo_bank.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/screenshot.png b/docs-website/static/img/logos/scrollingCompanies/screenshot.png
new file mode 100644
index 0000000000000..59d982c5aec6d
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/screenshot.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/twilio-bg.png b/docs-website/static/img/logos/scrollingCompanies/twilio-bg.png
new file mode 100644
index 0000000000000..74dcbf88a3595
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/twilio-bg.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/twilio.png b/docs-website/static/img/logos/scrollingCompanies/twilio.png
new file mode 100644
index 0000000000000..f226674d0ffbc
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/twilio.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/twilio.webp b/docs-website/static/img/logos/scrollingCompanies/twilio.webp
new file mode 100644
index 0000000000000..5ad47d5d5c87e
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/twilio.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/xero.png b/docs-website/static/img/logos/scrollingCompanies/xero.png
new file mode 100644
index 0000000000000..653ddfb2c7686
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/xero.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/xero.webp b/docs-website/static/img/logos/scrollingCompanies/xero.webp
new file mode 100644
index 0000000000000..9f2b4cc0cf0f9
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/xero.webp differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/zendesk.webp b/docs-website/static/img/logos/scrollingCompanies/zendesk.webp
new file mode 100644
index 0000000000000..e790fdc2af6ed
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/zendesk.webp differ