feat: make demo site accessible directly from navbar (#7715)

Co-authored-by: Hyejin Yoon <yoonhyejin@Hyejins-MacBook-Pro.local>

README.md

@@ -43,7 +43,7 @@ HOSTED_DOCS_ONLY-->
 [Features](https://datahubproject.io/docs/features) |
 [Roadmap](https://feature-requests.datahubproject.io/roadmap) |
 [Adoption](#adoption) |
-[Demo](https://datahubproject.io/docs/demo) |
+[Demo](https://demo.datahubproject.io/) |
 [Town Hall](https://datahubproject.io/docs/townhalls)
 
 ---
@@ -70,7 +70,7 @@ Check out DataHub's [Features](docs/features.md) & [Roadmap](https://feature-req
 
 ## Demo and Screenshots
 
-There's a [hosted demo environment](https://datahubproject.io/docs/demo) courtesy of [Acryl Data](https://acryldata.io) where you can explore DataHub without installing it locally
+There's a [hosted demo environment](https://demo.datahubproject.io/) courtesy of [Acryl Data](https://acryldata.io) where you can explore DataHub without installing it locally
 
 ## Quickstart
 
@@ -80,7 +80,7 @@ Please follow the [DataHub Quickstart Guide](https://datahubproject.io/docs/quic
 
 If you're looking to build & modify datahub please take a look at our [Development Guide](https://datahubproject.io/docs/developers).
 
-[![DataHub Demo GIF](docs/imgs/entity.png)](https://datahubproject.io/docs/demo)
+[![DataHub Demo GIF](docs/imgs/entity.png)](https://demo.datahubproject.io/)
 
 ## Source Code and Repositories
 

docs-website/docusaurus.config.js

@@ -54,7 +54,7 @@ module.exports = {
           position: "right",
         },
         {
-          to: "docs/demo",
+          to: "https://demo.datahubproject.io/",
           label: "Demo",
           position: "right",
         },
@@ -139,7 +139,7 @@ module.exports = {
           items: [
             {
               label: "Demo",
-              to: "docs/demo",
+              to: "https://demo.datahubproject.io/",
             },
             {
               label: "Roadmap",

docs-website/generateDocsDir.ts

@@ -174,7 +174,6 @@ function get_slug(filepath: string): string {
 
 const hardcoded_titles = {
   "README.md": "Introduction",
-  "docs/demo.md": "See DataHub in Action",
   "docs/actions/README.md": "Introduction",
   "docs/actions/concepts.md": "Concepts",
   "docs/actions/quickstart.md": "Quickstart",

docs-website/sidebars.js

@@ -15,6 +15,11 @@ module.exports = {
 
         "docs/features",
         "docs/what-is-datahub/datahub-concepts",
+        {
+          type: "link",
+          label: "See Datahub In Action",
+          href: "https://demo.datahubproject.io/",
+        },
         {
           Architecture: [
             "docs/architecture/architecture",
@@ -23,7 +28,6 @@ module.exports = {
             "docs/architecture/metadata-serving",
           ],
         },
-        "docs/demo", // rename this to "DataHub Demo"
         "docs/saas",
       ],
     },

docs-website/src/pages/_components/Hero/index.js

@@ -48,7 +48,7 @@ const Hero = ({}) => {
           <Link to={useBaseUrl("docs/introduction")}>What is DataHub?</Link>
           <Link to={useBaseUrl("docs/features")}>What can I do with DataHub?</Link>
           <Link to={useBaseUrl("docs/architecture/architecture")}>How is DataHub architected?</Link>
-          <Link to={useBaseUrl("docs/demo")}>See DataHub in action</Link>
+          <Link to="https://demo.datahubproject.io">See DataHub in action</Link>
         </div>
       </div>
     </header>

docs/demo.md

@@ -1,13 +0,0 @@
-# DataHub Demo Environment
-
-We have a hosted demo environment available, kindly provided by [Acryl Data](https://acryl.io/).
-
-<p>
-<a
-    className='button button--primary button--lg'
-    href="https://demo.datahubproject.io/">
-    Check out the demo
-</a>
-</p>
-
-The demo environment contains a number of sample datasets from BigQuery's public data project. We also added lineage and ownership information to showcase the full power of DataHub.