text: import Link from 'next/link'
  
  export default function StaticFooter() {
    return(
      <>
        <div className='bg-gray-800 p-6 md:p-12 text-white md:flex gap-16'>
          <Link href='/'>
            <a className='text-xl md:text-2xl font-bold block'>Muzin</a>
          </Link>
          <div className='text-white mt-12 md:mt-2'>
            <div className='uppercase text-sm text-gray-400 font-bold tracking-wider'>Application</div>
            <Link href='/about'>
              <a className='mt-4 hover:text-green-500 block'>About</a>
            </Link>
            <Link href='/developer'>
              <a className='mt-4 hover:text-green-500 block'>Developer</a>
            </Link>
          </div>
          <div className='text-white mt-12 md:mt-2'>
            <div className='uppercase text-sm text-gray-400 font-bold tracking-wider'>Creators</div>
            <Link href='https://ananyagb.tk'>
              <a className='mt-4 hover:text-green-500 block' target='_blank'>Ananya GB</a>
            </Link>
            <Link href='/contributors'>
              <a className='mt-4 hover:text-green-500 block'>Contributors</a>
            </Link>
          </div>
          <div className='text-white mt-12 md:mt-2'>
            <div className='uppercase text-sm text-gray-400 font-bold tracking-wider'>Useful links</div>
            <Link href='https://github.com/AnanyaGB/Muzin-app'>
              <a className='mt-4 hover:text-green-500 block' target='_blank'>GitHub</a>
            </Link>
          </div>
        </div>
      </>
    )
  }