text: import React, { Component } from 'react';  
  import TopMenu from './TopMenu';  
  import Header from './Header'  
  import Crousel from './Crousel'
  import TopLocation from './TopLocation'
  import Services from './Services'
  import TopProperties from './TopProperties'
  import AboutUs from './AboutUs'
  import ClientReview from './ClientReview'
  import MileStone from './MileStone'
  import Footer from './Footer'   
  import {  
      Route, Switch, Redirect  
  } from 'react-router-dom';  
  export class Layout extends Component {  
      loading = () => <div className="animated fadeIn pt-1 text-center">Loading...</div>  
      render() {  
          return (  
              <div>  
                  <div id="wrapper">  
                      <TopMenu></TopMenu> 
                      <Header /> 
                      <div id="content-wrapper" class="d-flex flex-column">  
                          <div id="content">   
                               <Crousel/>
                               <TopLocation/>
                               {/* <Services/> */}
                               <TopProperties/>
                               <AboutUs/>
                               <ClientReview/>
                               <MileStone/>
                          </div>  
                          <Footer />  
                      </div>  
                  </div>  
              </div>  
          )  
      }  
  }  
    
  export default Layout