import Seo from '@/core/components/Seo'
import DesktopView from '@/core/components/views/DesktopView'
import MobileView from '@/core/components/views/MobileView'
import dynamic from 'next/dynamic'

const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
const ActivateComponent = dynamic(() => import('@/lib/auth/components/Activate'))
const SimpleFooter = dynamic(() => import('@/core/components/elements/Footer/SimpleFooter'))

export default function Activate() {
  return (
    <>
      <Seo title='Aktivasi Akun Indoteknik.com' />
      <MobileView>
        <ActivateComponent />
        <SimpleFooter />
      </MobileView>

      <DesktopView>
        <BasicLayout>
          <div className='container mx-auto'>
            <div className='w-1/2 mx-auto'>
              <ActivateComponent />
            </div>
          </div>
        </BasicLayout>
      </DesktopView>
    </>
  )
}