src/core/components/layouts/BasicLayout.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

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

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

const BasicLayout = ({ children }) => {
  return (
    <>
      <Navbar />
      <AnimationLayout>
        {children}
        <div className='fixed bottom-4 right-4 sm:bottom-8 sm:right-8 z-50'>
          <Image src='/images/socials/Whatsapp-2.png' alt='Whatsapp' className='block sm:hidden' width={48} height={48} />
          <Image src='/images/socials/Whatsapp-2.png' alt='Whatsapp' className='hidden sm:block' width={60} height={60} />
        </div>
      </AnimationLayout>
      <BasicFooter />
    </>
  )
}

export default BasicLayout