import Button from '@mui/material/Button';
import Container from '@mui/material/Container'; // CUSTOM COMPONENTS

import Link from '@/components/link';
import SectionTitle from '@/components/section-title';
import GradientBackground from '@/components/gradient-background'; // STYLED COMPONENT

import { MainContent } from './styles';
export default function MaintenancePageView() {
  return <GradientBackground>
      <Container>
        <MainContent>
          <SectionTitle centered title="Maintenance underway" />
          <p>QuickFrame is Undergoing maintenance for future growth.</p>

          <div className="img-wrapper">
            <img src="/static/pages/maintenance.svg" alt="maintenance" width="100%" />
          </div>

          <Button LinkComponent={Link} href="/">
            Go Home
          </Button>
        </MainContent>
      </Container>
    </GradientBackground>;
}