text: import React, { Component } from 'react';
  import { Container, Row, Col } from "reactstrap";
  import { Link } from "react-router-dom";
  
  //Import Logo
  import logodark from '../../assets/images/logo-dark.png';
  import bg from "../../assets/images/maintenance-bg.png";
  
  class Maintenance extends Component {
      constructor(props) {
          super(props);
          this.state = {
              breadcrumbItems: [
                  { title: "Utility", link: "#" },
                  { title: "Dashboard", link: "#" },
              ],
          }
      }
      render() {
          return (
              <React.Fragment>
                  <div className="my-5 pt-sm-5">
                      <Container>
                          <Row className="justify-content-center">
                              <Col xs={10}>
                                  <div className="text-center">
                                      <div className="mb-5">
                                          <Link to="/">
                                              <img src={logodark} alt="logo" height="20" />
                                          </Link>
                                      </div>
  
                                      <Row className="justify-content-center">
                                          <Col sm={4}>
                                              <div className="maintenance-img">
                                                  <img src={bg} alt="" className="img-fluid mx-auto d-block" />
                                              </div>
                                          </Col>
                                      </Row>
                                      <h3 className="mt-5">Site is Under Maintenance</h3>
                                      <p>Please check back in sometime.</p>
  
                                      <Row>
                                          <Col md={4}>
                                              <div className="mt-4 maintenance-box">
                                                  <div className="p-3">
                                                      <div className="avatar-sm mx-auto">
                                                          <span className="avatar-title bg-soft-primary rounded-circle">
                                                              <i className="mdi mdi-access-point-network font-size-24 text-primary"></i>
                                                          </span>
                                                      </div>
  
                                                      <h5 className="font-size-15 text-uppercase mt-4">Why is the Site Down?</h5>
                                                      <p className="text-muted mb-0">There are many variations of passages of
                                                  Lorem Ipsum available, but the majority have suffered alteration.</p>
                                                  </div>
                                              </div>
                                          </Col>
                                          <Col md={4}>
                                              <div className="mt-4 maintenance-box">
                                                  <div className="p-3">
                                                      <div className="avatar-sm mx-auto">
                                                          <span className="avatar-title bg-soft-primary rounded-circle">
                                                              <i className="mdi mdi-clock-outline font-size-24 text-primary"></i>
                                                          </span>
                                                      </div>
                                                      <h5 className="font-size-15 text-uppercase mt-4">
                                                          What is the Downtime?</h5>
                                                      <p className="text-muted mb-0">Contrary to popular belief, Lorem Ipsum is not
                                                  simply random text. It has roots in a piece of classical.</p>
                                                  </div>
                                              </div>
                                          </Col>
                                          <Col md={4}>
                                              <div className="mt-4 maintenance-box">
                                                  <div className="p-3">
                                                      <div className="avatar-sm mx-auto">
                                                          <span className="avatar-title bg-soft-primary rounded-circle">
                                                              <i className="mdi mdi-email-outline font-size-24 text-primary"></i>
                                                          </span>
                                                      </div>
                                                      <h5 className="font-size-15 text-uppercase mt-4">
                                                          Do you need Support?</h5>
                                                      <p className="text-muted mb-0">If you are going to use a passage of Lorem
                                                      Ipsum, you need to be sure there isn't anything embar..
                                                  <Link
                                                              to="#"
                                                              className="text-decoration-underline">no-reply@domain.com</Link></p>
                                                  </div>
                                              </div>
                                          </Col>
                                      </Row>
                                  </div>
                              </Col>
                          </Row>
                      </Container>
                  </div>
  
              </React.Fragment>
          );
      }
  }
  
  export default Maintenance;