|
|
import { useRouter } from 'next/router' |
|
|
import Card from './Card' |
|
|
import SocialButton from './SocialButton' |
|
|
import MenuGroupCard from './MenuGroupCard' |
|
|
import LazyImage from '@/components/LazyImage' |
|
|
import { siteConfig } from '@/lib/config' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export function InfoCard(props) { |
|
|
const { className, siteInfo } = props |
|
|
const router = useRouter() |
|
|
return ( |
|
|
<Card className={className}> |
|
|
<div |
|
|
className='justify-center items-center flex py-6 dark:text-gray-100 transform duration-200 cursor-pointer' |
|
|
onClick={() => { |
|
|
router.push('/') |
|
|
}} |
|
|
> |
|
|
{/* eslint-disable-next-line @next/next/no-img-element */} |
|
|
<LazyImage src={siteInfo?.icon} className='rounded-full' width={120} alt={siteConfig('AUTHOR')} /> |
|
|
</div> |
|
|
<div className='font-medium text-center text-xl pb-4'>{siteConfig('AUTHOR')}</div> |
|
|
<div className='text-sm text-center'>{siteConfig('BIO')}</div> |
|
|
<MenuGroupCard {...props} /> |
|
|
<SocialButton /> |
|
|
</Card> |
|
|
) |
|
|
} |
|
|
|
