import React from 'react';
import dynamic from 'next/dynamic';
import Header from '../../elements/Header';

const HomeAbout = dynamic({
  loader: () => import('./HomeAbout'),
  loading: () => <p>LOADING</p>,
  ssr: false,
});

const HomeAdvantages = dynamic({
  loader: () => import('./HomeAdvantages'),
  loading: () => <p>LOADING</p>,
  ssr: false,
});
const RequestForm = dynamic({
  loader: () => import('../../elements/RequestForm'),
  loading: () => <p>LOADING</p>,
  ssr: false,
});

const Home = () => {
  return (
    <div className="homePageBox">
      <Header headerClass="headerBox_main" />
      <HomeAbout />
      <HomeAdvantages />
      <RequestForm />
    </div>
  );
};

export default Home;