coming back: link to the products section

danilo-leal · Jun 3, 2024 · 63c5543 · 63c5543
1 parent dd295db
commit 63c5543
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/docs/pages/_document.js b/docs/pages/_document.js
@@ -41,7 +41,12 @@ export default class MyDocument extends Document {
     const { canonicalAsServer, userLanguage } = this.props;
 
     return (
-      <Html lang={userLanguage} data-mui-color-scheme="light" data-joy-color-scheme="light">
+      <Html
+        lang={userLanguage}
+        data-mui-color-scheme="light"
+        data-joy-color-scheme="light"
+        style={{ scrollBehavior: 'smooth' }}
+      >
         <Head>
           {/*
             manifest.json provides metadata used when your web app is added to the

diff --git a/docs/src/components/home/Hero.tsx b/docs/src/components/home/Hero.tsx
@@ -85,17 +85,14 @@ export default function Hero() {
           <SectionHeadline
             title={
               <Typography variant="h1">
-                A comprehensive <GradientText>ecosystem</GradientText> of React UI libraries
-                {/* A comprehensive ecosystem of React UI tools // iteration 2 */}
-                {/* A design system ecosystem of React UI tools // iteration 1 */}
-                {/* Move faster with intuitive React UI tools // current version*/}
+                A <GradientText>comprehensive ecosystem</GradientText> of React UI libraries
               </Typography>
             }
             description="MUI offers an extensive suite of free UI libraries to help you ship new features and products faster. Quickly start with styled, production-ready Material UI components or explore our other products for alternative use cases."
           />
           <GetStartedButtons
             primaryLabel="View all products"
-            primaryUrl="/blog/mui-product-comparison/"
+            primaryUrl="#product-suite"
             secondaryLabel="Start with Material UI"
             secondaryUrl="/material-ui/getting-started/"
           />

diff --git a/docs/src/components/home/ProductSuite.tsx b/docs/src/components/home/ProductSuite.tsx
@@ -47,7 +47,7 @@ export default function ProductSuite() {
     rootMargin: '200px',
   });
   return (
-    <Section bg="gradient" ref={ref}>
+    <Section id="product-suite" bg="gradient" ref={ref}>
       <Grid container spacing={2}>
         <Grid md={6}>
           <SectionHeadline