"use client"; import { useEffect, useState } from "react"; import { usePathname } from "next/navigation"; import { CONTACT } from "@/lib/vulai-content"; // Ticket-buying pages: a single event page (/events/) and the order / // ticket pages after checkout. The WhatsApp button is hidden there -- buyers // were using it to message the VibePass line about individual orders. // Listing pages (/events, /events/calendar) and the Vulai showcase keep it. const NO_WHATSAPP = /^\/(events\/(?!calendar$|vulai$)[^/]+|orders\/.*)$/; // Floating, fixed-position helpers: // • a WhatsApp chat button that hands the visitor off to a real person // (not on ticket-buying pages, see above), and // • a back-to-top button that fades in once the page has scrolled. export default function FloatingActions() { const [showTop, setShowTop] = useState(false); const showWhatsApp = !NO_WHATSAPP.test(usePathname() ?? ""); useEffect(() => { const onScroll = () => setShowTop(window.scrollY > 400); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const whatsappNumber = CONTACT.phone.replace(/[^\d]/g, ""); const prefill = encodeURIComponent( "Hi VibePass 👋 I'd like to ask about tickets and events." ); const whatsappUrl = `https://wa.me/${whatsappNumber}?text=${prefill}`; return (

{/* Back-to-top — rendered first so it sits above the chat button, matching the stacked layout, and only once the user has scrolled down. */} {/* WhatsApp chat assistant — opens a live conversation with support. */} {showWhatsApp && ( {/* gentle attention pulse */} )}

); }