import { Button } from '@nextui-org/react'
import type React from 'react'
import BotImg from '@/assets/bot.png'
import BotBgImg from '@/assets/botBg.png'

export const WelcomeWord: React.FC = () => {
  return (
    <div className="w-full h-auto flex-shrink-0 relative sm:w-[360px] sm:h-[276px]">
      <img className="absolute z-[-1] top-0 left-0" src={BotBgImg} alt="" />
      <img className="w-[180px] absolute right-0 top-[-18px]" src={BotImg} alt="" />
      <div className="relative z-[1] box-border px-[24px] pt-[68px]">
        <h3>Hi，我是得宝</h3>
        <p className="text-[#27353C] text-[15px] mt-[24px] mb-[16px]">做为您的智能保险伙伴，您有各类专业相关的问题都可以抛给我哟~让我们互相帮助共同成长吧~</p>
        <Button className="bg-white text-[#20ABD9] font-medium">立即前往 ➔</Button>
      </div>
    </div>
  )
}
