function SocialFloat() { const socials = [ { name: 'Facebook', href: 'https://www.facebook.com/profile.php?id=61579985786670', icon: , }, { name: 'Instagram', href: 'https://www.instagram.com/eventhusiast2020?igsh=MTIzdmN5aGh0ZzQ2bQ%3D%3D&utm_source=qr', icon: , }, { name: 'Threads', href: 'https://www.threads.com/@eventhusiast2020?igshid=NTc4MTIwNjQ2YQ==', icon: , }, { name: 'TikTok', href: 'https://www.tiktok.com/@tesla201005?_r=1&_t=ZS-96O4DkBs2Mv', icon: , }, ]; return ( <> {/* Fixed float — desktop only (hidden on mobile via CSS) */}
{socials.map((s) => ( { e.currentTarget.style.transform = 'scale(1.12)'; e.currentTarget.style.boxShadow = '0 4px 20px rgba(0,0,0,0.18)'; }} onMouseLeave={(e) => { e.currentTarget.style.transform = ''; e.currentTarget.style.boxShadow = '0 2px 12px rgba(0,0,0,0.12)'; }} > {s.icon} ))}
{/* Footer social row — mobile only (shown via CSS) */}
{socials.map((s) => ( {s.icon} ))}
); } function Footer() { return ( <> ); } window.Footer = Footer;