22 lines
820 B
TypeScript
22 lines
820 B
TypeScript
"use client";
|
|
|
|
import { MessageCircle } from 'lucide-react';
|
|
|
|
export default function WhatsAppButton() {
|
|
const openWhatsApp = () => {
|
|
const phone = process.env.NEXT_PUBLIC_WHATSAPP_NUMBER || '905000000000';
|
|
window.open(`https://wa.me/${phone}`, '_blank');
|
|
};
|
|
|
|
return (
|
|
<button
|
|
onClick={openWhatsApp}
|
|
className="fixed bottom-6 right-6 z-50 bg-[#25D366] text-white p-4 rounded-full shadow-[0_4px_14px_0_rgba(37,211,102,0.39)] hover:shadow-[0_6px_20px_rgba(37,211,102,0.23)] hover:scale-105 transition-all duration-300 flex items-center justify-center group"
|
|
aria-label="WhatsApp ile iletişime geçin"
|
|
>
|
|
<div className="absolute inset-0 rounded-full bg-[#25D366] animate-ping opacity-20"></div>
|
|
<MessageCircle size={28} className="relative z-10" />
|
|
</button>
|
|
);
|
|
}
|