From 02ce2114fd6859e111cd38793bc3a3b925e9808d Mon Sep 17 00:00:00 2001
From: Pedro Ferreira <10789765+apedroferreira@users.noreply.github.com>
Date: Mon, 21 Nov 2022 18:21:00 +0000
Subject: [PATCH 1/2] Update demo bar copy

---
 packages/toolpad-app/src/constants.ts         |  2 ++
 .../src/toolpad/ToolpadShell/DemoBar.tsx      | 34 ++++++++++---------
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/packages/toolpad-app/src/constants.ts b/packages/toolpad-app/src/constants.ts
index 04b3648c10d..373d284599a 100644
--- a/packages/toolpad-app/src/constants.ts
+++ b/packages/toolpad-app/src/constants.ts
@@ -12,3 +12,5 @@ export const LANDING_PAGE_URL = 'https://mui.com/toolpad/';
 export const DOCUMENTATION_URL = 'https://mui.com/toolpad/getting-started/overview/';
 export const DOCUMENTATION_INSTALLATION_URL =
   'https://mui.com/toolpad/getting-started/installation/';
+export const ROADMAP_URL = 'https://github.com/orgs/mui/projects/9';
+export const TEAM_CONTACT_URL = 'https://calendly.com/prakhar-mui/toolpad';
diff --git a/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx b/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx
index 1b8c6e6bdfb..b703575d0b3 100644
--- a/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx
+++ b/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { Box, Button, Link, styled, Typography } from '@mui/material';
+import { Box, Button, Link, styled, SxProps, Typography } from '@mui/material';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import { blueDark, grey } from '../../theme';
-import { DOCUMENTATION_INSTALLATION_URL, LANDING_PAGE_URL } from '../../constants';
+import { DOCUMENTATION_INSTALLATION_URL, ROADMAP_URL, TEAM_CONTACT_URL } from '../../constants';
 
 const DemoBarContainer = styled(Box)({
   alignItems: 'center',
@@ -18,26 +18,28 @@ const DemoBarContainer = styled(Box)({
 });
 
 export default function DemoBar() {
+  const linkStyles: SxProps = {
+    color: grey[700],
+    fontWeight: 'normal',
+    textDecorationColor: grey[700],
+    '&:hover': { color: grey[700] },
+  };
+
   return (
     <DemoBarContainer>
       <Typography variant="subtitle1" sx={{ fontWeight: 700 }}>
         Demo version
       </Typography>
       <Typography variant="body2">
-        Stay updated with our progress at{' '}
-        <Link
-          href={LANDING_PAGE_URL}
-          target="_blank"
-          underline="always"
-          sx={{
-            color: grey[700],
-            fontWeight: 'normal',
-            textDecorationColor: grey[700],
-            '&:hover': { color: grey[700] },
-          }}
-        >
-          mui.com/toolpad
-        </Link>
+        Check out our{' '}
+        <Link href={ROADMAP_URL} target="_blank" underline="always" sx={linkStyles}>
+          roadmap
+        </Link>{' '}
+        to stay up to date. Or{' '}
+        <Link href={TEAM_CONTACT_URL} target="_blank" underline="always" sx={linkStyles}>
+          schedule a call
+        </Link>{' '}
+        to talk to the team.
       </Typography>
       <Link href={DOCUMENTATION_INSTALLATION_URL} target="_blank">
         <Button size="medium" variant="contained" endIcon={<KeyboardArrowRightRounded />}>

From ba7ba8e876aa6d84f3f9f8af7c5137298156591c Mon Sep 17 00:00:00 2001
From: Pedro Ferreira <10789765+apedroferreira@users.noreply.github.com>
Date: Tue, 22 Nov 2022 16:14:37 +0000
Subject: [PATCH 2/2] Improve copy

---
 packages/toolpad-app/src/constants.ts                |  2 +-
 .../toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/toolpad-app/src/constants.ts b/packages/toolpad-app/src/constants.ts
index 373d284599a..c9d16f414f4 100644
--- a/packages/toolpad-app/src/constants.ts
+++ b/packages/toolpad-app/src/constants.ts
@@ -13,4 +13,4 @@ export const DOCUMENTATION_URL = 'https://mui.com/toolpad/getting-started/overvi
 export const DOCUMENTATION_INSTALLATION_URL =
   'https://mui.com/toolpad/getting-started/installation/';
 export const ROADMAP_URL = 'https://github.com/orgs/mui/projects/9';
-export const TEAM_CONTACT_URL = 'https://calendly.com/prakhar-mui/toolpad';
+export const SCHEDULE_DEMO_URL = 'https://calendly.com/prakhar-mui/toolpad';
diff --git a/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx b/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx
index b703575d0b3..20f72673c9a 100644
--- a/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx
+++ b/packages/toolpad-app/src/toolpad/ToolpadShell/DemoBar.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Box, Button, Link, styled, SxProps, Typography } from '@mui/material';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import { blueDark, grey } from '../../theme';
-import { DOCUMENTATION_INSTALLATION_URL, ROADMAP_URL, TEAM_CONTACT_URL } from '../../constants';
+import { DOCUMENTATION_INSTALLATION_URL, ROADMAP_URL, SCHEDULE_DEMO_URL } from '../../constants';
 
 const DemoBarContainer = styled(Box)({
   alignItems: 'center',
@@ -35,11 +35,11 @@ export default function DemoBar() {
         <Link href={ROADMAP_URL} target="_blank" underline="always" sx={linkStyles}>
           roadmap
         </Link>{' '}
-        to stay up to date. Or{' '}
-        <Link href={TEAM_CONTACT_URL} target="_blank" underline="always" sx={linkStyles}>
-          schedule a call
-        </Link>{' '}
-        to talk to the team.
+        to stay up to date, or{' '}
+        <Link href={SCHEDULE_DEMO_URL} target="_blank" underline="always" sx={linkStyles}>
+          schedule a demo
+        </Link>
+        .
       </Typography>
       <Link href={DOCUMENTATION_INSTALLATION_URL} target="_blank">
         <Button size="medium" variant="contained" endIcon={<KeyboardArrowRightRounded />}>