import { MessageCircle } from "lucide-react"

export function FloatingWhatsApp() {
  return (
    <a href="https://wa.me/917038146526" target="_blank" rel="noopener noreferrer nofollow"
      className="fixed bottom-6 right-6 z-[55] w-14 h-14 bg-gradient-to-br from-green-500 to-green-600 rounded-full flex items-center justify-center shadow-lg hover:scale-110 transition-transform duration-300"
      style={{ boxShadow: "0 4px 20px rgba(34,197,94,0.4)" }}>
      <MessageCircle className="w-7 h-7 text-white" fill="white" />
      <span className="absolute -top-1 -right-1 w-4 h-4 bg-red-500 rounded-full animate-pulse" />
    </a>
  )
}