compro-mit/src/components/WhatsAppBubble.tsx

import { WhatsappLogoIcon } from '@phosphor-icons/react/ssr'

const WhatsAppBubble = () => {
  return (
    <a href="https://wa.me/6285163123476?text=Hi%2C+Mulia+Informasi+Teknologi%21%0ASaya+tertarik+dengan+layanan+yang+ditawarkan+dan+ingin+berdiskusi+lebih+lanjut.%0A%0ATerima+kasih%21" target="_blank" rel="noopener noreferrer" className=' z-40 bottom-4 bg-[#25D366]  cursor-pointer w-14 h-14 rounded-full flex items-center justify-center right-4 fixed'>
        <WhatsappLogoIcon className='size-8 text-white' />
    </a>
  )
}

export default WhatsAppBubble