import { getBackgroundImage, getStaticImage } from '@/lib/utils'
import { Image } from '@/components'
import { useNavigate } from 'react-router-dom'

const Home = () => {
  const navigate = useNavigate()
  return (
    <div
      className="w-full h-full bg-cover bg-center bg-no-repeat"
      style={{ backgroundImage: getBackgroundImage('home/首页底图') }}
    >
      <Image
        onClick={() => {
          navigate('/menu')
        }}
        className="absolute bottom-38 left-1/2 -translate-1/2"
        button
        src={getStaticImage('home/首页-进入')}
      />
    </div>
  )
}

export default Home