core/components/Footer.tsx
2021-01-07 01:16:10 +09:00

74 lines
2.2 KiB
TypeScript

import Link from 'next/link'
import Container from './Container'
import Wave from './Wave'
const Footer = ():JSX.Element => {
return <div className='releative'>
<Wave color='currentColor' className='text-white dark:text-discord-dark bg-discord-black'/>
<div className='bottom-0 bg-discord-black text-white'>
<Container className='w-11/12 lg:w-3/5 pt-10 lg:pt-0 pb-20 lg:flex' ignoreColor>
<div className='w-full lg:flex-grow'>
<h1 className='text-koreanbots-blue text-3xl font-extrabold'> .</h1>
<span className='text-base'>2020 Koreanbots, All rights reserved.</span>
<div className='text-2xl'>
<Link href='/discord'>
<a className='mr-2'>
<i className='fab fa-discord' />
</a>
</Link>
<a href='https://github.com/koreanbots' className='mr-2'>
<i className='fab fa-github' />
</a>
</div>
</div>
<div className='flex-col w-full lg:w-1/3 mb-2'>
<h2 className='text-base text-koreanbots-blue font-bold'> </h2>
<ul className='text-sm'>
<li>
<Link href='/about'>
<a className='hover:text-gray-300'></a>
</Link>
</li>
<li>
<Link href='/api'>
<a className='hover:text-gray-300'>API</a>
</Link>
</li>
</ul>
</div>
<div className='flex-col w-full lg:w-1/5 mb-2'>
<h2 className='text-base text-koreanbots-blue font-bold'></h2>
<ul className='text-sm'>
<li>
<Link href='/partners'>
<a className='hover:text-gray-300'></a>
</Link>
</li>
<li>
<Link href='/verification'>
<a className='hover:text-gray-300'></a>
</Link>
</li>
</ul>
</div>
<div className='flex-col w-full lg:w-1/5 mb-2'>
<h2 className='text-base text-koreanbots-blue font-bold'></h2>
<ul className='text-sm'>
<li>
<Link href='/privacy'>
<a className='hover:text-gray-300'></a>
</Link>
</li>
<li>
<Link href='/guidelines'>
<a className='hover:text-gray-300'></a>
</Link>
</li>
</ul>
</div>
</Container>
</div>
</div>
}
export default Footer