[website] Fix heading structure

mui · Feb 3, 2024 · 98f2785 · 98f2785
1 parent 8d9b376
commit 98f2785
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/docs/src/components/action/InfoCard.tsx b/docs/src/components/action/InfoCard.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
+import Typography, { TypographyProps } from '@mui/material/Typography';
 import Link, { LinkProps } from 'docs/src/modules/components/Link';
 
 interface GlowingIconContainerProps {
@@ -52,6 +52,7 @@ interface InfoCardProps {
   prefetch?: LinkProps['prefetch'];
   svg?: React.ReactNode;
   title: string;
+  titleProps?: TypographyProps;
 }
 
 export default function InfoCard(props: InfoCardProps) {
@@ -64,6 +65,7 @@ export default function InfoCard(props: InfoCardProps) {
     link,
     svg,
     title,
+    titleProps,
     ...other
   } = props;
   return (
@@ -100,6 +102,7 @@ export default function InfoCard(props: InfoCardProps) {
         mt={icon ? 2 : 0}
         mb={description ? 0.5 : 0}
         className={classNameTitle}
+        {...titleProps}
       >
         {title}
       </Typography>

diff --git a/docs/src/components/home/MuiStatistics.tsx b/docs/src/components/home/MuiStatistics.tsx
@@ -34,6 +34,7 @@ export default function MuiStatistics() {
         <Box key={item.title} sx={{ width: { xs: '50%', sm: 200 }, p: { xs: 1, sm: 0 } }}>
           <Typography
             variant="h4"
+            component="h3"
             fontWeight="semiBold"
             sx={(theme) => ({
               textAlign: { xs: 'left', sm: 'center' },

diff --git a/docs/src/components/home/Testimonials.tsx b/docs/src/components/home/Testimonials.tsx
@@ -23,7 +23,7 @@ export default function Testimonials() {
         <SectionHeadline
           overline="Join the community"
           title={
-            <Typography variant="h2" component="h1">
+            <Typography variant="h2" component="h2">
               Supported by thousands of <GradientText>developers and designers</GradientText>
             </Typography>
           }

diff --git a/docs/src/components/productCore/CoreProducts.tsx b/docs/src/components/productCore/CoreProducts.tsx
@@ -41,7 +41,14 @@ export default function CoreProducts() {
       <Grid container spacing={2}>
         {content.map(({ title, description, link }) => (
           <Grid key={title} item xs={12} md={6}>
-            <InfoCard link={link} title={title} description={description} />
+            <InfoCard
+              link={link}
+              title={title}
+              description={description}
+              titleProps={{
+                component: 'h2',
+              }}
+            />
           </Grid>
         ))}
       </Grid>