-
-
Get Started Now
-
Run the following command to get started with DataHub.
-
-
- python3 -m pip install --upgrade pip wheel setuptools
-
-
- DataHub Quickstart Guide
-
-
- Deploying With Kubernetes
-
-
-
-
-
-
What is DataHub?
-
How is DataHub architected?
-
See DataHub in action
-
+
+
+ The only platform you need.
+
+ Unified Discovery, Observability, and Governance for Data and AI.
+
+
+
+ {quickstartContent.map((data, idx) => (
+
+
+
{data.heading}
+
{data.title}
+
+
+ {/*
Learn More → */}
+
+
+
+
+ ))}
+
);
};
-export default QuickstartContent;
+export default QuickstartContent;
\ No newline at end of file
diff --git a/docs-website/src/pages/_components/QuickstartContent/quickstartContent.js b/docs-website/src/pages/_components/QuickstartContent/quickstartContent.js
new file mode 100644
index 0000000000000..f5afc09871977
--- /dev/null
+++ b/docs-website/src/pages/_components/QuickstartContent/quickstartContent.js
@@ -0,0 +1,25 @@
+const quickstartData = [
+ {
+ heading: "Discovery",
+ title: "Make data democratization a reality",
+ description:
+ "Enable everyone in your organization to effortlessly discover trustworthy data, with experiences tailored for each persona.
Eliminate breaking changes with detailed cross-platform and column-level lineage.
Build confidence in your data with a comprehensive view of business, operational, and technical context, all in one place.",
+ image: "/img/quickstart_discovery.png",
+ },
+ {
+ heading: "Observability",
+ title: "Build trust in your data",
+ description:
+ "Effortlessly detect data quality issues with automated checks and AI-driven anomaly detection.
Notify your team where they work when issues arise and keep stakeholders in the loop with centralized incident tracking.
Spend minutes, not days, resolving issues with detailed lineage, documentation, and ownership information all in one place.",
+ image: "/img/quickstart_observability.png",
+ },
+ {
+ heading: "Governance",
+ title: "Minimize compliance risk, effortlessly",
+ description:
+ "Ensure every data asset is accounted for and responsibility governed by defining and enforcing documentation standards.
Automate your governance program to automatically classify assets as they evolve over time.
Minimize redundant, manual work with GenAI documentation, AI-driven classification, smart propagation, and more.",
+ image: "/img/quickstart_governance.png",
+ },
+ ];
+
+ export default quickstartData;
\ No newline at end of file
diff --git a/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss b/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss
index e1badca6d2e34..a5df90f89ddf3 100644
--- a/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss
+++ b/docs-website/src/pages/_components/QuickstartContent/quickstartcontent.module.scss
@@ -1,67 +1,261 @@
-.container {
- margin-bottom: 2rem;
+// .container {
+// margin-bottom: 2rem;
+// }
+
+// .button {
+// text-decoration: none;
+// margin: 0.5rem 0 0 0;
+// white-space: nowrap;
+// @media (min-width: 690px) {
+// margin: 0 0 0 0.5rem;
+// }
+// }
+
+// .quickstartContent {
+// text-align: center;
+// padding: 2rem 0;
+// height: 100%;
+// margin: 2rem 0;
+// background: #34394d;
+// border-radius: var(--ifm-card-border-radius);
+// }
+
+// .quickstartTitle {
+// color: #fafafa;
+// }
+
+// .quickstartSubtitle {
+// font-size: 1.1rem;
+// color: gray;
+// }
+
+// .quickstartCodeblock {
+// text-align: left;
+// padding: 0 20vh;
+// }
+
+// .quickLinks {
+// display: flex;
+// align-items: center;
+// justify-content: space-between;
+// padding: 1rem;
+// font-weight: bold;
+// margin-bottom: -2.5vh;
+// @media (min-width: 768px) {
+// flex-direction: row;
+// }
+
+// > * {
+// padding: 0.5rem 1rem;
+// display: inline-block;
+
+// @media (min-width: 768px) {
+// padding: 0 1rem;
+// }
+// }
+// }
+
+// .quickLinksLabel {
+// display: flex;
+// align-items: center;
+// svg {
+// width: 24px;
+// height: 24px;
+// color: var(--ifm-text-color) !important;
+// margin-right: 0.5rem;
+// }
+// }
+
+
+@media only screen and (max-width: 800px) {
+ .quickstart {
+ margin: 6rem auto!important;
+ }
}
+.quickstart {
+ width: 80vw;
+ min-height: 100vh;
+ margin: 12rem auto;
+ display: flex;
+ flex-direction: column;
+
+ :global {
+ .quickstart__header {
+ text-align: center;
+ margin-bottom: 100px;
+
+ .quickstart__title,
+ .quickstart__subtitle {
+ line-height: normal;
+ font-family: Manrope;
+ }
+ .quickstart__title {
+ font-size: 3.5rem;
+ }
-.button {
- text-decoration: none;
- margin: 0.5rem 0 0 0;
- white-space: nowrap;
- @media (min-width: 690px) {
- margin: 0 0 0 0.5rem;
+ .quickstart__subtitle {
+ font-size: 1.8rem;
+ margin-top: 10px;
+ }
}
-}
-.quickstartContent {
- text-align: center;
- padding: 2rem 0;
- height: 100%;
- margin: 2rem 0;
- background: #34394d;
- border-radius: var(--ifm-card-border-radius);
-}
+ .quickstart__bar {
+ width: 10px;
+ height: 100%;
+ position: absolute;
-.quickstartTitle {
- color: #fafafa;
-}
+ background: linear-gradient(180deg, #29B5E8 18.71%, #FFBF4C 143.37%);
+ border-radius: 10px;
+ transform-origin: top;
+ // transition: transform 0.3s;
+ // animation: progress 0.3s linear;
-.quickstartSubtitle {
- font-size: 1.1rem;
- color: gray;
-}
+ /* Inside auto layout */
+ display: block;
+ }
-.quickstartCodeblock {
- text-align: left;
- padding: 0 20vh;
-}
+ // @keyframes progress {
+ // 0% {
+ // height: 0;
+ // }
+ // 100% {
+ // height: 100%;
+ // }
+ // }
-.quickLinks {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 1rem;
- font-weight: bold;
- margin-bottom: -2.5vh;
- @media (min-width: 768px) {
- flex-direction: row;
- }
+ .quickstart__container {
+ position: relative;
+ }
+
+ .quickstart__content {
+ display: flex;
+ margin-bottom: 3rem;
+ width: 100%;
+
+ .quickstart__text {
+ width: 60%;
+ min-width: 600px;
+ padding-right: 40px;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+
+ div {
+ padding-left: 10%;
+ }
+
+ .quickstart__text__label {
+
+ /* Label */
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 500;
+ font-size: 1rem;
+ line-height: 1.2rem;
+ letter-spacing: 0.4em;
+ text-transform: uppercase;
+
+ color: #999EB3;
+ }
+
+ .quickstart__text__head {
+
+ /* H4 | Semibold */
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 600;
+ font-size: 2rem;
+ line-height: 2rem;
+
+ color: #171B2B;
+ margin-top: 1rem;
+ }
+
+ .quickstart__text__desc {
+
+ margin-top: 1rem;
+ font-family: 'Manrope';
+ font-style: normal;
+ font-weight: 400;
+ font-size: 1.1rem;
+ line-height: 1.75rem;
+ /* Text|Light */
+ color: #838BA8;
+
+ p {
+ margin-bottom: 1rem;
+ span {
+ margin-bottom: .75rem;
+ display: block;
+ }
+ }
- > * {
- padding: 0.5rem 1rem;
- display: inline-block;
+ .learn_more {
+ color: #1890FF;
+ font-weight: 500;
+ }
+ }
+ }
- @media (min-width: 768px) {
- padding: 0 1rem;
+ .quickstart__img {
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ min-width: 400px;
+ width: 40%;
+
+ img {
+ width: 100%;
+ }
+ }
}
- }
-}
-.quickLinksLabel {
- display: flex;
- align-items: center;
- svg {
- width: 24px;
- height: 24px;
- color: var(--ifm-text-color) !important;
- margin-right: 0.5rem;
+
+ @media only screen and (max-width: 800px) {
+ .quickstart__bar {
+ width: 4px;
+ left: -4px;
+ }
+ .quickstart__header {
+ width: 95%;
+ margin-bottom: 40px;
+
+ .quickstart__title {
+ font-size: 2rem;
+ }
+ .quickstart__subtitle {
+ font-size: 1.25rem;
+ }
+ }
+
+ .quickstart__content {
+ flex-direction: column;
+
+ .quickstart__text {
+ min-width: 0;
+ width: 100%;
+ padding-left: 20px;
+
+ div {
+ padding-left: 0;
+ }
+
+ .quickstart__text__label {
+ font-size: .8rem;
+ }
+ .quickstart__text__head {
+ font-size: 1.4rem;
+ }
+ .quickstart__text__desc {
+ font-size: .9rem;
+ line-height: 1.3rem;
+ }
+ }
+ .quickstart__img {
+ min-width: 0;
+ width: 100%;
+ }
+ }
+ }
}
}
diff --git a/docs-website/src/pages/_components/SocialMedia/index.js b/docs-website/src/pages/_components/SocialMedia/index.js
new file mode 100644
index 0000000000000..9c5188bca0631
--- /dev/null
+++ b/docs-website/src/pages/_components/SocialMedia/index.js
@@ -0,0 +1,242 @@
+import React, { useEffect, useRef, useState } from "react";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import Link from "@docusaurus/Link";
+import styles from "./socialmedia.module.scss";
+import "swiper/css";
+import "swiper/css/pagination";
+import {
+ ArrowUpOutlined,
+ LinkedinOutlined,
+ ReadOutlined,
+ MediumWorkmarkOutlined,
+ YoutubeOutlined,
+} from "@ant-design/icons";
+import { Carousel } from "antd";
+
+
+const VideoItem = ({ isActive, src }) => {
+ const ref = useRef();
+
+ useEffect(() => {
+ if (isActive) {
+ ref.current?.play();
+ } else {
+ ref.current?.pause();
+ }
+ }, [isActive])
+
+ return
+
+}
+function useWindowDimensions() {
+
+ const hasWindow = typeof window !== 'undefined';
+
+ function getWindowDimensions() {
+ const width = hasWindow ? window.innerWidth : null;
+ const height = hasWindow ? window.innerHeight : null;
+ return {
+ width,
+ height,
+ };
+ }
+
+ const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());
+
+ useEffect(() => {
+ function handleResize() {
+ setWindowDimensions(getWindowDimensions());
+ }
+
+ window.addEventListener('resize', handleResize);
+ return () => window.removeEventListener('resize', handleResize);
+ }, []);
+
+ return windowDimensions;
+}
+
+
+const SocialMedia = ({}) => {
+
+ const sliderVideos = [
+ {
+ videoUrl: useBaseUrl("/img/home-social-media/kathleen.webm"),
+ title: "Insider Secrets: Building Bulletproof Analytics Teams w/ Kathleen Maley",
+ link: 'https://www.youtube.com/watch?v=ER6OHT6wTbc',
+ // description: "VP Data Analytics, Experian",
+ date: "Jun 13, 2024",
+ viewerCount: "100+",
+ },
+ // {
+ // videoUrl: useBaseUrl("/img/home-social-media/visa_speaker.webm"),
+ // link: 'https://www.youtube.com/watch?v=B6CplqnIkFw',
+ // title: "The VISA Team's vision for Logical Datasets",
+ // // description: "VP Data Analytics, Experian",
+ // date: "Apr 18, 2024",
+ // viewerCount: "900+",
+ // },
+ {
+ videoUrl: useBaseUrl("/img/home-social-media/linkedin.webm"),
+ link: 'https://www.youtube.com/watch?v=3alQ9e6Lf2Y',
+ title: 'AI and Data: The LinkedIn Story w/ Kapil Surlaker',
+ date: "Apr 11, 2024",
+ viewerCount: "100+",
+ },
+ {
+ videoUrl: useBaseUrl("/img/home-social-media/hashi.mp4"),
+ title: "Why Sean Rice of HashiCorp loves the time to value of Acryl Data.",
+ link: 'https://www.youtube.com/watch?v=a3Rgb9QYbUk',
+ // description: "VP Data Analytics, Experian",
+ date: "July 2024",
+ viewerCount: "300+",
+ },
+ ];
+
+ const [activeSliderIndex, setActiveSliderIndex] = useState(0);
+ const { width } = useWindowDimensions();
+ const isMobileView = width <= 800;
+
+ const onChange = (currentSlide, nextSlideRaw) => {
+ setActiveSliderIndex((nextSlideRaw + 1) % sliderVideos.length)
+ };
+
+ return (
+
+
+
+
+
+ Built for Data Practitioners,by {" "}
+ Data Practitioners.
+
+
+
+
+
+ Born at LinkedIn, driven by Acryl
+
+
+
+
+
+ YouTube
+
2.9k subscribers
+
+
+
+
+
+
+
+ LinkedIn
+
3.5k followers
+
+
+
+
+
+
+
+ Newsletter
+
900 subscribers
+
+
+
+
+
+
+
+ Medium
+
1k subscribers
+
+
+
+
+
+
+ {isMobileView ? null :
+
+
+
+ {sliderVideos.map((video, idx) => (
+
+
{video.title}
+
+ {/*
+ {video.description}
+
+
*/}
+
{video.date}
+
+
{video.viewerCount} views
+
+
+
+ ))}
+
+
+
+ );
+};
+
+export default SocialMedia;
\ No newline at end of file
diff --git a/docs-website/src/pages/_components/SocialMedia/socialmedia.module.scss b/docs-website/src/pages/_components/SocialMedia/socialmedia.module.scss
new file mode 100644
index 0000000000000..79f426a41904f
--- /dev/null
+++ b/docs-website/src/pages/_components/SocialMedia/socialmedia.module.scss
@@ -0,0 +1,391 @@
+.container {
+ font-family: "Manrope";
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 80px auto;
+ width: 90vw;
+ height: calc(90vh - 70px);
+ min-height: 720px;
+ max-height: 1000px;
+ border-radius: 50px;
+ background-color: #545765cc;
+ position: relative;
+ overflow: hidden;
+}
+.containerBG {
+ position: absolute;
+ background-size: cover;
+ background-color: #545765;
+ top: 0; left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: -1;
+}
+
+
+.upperBox {
+ border-radius: 24px;
+ width: 440px;
+ height: 200px;
+ background-color: #eee;
+ color: #000;
+ font-size: 1.8rem;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding-left: 60px;
+ padding-top: 20px;
+ position: absolute;
+ top: -20px;
+ left: -20px;
+ box-shadow: 0px 0px 0px 16px white;
+}
+
+.mainBox {
+ color: #fff;
+ display: flex;
+ justify-content: flex-start;
+ height: 100%;
+ padding: 0 0 80px 152px;
+}
+
+.socialSubText {
+ font-size: 1.8rem;
+ font-weight: 400;
+ text-align: left;
+}
+
+.socialStats {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 20px;
+ width: 43rem;
+}
+
+.mediaIcons > svg {
+ color: white;
+ width: 38px;
+ height: 38px;
+}
+
+.followerCount {
+ font-size: 1.2rem;
+ font-weight: 400;
+ opacity: .75;
+}
+
+.styledIcon {
+ min-width: 74px;
+ min-height: 74px;
+ background: rgba(255, 255, 255, 0.2);
+ border-radius: 16px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.visitPageIcon {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+}
+
+.visitPageIcon > svg {
+ color: white;
+}
+
+.statItem {
+ border-radius: 20px;
+ padding: 12px 8px;
+ width: 20rem;
+ margin-right: .25rem;
+ height: fit-content;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 14px;
+ border: .5px solid transparent;
+ transition: background-color 0.3s ease, border-color 0.3s ease;
+ color: white;
+ text-decoration: none;
+}
+
+.statItem:hover {
+ background-color: #83889a80;
+ border-color: #ffffff;
+ position: relative;
+ color: white;
+ text-decoration: none;
+}
+
+.visitPageIcon {
+ opacity: 0;
+ transition: opacity 0.3s ease;
+}
+
+.statItem:hover .visitPageIcon {
+ opacity: 1;
+}
+
+.statName {
+ font-size: 1.75rem;
+ font-weight: 500;
+ line-height: 2rem;
+ display: flex;
+ justify-content: flex-start;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+.socialMediaSection {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: flex-start;
+ padding-top: 200px;
+}
+
+.videoStyles {
+ height: 100%;
+ width: 35%;
+ gap: 10px;
+}
+
+.carousalContainer{
+ height: 100%;
+ width: 45%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+}
+
+.carousalWrapper{
+ width: 50%;
+ min-width: 280px;
+}
+
+.carousalWrapper::before,
+.carousalWrapper::after {
+ content: '';
+ position: absolute;
+ left: 50%;
+ right: 0;
+ height: 52px;
+ width: 70%;
+ z-index: 9;
+ transform: translateX(-50%);
+}
+.carousalWrapper::before {
+ top: 0;
+ background: linear-gradient(180deg, #545765 0%, #54576500 100%);
+}
+
+.carousalWrapper::after {
+ bottom: 0;
+ background: linear-gradient(0deg, #545765 0%, #54576500 100%);
+}
+
+.videoContainer {
+ position: relative;
+ height: 60vh;
+ max-height: 680px;
+ min-height: 400px;
+ margin-bottom: 40px;
+ border-radius: 24px;
+ overflow: hidden;
+ background: #111;
+ display: flex!important;
+ flex-direction: column;
+ text-decoration: none!important;
+ // border: 1px solid transparent;
+ transition: border .2s ease-in-out;
+ &:hover {
+ // border: 1px solid #999;
+
+ .videoItemFooter {
+ opacity: 1;
+ }
+ .videoTitle {
+ color: white!important;
+ }
+ }
+}
+
+.video {
+ // border-radius: 20px;
+ flex-grow: 1;
+ overflow: hidden;
+ background-color: #000;
+}
+
+.videoItemFooter {
+ padding: 20px;
+ padding-top: 40px;
+ position: absolute;
+ bottom: 0;
+ line-height: 1.25rem;
+ opacity: .7;
+ transition: opacity .2s ease-in-out;
+ background: linear-gradient(#00000000 0%, #000000 100%);
+ text-shadow: 0 2px 12px #000;
+}
+
+.videoTitle {
+ font-size: 1.1rem;
+ line-height: 1.4rem;
+ font-weight: 400;
+ display: inline-block;
+ color: #EEE;
+ overflow: hidden;
+ word-wrap: break-word;
+ width: 100%;
+
+ display: -webkit-box;
+ line-clamp: 2;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+}
+
+.videoDetails {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 8px;
+ margin-top: 4px;
+}
+
+.videoDescription {
+ font-size: .8rem;
+ font-weight: 400;
+ color: #999;
+}
+
+.divider {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: #555;
+ height: 2px;
+ width: 2px;
+ border-radius: 2px;
+}
+
+@media only screen and (max-width: 800px) {
+ .container {
+ height: auto;
+ max-height: none!important;
+ min-height: 0;
+ width: 100%;
+ border-radius: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding-bottom: 80px;
+ padding-top: 40px;
+ flex-direction: column;
+ justify-content: flex-start;
+ }
+ .upperBox {
+ position: relative;
+ background-color: transparent;
+ box-shadow: none;
+ color: white;
+ margin-top: 36px;
+ height: auto;
+ width: 100%;
+ top: 0;
+ left: 0;
+ padding: 8px 24px;
+ div{
+ width: 100%;
+ text-align: center;
+ }
+ }
+ .mainBox {
+ height: auto;
+ padding: 0 24px;
+ }
+ .socialMediaSection {
+ padding-top: 0;
+ width: 100%;
+ align-items: center;
+ .socialSubText {
+ font-size: 1.2rem;
+ font-weight: 400;
+ opacity: .75;
+ text-align: center;
+ }
+ .socialStats {
+ width: auto;
+ margin-top: 12px;
+ }
+ .statItem {
+ width: 50%;
+ margin: 0;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ }
+ .statName {
+ font-size: 1.3rem;
+ line-height: 1.4rem;
+ align-items: center;
+ }
+ .followerCount {
+ font-size: 1rem;
+ }
+ }
+
+ .carousalContainer {
+ // Disabling for now for streamlining
+ display: none;
+
+ height: 300px;
+ overflow: hidden;
+ }
+ .carousalWrapper {
+ width: 100%;
+ }
+
+ .carousalWrapper::before,
+ .carousalWrapper::after {
+ width: 100%;
+ transform: none;
+ left: 0;
+ }
+ .carousalWrapper::before {
+ top: -1px;
+ }
+ .videoContainer {
+ height: 240px;
+ min-height: 0;
+ background-color: transparent;
+ margin-bottom: 16px;
+ justify-content: center;
+ align-items: center;
+ video {
+ width: 180px;
+ border-radius: 16px;
+ }
+ }
+ .videoItemFooter {
+ width: 180px;
+ border-radius: 16px;
+ padding: 12px;
+ padding-bottom: 8px;
+ background: linear-gradient(#00000000 0%, #000000 80%, #000000 100%);
+ opacity: 1;
+ .videoDetails {
+ gap: 2px;
+ margin-top: 0;
+ }
+ .videoTitle {
+ font-size: .9rem;
+ line-height: 1rem;
+ }
+ .videoDescription {
+ font-size: .6rem;
+ }
+ }
+}
diff --git a/docs-website/src/pages/_components/Testimonials/index.js b/docs-website/src/pages/_components/Testimonials/index.js
new file mode 100644
index 0000000000000..016b53f61df98
--- /dev/null
+++ b/docs-website/src/pages/_components/Testimonials/index.js
@@ -0,0 +1,89 @@
+import React from "react";
+import clsx from "clsx";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import styles from "./testimonials.module.scss";
+
+const Testimonials = ({}) => {
+ return (
+
+
+ {/*
+
*/}
+
+
+
+
+
+
+
+
+ We rely on DataHub Cloud to gain insights and ensure our critical data is
+ reliable. Acryl's managed product takes DataHub to the next level
+ through automation and emphasis on time-to-value.
+
+
+ Notion Labs, Inc. DataHub Cloud
+
+
+
+
+
+
+ );
+};
+
+export default Testimonials;
diff --git a/docs-website/src/pages/_components/Testimonials/testimonials.module.scss b/docs-website/src/pages/_components/Testimonials/testimonials.module.scss
new file mode 100644
index 0000000000000..68340e5061f13
--- /dev/null
+++ b/docs-website/src/pages/_components/Testimonials/testimonials.module.scss
@@ -0,0 +1,140 @@
+.testimonials {
+ background: #f1f1f1;
+
+ :global {
+ .testimonials__content {
+ width: 80vw;
+ max-width: 1200px;
+ margin: 0 auto;
+ position: relative;
+ padding: 40px 0;
+
+ // &::before {
+ // position: absolute;
+ // content: "";
+ // top: 0;
+ // left: 50%;
+ // transform: translateX(-50%);
+ // width: 80%;
+ // height: 60px;
+ // background-color: #ffffff;
+ // border-bottom-left-radius: 10px;
+ // border-bottom-right-radius: 10px;
+ // }
+
+ // &::after {
+ // position: absolute;
+ // content: "";
+ // bottom: 0;
+ // left: 50%;
+ // transform: translateX(-50%);
+ // width: 80%;
+ // height: 60px;
+ // background-color: #ffffff;
+ // border-top-left-radius: 10px;
+ // border-top-right-radius: 10px;
+ // }
+
+ .arrow {
+ position: absolute;
+ cursor: pointer;
+ top: 50%;
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ background: #ffffff;
+ box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 2rem;
+ color: #747474;
+ transform: translateY(-50%);
+ right: 0;
+
+ &.left {
+ left: -10px;
+ }
+ }
+
+ .testimonials__card {
+ margin: 2rem 4rem;
+ display: flex;
+
+ .testimonials__logo {
+ max-width: 120px;
+ margin-right: 24px;
+ img {
+ max-width: 100%;
+ }
+ }
+
+ .testimonials__text {
+ max-width: 90%;
+ padding-left: 2rem;
+ color: #2e2e38;
+ .testimonials__quote {
+ font-family: "Manrope";
+ font-style: normal;
+ font-weight: 400;
+ font-size: 1.8rem;
+ line-height: 3rem;
+ position: relative;
+
+ .quote {
+ display: inline;
+ position: absolute;
+ bottom: 0;
+ right: 0;
+
+ &.left {
+ top: -10px;
+ left: -32px;
+ }
+ }
+ }
+ .testimonials__company {
+ margin-top: 1.5rem;
+ font-size: 1.2rem;
+ color: #3a3b41;
+ font-weight: 600;
+ span {
+ opacity: .5;
+ font-weight: 400;
+ }
+ }
+ }
+ }
+ }
+
+ @media only screen and (max-width: 800px) {
+ .testimonials__content {
+ width: 100vw;
+ padding: 20px 0;
+ .testimonials__card {
+ flex-direction: column;
+ margin: 2rem 3rem;
+
+ .testimonials__logo {
+ max-width: 40px;
+ margin-bottom: 16px;
+ }
+
+ .testimonials__text {
+ width: 100%;
+ padding-left: 24px;
+ max-width: 100%;
+ .testimonials__quote {
+ font-size: 1.1rem;
+ line-height: 1.75rem;
+ }
+ .testimonials__company {
+ font-size: 1rem;
+ }
+ }
+ }
+ }
+
+ }
+ }
+}
diff --git a/docs-website/src/pages/_components/Trial/index.js b/docs-website/src/pages/_components/Trial/index.js
new file mode 100644
index 0000000000000..5c0ac992d1366
--- /dev/null
+++ b/docs-website/src/pages/_components/Trial/index.js
@@ -0,0 +1,66 @@
+import React from "react";
+import styles from "./trial.module.scss";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import Link from "@docusaurus/Link";
+
+const Trial = () => {
+ return (
+
+
+
+
+
Discover. Observe. Govern.
+
+ Get a free trial ofDataHub cloud today.
+
+
+
+
Get started with Core →
+
+
+
+
+
+
+
+ Secure
out of box with
SOC2 compliance.
+
+
+
+ Reduce tool clutter,
+
operational burden
and costs.
+
+
+
+
+
+ Built for
Enterprise Scale.
+
+
+
+ Centralize all context
+
in one place.
+
+
+
+
+
+
+ );
+};
+
+export default Trial;
diff --git a/docs-website/src/pages/_components/Trial/trial.module.scss b/docs-website/src/pages/_components/Trial/trial.module.scss
new file mode 100644
index 0000000000000..64d92c9abe08c
--- /dev/null
+++ b/docs-website/src/pages/_components/Trial/trial.module.scss
@@ -0,0 +1,220 @@
+.container {
+ display: flex;
+ flex-direction: column;
+ background: #fafafa;
+ width: 80vw;
+ min-width: 900px;
+ max-width: 1200px;
+ margin: 1rem auto;
+}
+.trial {
+ height: 600px;
+ background: white;
+ display: flex;
+ justify-content: space-between;
+
+ .trial_left {
+ width: 55%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .left_content {
+ flex-grow: 1;
+ padding-right: 24px;
+ span {
+ color: #8088a3;
+ font-size: 1.5rem;
+ font-weight: 400;
+ }
+ p {
+ color: #2e2e38;
+ font-size: 3rem;
+ font-weight: 400;
+ line-height: normal;
+ }
+ .btn_div {
+ display: flex;
+ gap: 1rem;
+ margin-bottom: 1rem;
+
+ a:first-child {
+ cursor: pointer;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 1rem;
+ background-color: #1890ff;
+ padding: 4px 20px;
+ border-radius: 50px;
+ margin: 0 0 0 0;
+ color: white;
+ transition: opacity .2s ease-in-out;
+ &:hover {
+ opacity: .9;
+ }
+ }
+
+ a:nth-child(2) {
+ cursor: pointer;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 1rem;
+ padding: 4px 20px;
+ border-radius: 50px;
+ margin: 0 0 0 0;
+ background-color: transparent;
+ color: #1890ff;
+ border: 1px solid #1890ff;
+ transition: background-color .2s ease-in-out;
+ &:hover {
+ background-color: #1890ff1A;
+ }
+ }
+ }
+
+ .start_arrow {
+ margin-top: .5rem;
+ display: inline-block;
+ font-size: 1.1rem;
+ color: #1890ff;
+ font-weight: 500;
+ cursor: pointer;
+ text-decoration: none;
+ }
+ }
+ }
+ .trial_right {
+ width: 45%;
+ max-width: 520px;
+ height: 100%;
+
+ .right_content {
+ height: 100%;
+ display: flex;
+ gap: 2rem;
+ .right_l {
+ width: 50%;
+ height: 95%;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+
+ div {
+ font-size: 1.25rem;
+ font-weight: 400;
+ color: #fff;
+ line-height: 1.5rem;
+ img {
+ margin-bottom: 8px;
+ }
+ }
+
+ div:first-child {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-left: 2rem;
+ padding-right: 1.5rem;
+ height: 49%;
+ border-radius: 35px;
+ background-image: linear-gradient(to bottom, #FC526333, #FC5263);
+ }
+
+ div:nth-child(2) {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-left: 2rem;
+ padding-right: 1.5rem;
+ background-image: linear-gradient(
+ to bottom,
+ #77B750,
+ #77B75080
+ );
+ height: 49%;
+ border-radius: 35px;
+ }
+ }
+ .right_r {
+ width: 50%;
+ height: 94%;
+ margin-top: 3rem;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+
+ div {
+ font-size: 1.25rem;
+ font-weight: 400;
+ color: #fff;
+ line-height: 1.5rem;
+ img {
+ margin-bottom: 8px;
+ }
+ }
+
+ div:first-child {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-left: 2rem;
+ padding-right: 1.5rem;
+ background-image: linear-gradient(to bottom, #1890FF80, #1890FF);
+ height: 49%;
+ border-radius: 35px;
+ }
+
+ div:nth-child(2) {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-left: 2rem;
+ padding-right: 1.5rem;
+ background-image: linear-gradient(
+ to bottom,
+ #EFB300,
+ #EFB30033
+ );
+ height: 49%;
+ border-radius: 35px;
+ }
+ }
+ }
+ }
+}
+
+// Responsiveness
+@media (max-width: 800px) {
+
+ .container {
+ flex-direction: column;
+ width: 90vw;
+ min-width: 0;
+ margin: 2rem auto;
+ }
+ .trial {
+ flex-direction: column;
+ justify-content: flex-start;
+ height: auto;
+ .trial_left {
+ width: 100%;
+ .left_content {
+ span {
+ font-size: 1.3rem;
+ }
+ p {
+ font-size: 2.5rem;
+ }
+ }
+ .start_arrow {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ }
+ }
+ .trial_right {
+ width: 100%;
+ height: 500px;
+ }
+ }
+}
diff --git a/docs-website/src/pages/cloud/Hero/index.js b/docs-website/src/pages/cloud/Hero/index.js
index ce5af5c8b1248..eeb982544ddca 100644
--- a/docs-website/src/pages/cloud/Hero/index.js
+++ b/docs-website/src/pages/cloud/Hero/index.js
@@ -16,7 +16,7 @@ const Hero = () => {
Experience the premium version of DataHub
- with Data Observability and Data Governance built-in.
+ with Observability and Governance built-in.
diff --git a/docs-website/src/pages/cloud/UnifiedTabs/index.js b/docs-website/src/pages/cloud/UnifiedTabs/index.js
index 0c7ff50ce5447..7ae348885bca2 100644
--- a/docs-website/src/pages/cloud/UnifiedTabs/index.js
+++ b/docs-website/src/pages/cloud/UnifiedTabs/index.js
@@ -8,21 +8,21 @@ const TabbedComponent = () => {
const tabs = [
{
- title: 'Data Discovery',
+ title: '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',
+ title: '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',
+ title: '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",
@@ -32,7 +32,7 @@ const TabbedComponent = () => {
return (
-
One platform to rule them all
+
The only platform you need
{tabs.map((tab, index) => (
diff --git a/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss b/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss
index 7549f74305355..752bd16471c0b 100644
--- a/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss
+++ b/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss
@@ -21,7 +21,7 @@
&:before, &:after {
content: " ";
height: 2px;
- width: calc((100vw - 468px - 120px)/2);
+ width: calc((100vw - 640px - 120px)/2);
background: #EEE;
display: block;
position: absolute;
diff --git a/docs-website/src/pages/cloud/index.js b/docs-website/src/pages/cloud/index.js
index 8769092bedf1e..8ceab8aa04e4a 100644
--- a/docs-website/src/pages/cloud/index.js
+++ b/docs-website/src/pages/cloud/index.js
@@ -38,8 +38,8 @@ function Home() {
-
Get your free trial.
-
Data Discovery, Data Quality and Data Governance unified.
+
Start your free trial
+
Unify Discovery, Observability and Governance
Book Demo
diff --git a/docs-website/src/pages/index.js b/docs-website/src/pages/index.js
index 2eed41b4ad1bd..f79875f423d47 100644
--- a/docs-website/src/pages/index.js
+++ b/docs-website/src/pages/index.js
@@ -11,19 +11,19 @@ import { PlatformLogos } from "./_components/Logos";
import RoundedImage from "./_components/RoundedImage";
import { CompanyLogos } from "./_components/Logos";
import QuickstartContent from "./_components/QuickstartContent";
+import Testimonials from "./_components/Testimonials";
+import Ecosystem from "./_components/Ecosystem";
+import Community from "./_components/Community";
+import SocialMedia from "./_components/SocialMedia";
+import CaseStudy from "./_components/CaseStudy";
+import Trial from "./_components/Trial";
-const example_recipe = `
-source:
- type: "mysql"
- config:
- username: "datahub"
- password: "datahub"
- host_port: "localhost:3306"
-sink:
- type: "datahub-rest"
- config:
- server: 'http://localhost:8080'`.trim();
-const example_recipe_run = "datahub ingest -c recipe.yml";
+const companyIndexes = require("../../adoptionStoriesIndexes.json");
+const companies = companyIndexes.companies;
+const keyCompanySlugs = ["netflix", "visa", "pinterest", "airtel", "optum"];
+const keyCompanies = keyCompanySlugs
+ .map((slug) => companies.find((co) => co.slug === slug))
+ .filter((isDefined) => isDefined);
function Home() {
const context = useDocusaurusContext();
@@ -39,20 +39,42 @@ function Home() {
description="DataHub is a data discovery application built on an extensible data catalog that helps you tame the complexity of diverse data ecosystems."
>
-
-
-
+
+
+ Trusted by industry leaders
+
+
+ {keyCompanies.map((company) => (
+
+
+ ))}
+
+ {/*
+
*/}
-
-
+
@@ -81,7 +103,7 @@ function Home() {
>
The Origins of DataHub
- {/*
*/}
+
Explore DataHub's journey from search and data discovery tool at
LinkedIn to the #1 open source metadata management platform,
@@ -169,7 +191,7 @@ function Home() {
-
+ */}
) : null;
}
diff --git a/docs-website/src/styles/global.scss b/docs-website/src/styles/global.scss
index 1682b322d7cd5..10ba36c77ef25 100644
--- a/docs-website/src/styles/global.scss
+++ b/docs-website/src/styles/global.scss
@@ -83,7 +83,7 @@ main {
}
.markdown,
-main > h1 {
+main>h1 {
margin-top: 1rem;
}
@@ -105,25 +105,29 @@ main > h1 {
div[class^="announcementBar"] {
z-index: calc(var(--ifm-z-index-fixed) - 1);
+
div {
display: flex;
align-items: center;
padding: 0 1rem;
justify-content: space-between;
font-size: 1rem;
- > div {
+
+ >div {
display: flex;
align-items: center;
- > p {
+ >p {
text-align: left;
line-height: 1.1rem;
margin: 0;
- > span {
+
+ >span {
@media (max-width: 780px) {
display: none;
}
}
+
@media (max-width: 480px) {
display: none;
}
@@ -135,6 +139,7 @@ div[class^="announcementBar"] {
height: auto;
margin-right: 1rem;
}
+
a {
color: var(--ifm-button-color);
text-decoration: none;
@@ -156,7 +161,7 @@ div[class^="announcementBar"] {
border-bottom: 2px solid transparent;
}
- .dropdown > .navbar__link:after {
+ .dropdown>.navbar__link:after {
top: -1px;
border-width: 0.3em 0.3em 0;
margin-left: 0.4em;
@@ -165,38 +170,49 @@ div[class^="announcementBar"] {
.navbar__link--active {
border-bottom-color: var(--ifm-navbar-link-hover-color);
}
+
.navbar__item {
padding: 0.25rem 0;
+
svg[class*="iconExternalLink"] {
display: none;
}
+
&.item__icon {
height: 34px;
width: 46px;
background-repeat: no-repeat;
background-position: 50% 50%;
+
&.item__github {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.99 1.787C6.196 1.785 1.5 6.477 1.5 12.27c0 4.58 2.937 8.472 7.027 9.902.55.138.466-.253.466-.52v-1.817c-3.18.373-3.31-1.732-3.523-2.083-.43-.736-1.45-.924-1.146-1.275.724-.373 1.463.094 2.318 1.357.619.916 1.826.762 2.438.61.133-.552.42-1.044.813-1.426-3.295-.59-4.669-2.601-4.669-4.992 0-1.16.382-2.227 1.132-3.087-.478-1.418.045-2.632.115-2.812 1.362-.122 2.777.975 2.888 1.061.773-.208 1.657-.318 2.646-.318.993 0 1.88.115 2.66.326.265-.202 1.577-1.144 2.843-1.03.068.181.579 1.367.129 2.766.76.863 1.146 1.939 1.146 3.101 0 2.395-1.383 4.409-4.688 4.99a2.986 2.986 0 0 1 .893 2.133v2.636c.019.211 0 .42.352.42 4.15-1.4 7.139-5.32 7.139-9.94 0-5.794-4.697-10.484-10.488-10.484Z' fill='%23262626'/%3E%3C/svg%3E");
}
+
&.item__medium {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.563 6.558 21 5.178v-.303h-4.976l-3.546 8.869-4.033-8.869H3.227v.302l1.678 2.03c.165.15.249.37.228.59v7.976a.907.907 0 0 1-.242.79L3 18.867v.298h5.358v-.302l-1.89-2.297a.937.937 0 0 1-.26-.79v-6.9l4.704 10.293h.547l4.045-10.293v8.2c0 .216 0 .26-.14.404l-1.456 1.413v.302h7.06v-.302l-1.405-1.38a.424.424 0 0 1-.16-.404V6.961a.425.425 0 0 1 .16-.403Z' fill='%23262626'/%3E%3C/svg%3E");
}
+
&.item__youtube {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.062 6.94a2.631 2.631 0 0 0-1.857-1.859c-1.638-.44-8.205-.44-8.205-.44s-6.567 0-8.205.438a2.628 2.628 0 0 0-1.857 1.859C1.5 8.578 1.5 12 1.5 12s0 3.422.438 5.06a2.632 2.632 0 0 0 1.857 1.859c1.638.44 8.205.44 8.205.44s6.567 0 8.206-.44a2.628 2.628 0 0 0 1.856-1.859C22.5 15.422 22.5 12 22.5 12s0-3.422-.438-5.06Zm-12.148 8.2V8.86l5.438 3.117-5.438 3.164Z' fill='%23262626'/%3E%3C/svg%3E");
}
+
&.item__slack {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.595 3c-.993 0-1.797.806-1.797 1.8a1.799 1.799 0 0 0 1.798 1.8h1.797V4.8c0-.991-.804-1.798-1.798-1.8Zm0 4.8H4.798a1.8 1.8 0 0 0 0 3.6h4.795c.994 0 1.798-.806 1.798-1.8a1.796 1.796 0 0 0-1.796-1.8Zm4.796 3.6c.993 0 1.8-.806 1.797-1.8V4.8a1.798 1.798 0 1 0-3.595 0v4.8c0 .996.804 1.8 1.798 1.8Zm6.595-1.8a1.8 1.8 0 0 0-1.798-1.8 1.8 1.8 0 0 0-1.797 1.8v1.8h1.797a1.8 1.8 0 0 0 1.798-1.8Zm-1.8 3H14.39c-.994 0-1.798.806-1.798 1.8a1.799 1.799 0 0 0 1.798 1.8h4.795c.994 0 1.798-.806 1.798-1.8a1.798 1.798 0 0 0-1.798-1.8Zm-4.795 4.8h-1.798v1.8a1.797 1.797 0 1 0 3.595 0 1.798 1.798 0 0 0-1.797-1.8Zm-4.796-4.8c-.993 0-1.797.806-1.797 1.8v4.8a1.797 1.797 0 1 0 3.595 0v-4.8c0-.476-.19-.935-.525-1.273a1.803 1.803 0 0 0-1.273-.527ZM3 14.4a1.799 1.799 0 1 0 3.595 0v-1.8H4.798A1.8 1.8 0 0 0 3 14.4Z' fill='%23262626'/%3E%3C/svg%3E");
}
+
html[data-theme="dark"] & {
&.item__github {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.99 1.787C6.196 1.785 1.5 6.477 1.5 12.27c0 4.58 2.937 8.472 7.027 9.902.55.138.466-.253.466-.52v-1.817c-3.18.373-3.31-1.732-3.523-2.083-.43-.736-1.45-.924-1.146-1.275.724-.373 1.463.094 2.318 1.357.619.916 1.826.762 2.438.61.133-.552.42-1.044.813-1.426-3.295-.59-4.669-2.601-4.669-4.992 0-1.16.382-2.227 1.132-3.087-.478-1.418.045-2.632.115-2.812 1.362-.122 2.777.975 2.888 1.061.773-.208 1.657-.318 2.646-.318.993 0 1.88.115 2.66.326.265-.202 1.577-1.144 2.843-1.03.068.181.579 1.367.129 2.766.76.863 1.146 1.939 1.146 3.101 0 2.395-1.383 4.409-4.688 4.99a2.986 2.986 0 0 1 .893 2.133v2.636c.019.211 0 .42.352.42 4.15-1.4 7.139-5.32 7.139-9.94 0-5.794-4.697-10.484-10.488-10.484Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
+
&.item__medium {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.563 6.558 21 5.178v-.303h-4.976l-3.546 8.869-4.033-8.869H3.227v.302l1.678 2.03c.165.15.249.37.228.59v7.976a.907.907 0 0 1-.242.79L3 18.867v.298h5.358v-.302l-1.89-2.297a.937.937 0 0 1-.26-.79v-6.9l4.704 10.293h.547l4.045-10.293v8.2c0 .216 0 .26-.14.404l-1.456 1.413v.302h7.06v-.302l-1.405-1.38a.424.424 0 0 1-.16-.404V6.961a.425.425 0 0 1 .16-.403Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
+
&.item__youtube {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.062 6.94a2.631 2.631 0 0 0-1.857-1.859c-1.638-.44-8.205-.44-8.205-.44s-6.567 0-8.205.438a2.628 2.628 0 0 0-1.857 1.859C1.5 8.578 1.5 12 1.5 12s0 3.422.438 5.06a2.632 2.632 0 0 0 1.857 1.859c1.638.44 8.205.44 8.205.44s6.567 0 8.206-.44a2.628 2.628 0 0 0 1.856-1.859C22.5 15.422 22.5 12 22.5 12s0-3.422-.438-5.06Zm-12.148 8.2V8.86l5.438 3.117-5.438 3.164Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
+
&.item__slack {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.595 3c-.993 0-1.797.806-1.797 1.8a1.799 1.799 0 0 0 1.798 1.8h1.797V4.8c0-.991-.804-1.798-1.798-1.8Zm0 4.8H4.798a1.8 1.8 0 0 0 0 3.6h4.795c.994 0 1.798-.806 1.798-1.8a1.796 1.796 0 0 0-1.796-1.8Zm4.796 3.6c.993 0 1.8-.806 1.797-1.8V4.8a1.798 1.798 0 1 0-3.595 0v4.8c0 .996.804 1.8 1.798 1.8Zm6.595-1.8a1.8 1.8 0 0 0-1.798-1.8 1.8 1.8 0 0 0-1.797 1.8v1.8h1.797a1.8 1.8 0 0 0 1.798-1.8Zm-1.8 3H14.39c-.994 0-1.798.806-1.798 1.8a1.799 1.799 0 0 0 1.798 1.8h4.795c.994 0 1.798-.806 1.798-1.8a1.798 1.798 0 0 0-1.798-1.8Zm-4.795 4.8h-1.798v1.8a1.797 1.797 0 1 0 3.595 0 1.798 1.798 0 0 0-1.797-1.8Zm-4.796-4.8c-.993 0-1.797.806-1.797 1.8v4.8a1.797 1.797 0 1 0 3.595 0v-4.8c0-.476-.19-.935-.525-1.273a1.803 1.803 0 0 0-1.273-.527ZM3 14.4a1.799 1.799 0 1 0 3.595 0v-1.8H4.798A1.8 1.8 0 0 0 3 14.4Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
@@ -220,10 +236,12 @@ div[class^="announcementBar"] {
.anticon {
svg {
color: var(--ifm-color-primary);
+
path[fill="#e6f7ff"] {
fill: var(--ifm-color-primary);
opacity: 0.15;
}
+
path[fill="#1890ff"] {
fill: var(--ifm-color-primary);
}
@@ -236,6 +254,7 @@ div[class^="announcementBar"] {
font-size: 0.8em;
opacity: 0.5;
}
+
&.footer--dark {
--ifm-footer-background-color: #000000;
}
@@ -243,25 +262,26 @@ div[class^="announcementBar"] {
/* Hero */
-.hero {
- padding: 5vh 0;
+// .hero {
+// padding: 5vh 0;
- .hero__subtitle {
- font-size: 1.25em;
- margin: 1rem auto 3rem;
- max-width: 800px;
+// .hero__subtitle {
+// font-size: 1.25em;
+// max-width: 800px;
- img {
- vertical-align: middle;
- margin-top: -0.3em;
- }
- }
- .hero__content {
- text-align: center;
- padding: 2rem 0;
- height: 100%;
- }
-}
+// img {
+// vertical-align: middle;
+// margin-top: -0.3em;
+// }
+// }
+
+// .hero__content {
+// text-align: center;
+// padding: 2rem 0;
+// height: 100%;
+// display: flex;
+// }
+// }
/* Sidebar Menu */
@@ -280,6 +300,7 @@ div[class^="announcementBar"] {
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 20px 20px;
+
[data-theme="dark"] & {
filter: invert(1);
}
@@ -300,13 +321,13 @@ div[class^="announcementBar"] {
padding: calc(var(--ifm-menu-link-padding-vertical) + 0.2rem) calc(var(--ifm-menu-link-padding-horizontal) + 0.2rem) calc(var(--ifm-menu-link-padding-vertical) + 0.2rem) calc(var(--ifm-menu-link-padding-horizontal) + 1rem);
}
- .theme-doc-sidebar-item-category-level-1 > div > a:first-child {
+ .theme-doc-sidebar-item-category-level-1>div>a:first-child {
font-weight: 400;
color: var(--ifm-menu-color);
padding: calc(var(--ifm-menu-link-padding-vertical) + 0.2rem) calc(var(--ifm-menu-link-padding-horizontal) + 0.2rem) calc(var(--ifm-menu-link-padding-vertical) + 0.2rem) calc(var(--ifm-menu-link-padding-horizontal) + 1rem);
}
- .theme-doc-sidebar-item-category-level-1 > div > a.menu__link--active {
+ .theme-doc-sidebar-item-category-level-1>div>a.menu__link--active {
color: var(--ifm-menu-color);
font-weight: 400;
}
@@ -317,6 +338,7 @@ div[class^="announcementBar"] {
padding-left: 1.5rem;
font-size: 0.9rem;
line-height: 1rem;
+
.table-of-contents__link--active {
font-weight: 600;
}
@@ -359,3 +381,74 @@ div[class^="announcementBar"] {
--docsearch-footer-background: var(--ifm-background-surface-color);
--docsearch-key-gradient: linear-gradient(-26.5deg, var(--ifm-color-emphasis-200) 0%, var(--ifm-color-emphasis-100) 100%);
}
+
+.comapny__logos {
+ display: flex;
+ min-width: 900px;
+ width: 80vw;
+ margin: 0 auto;
+ margin-top: 12px;
+ align-items: center;
+ justify-content: center;
+
+ .text {
+ padding-right: 24px;
+ color: #777;
+ font-size: 1.25rem;
+ line-height: 1.5rem;
+ }
+
+ .company_logos_list_wrapper {
+ flex-direction: row;
+ display: flex;
+ align-items: center;
+ flex-grow: 1;
+ justify-content: space-around;
+ }
+ .company_logo {
+ max-width: 80px;
+ max-height: 36px;
+ filter: brightness(0) grayscale(1);
+ opacity: .4;
+ transition: opacity .3s ease-in-out;
+ &:hover {
+ opacity: 0.6;
+ }
+ }
+}
+@media only screen and (max-width: 800px) {
+ .comapny__logos {
+ flex-direction: column;
+ width: 90vw;
+ min-width: 0;
+ .text {
+ padding-right: 0;
+ font-size: .9rem;
+ line-height: 1.2rem;
+ text-align: center;
+ margin-bottom: 12px;
+ opacity: .75;
+ br {
+ display: none;
+ }
+ }
+ .company_logos_list_wrapper {
+ width: 100%;
+ }
+ .company_logo {
+ max-width: 60px;
+ max-height: 24px;
+ }
+ }
+}
+
+
+
+@keyframes expand-on-scroll {
+ from {
+ transform: scaleY(0);
+ }
+ to {
+ transform: scaleY(1);
+ }
+}
diff --git a/docs-website/static/img/building.svg b/docs-website/static/img/building.svg
new file mode 100644
index 0000000000000..eb81b418a18a5
--- /dev/null
+++ b/docs-website/static/img/building.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
diff --git a/docs-website/static/img/cloud.svg b/docs-website/static/img/cloud.svg
new file mode 100644
index 0000000000000..3bbc40f5a5dfc
--- /dev/null
+++ b/docs-website/static/img/cloud.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/docs-website/static/img/datahub-architechture-diagram.svg b/docs-website/static/img/datahub-architechture-diagram.svg
new file mode 100644
index 0000000000000..1afc46bf33768
--- /dev/null
+++ b/docs-website/static/img/datahub-architechture-diagram.svg
@@ -0,0 +1,407 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs-website/static/img/dollar.svg b/docs-website/static/img/dollar.svg
new file mode 100644
index 0000000000000..28eec9ef53320
--- /dev/null
+++ b/docs-website/static/img/dollar.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/docs-website/static/img/git-pull.svg b/docs-website/static/img/git-pull.svg
new file mode 100644
index 0000000000000..a56c9db33875c
--- /dev/null
+++ b/docs-website/static/img/git-pull.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/docs-website/static/img/github.png b/docs-website/static/img/github.png
new file mode 100644
index 0000000000000..608dc727bafa5
Binary files /dev/null and b/docs-website/static/img/github.png differ
diff --git a/docs-website/static/img/hero-graphic.svg b/docs-website/static/img/hero-graphic.svg
new file mode 100644
index 0000000000000..a1586b1129ed3
--- /dev/null
+++ b/docs-website/static/img/hero-graphic.svg
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/docs-website/static/img/hero.png b/docs-website/static/img/hero.png
new file mode 100644
index 0000000000000..44b11c2781143
Binary files /dev/null and b/docs-website/static/img/hero.png differ
diff --git a/docs-website/static/img/home-social-media/hashi.mp4 b/docs-website/static/img/home-social-media/hashi.mp4
new file mode 100644
index 0000000000000..5338f8bc2960a
Binary files /dev/null and b/docs-website/static/img/home-social-media/hashi.mp4 differ
diff --git a/docs-website/static/img/home-social-media/kathleen.webm b/docs-website/static/img/home-social-media/kathleen.webm
new file mode 100644
index 0000000000000..77d603b6f9a32
Binary files /dev/null and b/docs-website/static/img/home-social-media/kathleen.webm differ
diff --git a/docs-website/static/img/home-social-media/linkedin.webm b/docs-website/static/img/home-social-media/linkedin.webm
new file mode 100644
index 0000000000000..605c43fe4c26d
Binary files /dev/null and b/docs-website/static/img/home-social-media/linkedin.webm differ
diff --git a/docs-website/static/img/home-social-media/section-background.svg b/docs-website/static/img/home-social-media/section-background.svg
new file mode 100644
index 0000000000000..4bc795e35d361
--- /dev/null
+++ b/docs-website/static/img/home-social-media/section-background.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/docs-website/static/img/home-social-media/visa.webm b/docs-website/static/img/home-social-media/visa.webm
new file mode 100644
index 0000000000000..c938c38fc3607
Binary files /dev/null and b/docs-website/static/img/home-social-media/visa.webm differ
diff --git a/docs-website/static/img/home-social-media/visa_speaker.webm b/docs-website/static/img/home-social-media/visa_speaker.webm
new file mode 100644
index 0000000000000..e2c4596ff3725
Binary files /dev/null and b/docs-website/static/img/home-social-media/visa_speaker.webm differ
diff --git a/docs-website/static/img/lightning.svg b/docs-website/static/img/lightning.svg
new file mode 100644
index 0000000000000..6ed34540044cd
--- /dev/null
+++ b/docs-website/static/img/lightning.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
diff --git a/docs-website/static/img/link.svg b/docs-website/static/img/link.svg
new file mode 100644
index 0000000000000..1fdd25bbb74b0
--- /dev/null
+++ b/docs-website/static/img/link.svg
@@ -0,0 +1,6 @@
+
+
diff --git a/docs-website/static/img/link_arrow_open.png b/docs-website/static/img/link_arrow_open.png
new file mode 100644
index 0000000000000..8f7ae84a58ae5
Binary files /dev/null and b/docs-website/static/img/link_arrow_open.png differ
diff --git a/docs-website/static/img/lock-soc.svg b/docs-website/static/img/lock-soc.svg
new file mode 100644
index 0000000000000..7c2281ce91ce8
--- /dev/null
+++ b/docs-website/static/img/lock-soc.svg
@@ -0,0 +1,11 @@
+
+
+
+
+
+
diff --git a/docs-website/static/img/lock.svg b/docs-website/static/img/lock.svg
new file mode 100644
index 0000000000000..113c39a050fb7
--- /dev/null
+++ b/docs-website/static/img/lock.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+
diff --git a/docs-website/static/img/logos/companies/airtel.png b/docs-website/static/img/logos/companies/airtel.png
index 5115c7d3e728c..21014c0bd6909 100644
Binary files a/docs-website/static/img/logos/companies/airtel.png and b/docs-website/static/img/logos/companies/airtel.png differ
diff --git a/docs-website/static/img/logos/companies/netflix.png b/docs-website/static/img/logos/companies/netflix.png
index 151775b3b17bc..3e6737a066aba 100755
Binary files a/docs-website/static/img/logos/companies/netflix.png and b/docs-website/static/img/logos/companies/netflix.png differ
diff --git a/docs-website/static/img/logos/companies/optum.jpg b/docs-website/static/img/logos/companies/optum.jpg
deleted file mode 100644
index 1e2fb1b0f67b6..0000000000000
Binary files a/docs-website/static/img/logos/companies/optum.jpg and /dev/null differ
diff --git a/docs-website/static/img/logos/companies/optum.png b/docs-website/static/img/logos/companies/optum.png
new file mode 100644
index 0000000000000..eaa57b6da89c0
Binary files /dev/null and b/docs-website/static/img/logos/companies/optum.png differ
diff --git a/docs-website/static/img/logos/companies/pinterest.png b/docs-website/static/img/logos/companies/pinterest.png
index 715c8c33fd85b..591205f511a63 100644
Binary files a/docs-website/static/img/logos/companies/pinterest.png and b/docs-website/static/img/logos/companies/pinterest.png differ
diff --git a/docs-website/static/img/logos/companies/visa.png b/docs-website/static/img/logos/companies/visa.png
index 0a0198bfb76a2..20af2c5cd8e26 100644
Binary files a/docs-website/static/img/logos/companies/visa.png and b/docs-website/static/img/logos/companies/visa.png differ
diff --git a/docs-website/static/img/logos/scrollingCompanies/notion.png b/docs-website/static/img/logos/scrollingCompanies/notion.png
new file mode 100644
index 0000000000000..a9abb30917977
Binary files /dev/null and b/docs-website/static/img/logos/scrollingCompanies/notion.png differ
diff --git a/docs-website/static/img/quickstart_discovery.png b/docs-website/static/img/quickstart_discovery.png
new file mode 100644
index 0000000000000..b409f413ab5e8
Binary files /dev/null and b/docs-website/static/img/quickstart_discovery.png differ
diff --git a/docs-website/static/img/quickstart_governance.png b/docs-website/static/img/quickstart_governance.png
new file mode 100644
index 0000000000000..c23e18a882962
Binary files /dev/null and b/docs-website/static/img/quickstart_governance.png differ
diff --git a/docs-website/static/img/quickstart_observability.png b/docs-website/static/img/quickstart_observability.png
new file mode 100644
index 0000000000000..45461d2a475de
Binary files /dev/null and b/docs-website/static/img/quickstart_observability.png differ
diff --git a/docs-website/static/img/slack/Crown.png b/docs-website/static/img/slack/Crown.png
new file mode 100644
index 0000000000000..e04a9a4a644eb
Binary files /dev/null and b/docs-website/static/img/slack/Crown.png differ
diff --git a/docs-website/static/img/slack/slack-community-user-1.png b/docs-website/static/img/slack/slack-community-user-1.png
new file mode 100644
index 0000000000000..91871e061057f
Binary files /dev/null and b/docs-website/static/img/slack/slack-community-user-1.png differ
diff --git a/docs-website/static/img/slack/slack-community-user-2.png b/docs-website/static/img/slack/slack-community-user-2.png
new file mode 100644
index 0000000000000..a8f5db35a1b65
Binary files /dev/null and b/docs-website/static/img/slack/slack-community-user-2.png differ
diff --git a/docs-website/static/img/slack/slack-community-user-3.png b/docs-website/static/img/slack/slack-community-user-3.png
new file mode 100644
index 0000000000000..a7bf41cb07394
Binary files /dev/null and b/docs-website/static/img/slack/slack-community-user-3.png differ
diff --git a/docs-website/static/img/slack/slack-community-user-4.png b/docs-website/static/img/slack/slack-community-user-4.png
new file mode 100644
index 0000000000000..b6a483056d69c
Binary files /dev/null and b/docs-website/static/img/slack/slack-community-user-4.png differ
diff --git a/docs-website/static/img/slack/slack-community-user-5.png b/docs-website/static/img/slack/slack-community-user-5.png
new file mode 100644
index 0000000000000..ebe7d9af54c5b
Binary files /dev/null and b/docs-website/static/img/slack/slack-community-user-5.png differ
diff --git a/docs-website/static/img/slack/slack-community-user-6.png b/docs-website/static/img/slack/slack-community-user-6.png
new file mode 100644
index 0000000000000..fcbf4f78a1a98
Binary files /dev/null and b/docs-website/static/img/slack/slack-community-user-6.png differ
diff --git a/docs-website/yarn.lock b/docs-website/yarn.lock
index bdbf348841de0..ee300b5cb7672 100644
--- a/docs-website/yarn.lock
+++ b/docs-website/yarn.lock
@@ -1827,7 +1827,7 @@
"@docusaurus/theme-search-algolia" "2.4.3"
"@docusaurus/types" "2.4.3"
-"@docusaurus/react-loadable@5.5.2":
+"@docusaurus/react-loadable@5.5.2", "react-loadable@npm:@docusaurus/react-loadable@5.5.2":
version "5.5.2"
resolved "https://registry.yarnpkg.com/@docusaurus/react-loadable/-/react-loadable-5.5.2.tgz#81aae0db81ecafbdaee3651f12804580868fa6ce"
integrity sha512-A3dYjdBGuy0IGT+wyLIGIKLRE+sAk1iNk0f1HjNDysO7u8lhL4N3VEm+FAubmJbAztn94F7MxBTPmnixbiyFdQ==
@@ -5762,6 +5762,13 @@ fraction.js@^4.3.7:
resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7"
integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==
+framer-motion@^11.5.4:
+ version "11.5.4"
+ resolved "https://registry.yarnpkg.com/framer-motion/-/framer-motion-11.5.4.tgz#521b551bb6003918e7b24af3141626f6f443e2b3"
+ integrity sha512-E+tb3/G6SO69POkdJT+3EpdMuhmtCh9EWuK4I1DnIC23L7tFPrl8vxP+LSovwaw6uUr73rUbpb4FgK011wbRJQ==
+ dependencies:
+ tslib "^2.4.0"
+
fresh@0.5.2:
version "0.5.2"
resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
@@ -9689,14 +9696,6 @@ react-loadable-ssr-addon-v5-slorber@^1.0.1:
dependencies:
"@babel/runtime" "^7.10.3"
-"react-loadable@npm:@docusaurus/react-loadable@5.5.2":
- version "5.5.2"
- resolved "https://registry.yarnpkg.com/@docusaurus/react-loadable/-/react-loadable-5.5.2.tgz#81aae0db81ecafbdaee3651f12804580868fa6ce"
- integrity sha512-A3dYjdBGuy0IGT+wyLIGIKLRE+sAk1iNk0f1HjNDysO7u8lhL4N3VEm+FAubmJbAztn94F7MxBTPmnixbiyFdQ==
- dependencies:
- "@types/react" "*"
- prop-types "^15.6.2"
-
react-markdown@^8.0.6:
version "8.0.7"
resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-8.0.7.tgz#c8dbd1b9ba5f1c5e7e5f2a44de465a3caafdf89b"
![Slack]({useBaseUrl("/img/logos/companies/slack.svg")})
+
+
+ {formattedCount}
+
+ {" "}
+ strong.
+ ![GitHub]({useBaseUrl("/img/github.png")})
{" "}
+ 500+ contributors ![]({useBaseUrl("/img/link_arrow_open.png")}){kind=icon}
+ ![right--v1]({useBaseUrl("/img/cloud.svg")}){kind=small}
+
+ An architecture that's designed for true enterprise scale.
+
+ ![right--v1]({useBaseUrl("/img/git-pull.svg")}){kind=small}
+
+ 70+ native integrations,![right--v1]({useBaseUrl("/img/lock.svg")}){kind=small}
+
+ Execute ingestion in-VPC,![right--v1]({useBaseUrl("/img/lightning.svg")}){kind=small}
+
+ Event-driven actions framework, rich APIs and SDKs.
+
+ ![]({useBaseUrl("/img/acryl-logo-transparent-mark.svg")}){kind=spacer}
{" "}
-
- Acryl Data
- {" "}
- and ![]({useBaseUrl("img/LI-In-Bug.png")}){kind=small}
LinkedIn.
- ![]({useBaseUrl("/img/hero.png")})
![]({useBaseUrl("/img/logos/scrollingCompanies/notion.png")})
+ ![]({useBaseUrl("/img/lock-soc.svg")})
+ Secure![]({useBaseUrl("/img/dollar.svg")})
+ Reduce tool clutter,
+ ![]({useBaseUrl("/img/building.svg")})
+ Built for ![]({useBaseUrl("/img/link.svg")})
+ Centralize all context
+