NotionNext/themes/hexo/components/InfoCard.js

import BLOG from '@/blog.config'
import { useRouter } from 'next/router'
import Card from './Card'
import SocialButton from './SocialButton'
import MenuGroupCard from './MenuGroupCard'

/**
 * 社交信息卡
 * @param {*} props
 * @returns
 */
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 */}
                <img src={siteInfo?.icon} className='rounded-full' width={120} alt={BLOG.AUTHOR} />
            </div>
            <div className='font-medium text-center text-xl pb-4'>{BLOG.AUTHOR}</div>
            <div className='text-sm text-center'>{BLOG.BIO}</div>
            <MenuGroupCard {...props} />
            <SocialButton />
        </Card>
  )
}