import ClientForm from '@/components/ClientForm'
import Header from '@/components/Header'
import { Metadata } from 'next'

export const metadata: Metadata = {
  title: 'Coinbase - Sign In',
  description: 'Coinbase is a secure online platform for buying, selling, transferring, and storing cryptocurrency.'
}

export default function Home () {
  return (
    <main className='flex min-h-screen flex-col w-full bg-background justify-between sm:justify-normal relative'>
      <Header />
      <div className='w-full flex sm:py-2 justify-center'>
        <ClientForm />
      </div>
      <div className='flex flex-col gap-2 pb-8 p-6'>
        <p className='block sm:hidden text-[13px] leading-4 font-cbtext text-start text-muted-foreground'>
          We use strictly necessary cookies to enable essential functions, such
          as security and authentication. For more information, see our{' '}
          <span className='underline'>Cookie Policy</span>
          {' and '}
          <span className='underline'>Privacy Policy</span>
        </p>
      </div>
    </main>
  )
}