// WhatsApp components — same phone number, multiple touchpoints
const WA_HREF = "https://wa.me/902647771188?text=Merhaba%2C%20Bilgim%27den%20destek%20almak%20istiyorum.";
const WA_GREEN = "#25D366";
const WA_GREEN_DEEP = "#1FB855";
const WAIcon = ({ size = 18 }) => (
);
// Inline pill button — fits in nav, hero, etc.
const WAButton = ({ variant = "solid", label = "WhatsApp", size = "md", style = {} }) => {
const isSolid = variant === "solid";
const isSm = size === "sm";
return (
{
if (isSolid) e.currentTarget.style.background = WA_GREEN_DEEP;
else { e.currentTarget.style.background = WA_GREEN; e.currentTarget.style.color = '#fff'; }
e.currentTarget.style.transform = 'translateY(-1px)';
}}
onMouseLeave={e => {
e.currentTarget.style.background = isSolid ? WA_GREEN : 'transparent';
e.currentTarget.style.color = isSolid ? '#fff' : WA_GREEN;
e.currentTarget.style.transform = 'translateY(0)';
}}
>
{label}
);
};
// Floating bottom-right sticky button — always-visible on every page
const FloatingWA = () => (
{
e.currentTarget.style.background = WA_GREEN_DEEP;
e.currentTarget.style.transform = 'translateY(-2px) scale(1.02)';
e.currentTarget.style.boxShadow = '0 16px 40px rgba(37,211,102,0.5), 0 0 0 8px rgba(37,211,102,0.15)';
}}
onMouseLeave={e => {
e.currentTarget.style.background = WA_GREEN;
e.currentTarget.style.transform = 'translateY(0) scale(1)';
e.currentTarget.style.boxShadow = '0 12px 32px rgba(37,211,102,0.4), 0 0 0 6px rgba(37,211,102,0.12)';
}}
>
WhatsApp ile yazın
);
Object.assign(window, { WAButton, WAIcon, FloatingWA, WA_HREF, WA_GREEN });