import { MessageCircle } from "lucide-react";
import { WHATSAPP_LINK } from "@/lib/site";

export function FloatingCTA() {
  return (
    <a
      href={WHATSAPP_LINK}
      target="_blank"
      rel="noopener noreferrer"
      aria-label="Chat on WhatsApp"
      className="fixed bottom-5 right-5 z-50 inline-flex items-center gap-2 rounded-full bg-emerald px-5 py-3.5 font-semibold text-navy-deep shadow-emerald animate-pulse-glow hover:scale-105 transition-transform"
    >
      <MessageCircle className="h-5 w-5" strokeWidth={2.5} />
      <span className="hidden sm:inline text-sm">Chat on WhatsApp</span>
    </a>
  );
}