From 7ec1daa7d4e9db46eae1e6e9de83af44f50b4fa7 Mon Sep 17 00:00:00 2001
From: Hyejin Yoon <0327jane@gmail.com>
Date: Thu, 6 Apr 2023 10:40:20 +0900
Subject: [PATCH] feat: make demo site accessible directly from navbar (#7715)

Co-authored-by: Hyejin Yoon <yoonhyejin@Hyejins-MacBook-Pro.local>
---
 README.md                                        |  6 +++---
 docs-website/docusaurus.config.js                |  4 ++--
 docs-website/generateDocsDir.ts                  |  1 -
 docs-website/sidebars.js                         |  6 +++++-
 docs-website/src/pages/_components/Hero/index.js |  2 +-
 docs/demo.md                                     | 13 -------------
 6 files changed, 11 insertions(+), 21 deletions(-)
 delete mode 100644 docs/demo.md

diff --git a/README.md b/README.md
index ac1255c33d..6e3a1023f0 100644
--- a/README.md
+++ b/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
 
diff --git a/docs-website/docusaurus.config.js b/docs-website/docusaurus.config.js
index 5e27827afd..2348b0566b 100644
--- a/docs-website/docusaurus.config.js
+++ b/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",
diff --git a/docs-website/generateDocsDir.ts b/docs-website/generateDocsDir.ts
index 6dd5fa2ad7..ee6e6b5866 100644
--- a/docs-website/generateDocsDir.ts
+++ b/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",
diff --git a/docs-website/sidebars.js b/docs-website/sidebars.js
index 3bccef4670..0a1c2aff9b 100644
--- a/docs-website/sidebars.js
+++ b/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",
       ],
     },
diff --git a/docs-website/src/pages/_components/Hero/index.js b/docs-website/src/pages/_components/Hero/index.js
index cc70ea455b..edc7a4e4ae 100644
--- a/docs-website/src/pages/_components/Hero/index.js
+++ b/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>
diff --git a/docs/demo.md b/docs/demo.md
deleted file mode 100644
index 9a3ab021ab..0000000000
--- a/docs/demo.md
+++ /dev/null
@@ -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.