import React from 'react'
import UserMenu from "../../parts/UserMenu";
import UserHeader from "../../parts/UserHeader";
import HomeSections from "../../parts/HomeSections";
import UserFooter from "../../parts/UserFooter";

export default function Home() {
  return (
      <div className="app">
        <div className="app-wrap">
          <div className="loader">
            <div className="h-100 d-flex justify-content-center">
              <div className="align-self-center">
                <img src="assets/img/loader/loader.svg" alt="loader" />
              </div>
            </div>
          </div>
          <UserHeader />
          <div className="app-container">
            <aside className="app-navbar">
              <UserMenu />
            </aside>
            <div className="app-main" id="main">
              <div className="container-fluid">
                <HomeSections />
              </div>
            </div>
          </div>
          <UserFooter />
        </div>
      </div>
  )
}