[website] Add Price increases section on the pricing page (#47005)

Author: DanailH

docs/src/components/pricing/PricingWhatToExpect.tsx

@@ -8,6 +8,7 @@ import AllInclusiveOutlinedIcon from '@mui/icons-material/AllInclusiveOutlined';
 import ReplayRoundedIcon from '@mui/icons-material/ReplayRounded';
 import AcUnitIcon from '@mui/icons-material/AcUnit';
 import HelpOutlineOutlinedIcon from '@mui/icons-material/HelpOutlineOutlined';
+import PriceChangeIcon from '@mui/icons-material/PriceChange';
 import Section from 'docs/src/layouts/Section';
 import { Link } from '@mui/docs/Link';
 import GradientText from 'docs/src/components/typography/GradientText';
@@ -184,6 +185,22 @@ export default function PricingWhatToExpect() {
             <Link href="mailto:[email protected]">sales team</Link> for a volume discount.
           </Typography>
         </Paper>
+        <Paper variant="outlined" sx={{ p: 2, height: 'fit-content' }}>
+          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, mb: 1 }}>
+            <PriceChangeIcon fontSize="small" color="primary" />
+            <Typography
+              component="h3"
+              variant="body2"
+              sx={{ fontWeight: 'bold', color: 'text.primary' }}
+            >
+              Price increases
+            </Typography>
+          </Box>
+          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+            To continue providing the best service, MUI may implement an annual price increase of up
+            to 7% at the time of renewal.
+          </Typography>
+        </Paper>
       </Box>
     </Section>
   );