text: // material
  import { experimentalStyled as styled } from '@material-ui/core/styles';
  import { Divider } from '@material-ui/core';
  // components
  import Page from '../components/Page';
  import { AboutHero, AboutWhat, AboutTeam, AboutVision, AboutTestimonials } from '../components/_external-pages/about';
  
  // ----------------------------------------------------------------------
  
  const RootStyle = styled(Page)(({ theme }) => ({
    paddingTop: theme.spacing(8),
    [theme.breakpoints.up('md')]: {
      paddingTop: theme.spacing(11)
    }
  }));
  
  // ----------------------------------------------------------------------
  
  export default function About() {
    return (
      <RootStyle title="About us | Minimal-UI">
        <AboutHero />
        <AboutWhat />
        <AboutVision />
        <Divider orientation="vertical" sx={{ my: 10, mx: 'auto', width: 2, height: 40 }} />
        <AboutTeam />
        <AboutTestimonials />
      </RootStyle>
    );
  }
  