first commit
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user