29 lines
895 B
TypeScript
29 lines
895 B
TypeScript
"use client";
|
|
|
|
import { MessageCircle } from "lucide-react";
|
|
import { motion } from "framer-motion";
|
|
|
|
export default function WhatsAppButton() {
|
|
return (
|
|
<motion.a
|
|
href="https://wa.me/905330816181"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="fixed bottom-6 right-6 z-50 flex items-center justify-center w-14 h-14 bg-green-500 text-white rounded-full shadow-lg hover:shadow-2xl hover:bg-green-600 transition-all focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
|
|
aria-label="WhatsApp üzerinden bizimle iletişime geçin"
|
|
initial={{ scale: 0 }}
|
|
animate={{ scale: 1 }}
|
|
transition={{
|
|
type: "spring",
|
|
stiffness: 260,
|
|
damping: 20,
|
|
delay: 1
|
|
}}
|
|
whileHover={{ scale: 1.1 }}
|
|
whileTap={{ scale: 0.9 }}
|
|
>
|
|
<MessageCircle size={28} />
|
|
</motion.a>
|
|
);
|
|
}
|