text: import * as React from 'react';
  import Container from '@mui/material/Container';
  import Typography from '@mui/material/Typography';
  import Box from '@mui/material/Box';
  import Button from '@mui/material/Button';
  import ProTip from '../src/ProTip';
  import Link from '../src/Link';
  
  export default function About() {
    return (
      <Container maxWidth="sm">
        <Box sx={{ my: 4 }}>
          <Typography variant="h4" component="h1" gutterBottom>
            Next.js v5 example
          </Typography>
          <Button variant="text" component={Link} noLinkStyle href="/">
            Go to the main page
          </Button>
          <ProTip />
        </Box>
      </Container>
    );
  }
  