From c3517b6e70f6def405d1c0a576b14d9e874c4e4f Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Sat, 15 Jul 2023 00:51:16 +0200
Subject: [PATCH 1/2] [docs] Link Material UI from the landing page

---
 docs/src/components/home/GetStartedButtons.tsx       | 2 +-
 docs/src/components/home/Hero.tsx                    | 6 +-----
 docs/src/components/home/StartToday.tsx              | 5 +----
 docs/src/components/productMaterial/MaterialHero.tsx | 2 +-
 4 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/docs/src/components/home/GetStartedButtons.tsx b/docs/src/components/home/GetStartedButtons.tsx
index 115541de2d709a..fe695d7fb16100 100644
--- a/docs/src/components/home/GetStartedButtons.tsx
+++ b/docs/src/components/home/GetStartedButtons.tsx
@@ -19,7 +19,7 @@ export default function GetStartedButtons(props: GetStartedButtonsProps) {
 
   const handleCopy = () => {
     setCopied(true);
-    copy(installation!).then(() => {
+    copy(installation as any).then(() => {
       setTimeout(() => setCopied(false), 2000);
     });
   };
diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
index 7113b93b9715a2..bc9c9350641b47 100644
--- a/docs/src/components/home/Hero.tsx
+++ b/docs/src/components/home/Hero.tsx
@@ -8,7 +8,6 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import GradientText from 'docs/src/components/typography/GradientText';
 import GetStartedButtons from 'docs/src/components/home/GetStartedButtons';
 import HeroContainer from 'docs/src/layouts/HeroContainer';
-import ROUTES from 'docs/src/route';
 
 function createLoading(sx: BoxProps['sx']) {
   return function Loading() {
@@ -101,10 +100,7 @@ export default function Hero() {
             with Material UI, our fully-loaded component library, or bring your own design system to
             our production-ready components.
           </Typography>
-          <GetStartedButtons
-            to={ROUTES.documentation}
-            installation="npm install @mui/material @emotion/react @emotion/styled"
-          />
+          <GetStartedButtons callToAction="Discover Material UI" to="/material-ui/" />
         </Box>
       }
       rightSx={{
diff --git a/docs/src/components/home/StartToday.tsx b/docs/src/components/home/StartToday.tsx
index f7d3160b2871d1..2b4d8b66a4ef1a 100644
--- a/docs/src/components/home/StartToday.tsx
+++ b/docs/src/components/home/StartToday.tsx
@@ -22,10 +22,7 @@ export default function StartToday() {
           }
           description="Find out why MUI's tools are trusted by thousands of open-source developers and teams around the world."
         />
-        <GetStartedButtons
-          to={ROUTES.documentation}
-          installation="npm install @mui/material @emotion/react @emotion/styled"
-        />
+        <GetStartedButtons callToAction="Discover Material UI" to="/material-ui/" />
       </Grid>
       <Grid item xs={12} sm={6} md={6} container spacing={2}>
         <Grid item xs={12} md={6}>
diff --git a/docs/src/components/productMaterial/MaterialHero.tsx b/docs/src/components/productMaterial/MaterialHero.tsx
index eb1eb116e8a746..3f8e807c5b3878 100644
--- a/docs/src/components/productMaterial/MaterialHero.tsx
+++ b/docs/src/components/productMaterial/MaterialHero.tsx
@@ -245,7 +245,7 @@ export default function MaterialHero() {
             make it easy to implement your own custom design system.
           </Typography>
           <GetStartedButtons
-            to={ROUTES.documentation}
+            to="/material-ui/getting-started/"
             installation="npm install @mui/material @emotion/react @emotion/styled"
           />
         </Box>

From f55587ecced55a62fbd414e3c9ec5300a2315883 Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Tue, 18 Jul 2023 00:43:06 +0200
Subject: [PATCH 2/2] 3 clicks, even better

---
 docs/src/components/home/GetStartedButtons.tsx | 2 +-
 docs/src/components/home/Hero.tsx              | 2 +-
 docs/src/components/home/StartToday.tsx        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/src/components/home/GetStartedButtons.tsx b/docs/src/components/home/GetStartedButtons.tsx
index fe695d7fb16100..115541de2d709a 100644
--- a/docs/src/components/home/GetStartedButtons.tsx
+++ b/docs/src/components/home/GetStartedButtons.tsx
@@ -19,7 +19,7 @@ export default function GetStartedButtons(props: GetStartedButtonsProps) {
 
   const handleCopy = () => {
     setCopied(true);
-    copy(installation as any).then(() => {
+    copy(installation!).then(() => {
       setTimeout(() => setCopied(false), 2000);
     });
   };
diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
index bc9c9350641b47..a269f33bd476e5 100644
--- a/docs/src/components/home/Hero.tsx
+++ b/docs/src/components/home/Hero.tsx
@@ -100,7 +100,7 @@ export default function Hero() {
             with Material UI, our fully-loaded component library, or bring your own design system to
             our production-ready components.
           </Typography>
-          <GetStartedButtons callToAction="Discover Material UI" to="/material-ui/" />
+          <GetStartedButtons callToAction="Discover the Core libraries" to="/core/" />
         </Box>
       }
       rightSx={{
diff --git a/docs/src/components/home/StartToday.tsx b/docs/src/components/home/StartToday.tsx
index 2b4d8b66a4ef1a..e1ed74712eadc9 100644
--- a/docs/src/components/home/StartToday.tsx
+++ b/docs/src/components/home/StartToday.tsx
@@ -22,7 +22,7 @@ export default function StartToday() {
           }
           description="Find out why MUI's tools are trusted by thousands of open-source developers and teams around the world."
         />
-        <GetStartedButtons callToAction="Discover Material UI" to="/material-ui/" />
+        <GetStartedButtons callToAction="Discover the Core libraries" to="/core/" />
       </Grid>
       <Grid item xs={12} sm={6} md={6} container spacing={2}>
         <Grid item xs={12} md={6}>