import dynamic from 'next/dynamic'
import BasicFooter from '../elements/Footer/BasicFooter'

const Navbar = dynamic(() => import('../elements/Navbar/Navbar'))
const AnimationLayout = dynamic(() => import('./AnimationLayout'))

const BasicLayout = ({ children }) => {
  return (
    <>
      <Navbar />
      <AnimationLayout>{children}</AnimationLayout>
      <BasicFooter />
    </>
  )
}

export default BasicLayout