diff --git a/docs-website/docusaurus.config.js b/docs-website/docusaurus.config.js index b8f4719f9a9cdd..a8604d0ad568bb 100644 --- a/docs-website/docusaurus.config.js +++ b/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", diff --git a/docs-website/src/pages/_components/CaseStudy/caseStudyContent.js b/docs-website/src/pages/_components/CaseStudy/caseStudyContent.js index 524dbfd1b19d63..47c379027da814 100644 --- a/docs-website/src/pages/_components/CaseStudy/caseStudyContent.js +++ b/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", }, { diff --git a/docs-website/src/pages/cloud/index.js b/docs-website/src/pages/cloud/index.js index 8ceab8aa04e4a9..99768ca7210781 100644 --- a/docs-website/src/pages/cloud/index.js +++ b/docs-website/src/pages/cloud/index.js @@ -34,6 +34,10 @@ function Home() { +
+
Curious? Drop by and say hi!
+ Weekly Live Demos → +
diff --git a/docs-website/src/pages/cloud/styles.module.scss b/docs-website/src/pages/cloud/styles.module.scss index 66eafff4617db0..0590b8baf12c8d 100644 --- a/docs-website/src/pages/cloud/styles.module.scss +++ b/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 { diff --git a/docs-website/static/img/logos/companies/miro.png b/docs-website/static/img/logos/companies/miro.png new file mode 100644 index 00000000000000..b5d02ce33c60d3 Binary files /dev/null and b/docs-website/static/img/logos/companies/miro.png differ