feat: global booking button — header nav, mobile menu, floating CTA

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/sections/Hero.tsx

@@ -1,16 +1,13 @@
 "use client";
 
-import { useState } from "react";
 import { siteContent } from "@/data/content";
 import { Button } from "@/components/ui/Button";
 import { FloatingHearts } from "@/components/ui/FloatingHearts";
 import { HeroLogo } from "@/components/ui/HeroLogo";
-import { BookingModal } from "@/components/ui/BookingModal";
 import { ChevronDown } from "lucide-react";
 
 export function Hero() {
   const { hero } = siteContent;
-  const [bookingOpen, setBookingOpen] = useState(false);
 
   return (
     <section className="relative flex min-h-svh items-center justify-center overflow-hidden bg-[#050505]">
@@ -66,12 +63,10 @@ export function Hero() {
         </p>
 
         <div className="hero-cta mt-12">
-          <Button size="lg" onClick={() => setBookingOpen(true)}>
+          <Button size="lg" onClick={() => window.dispatchEvent(new Event("open-booking"))}>
             {hero.ctaText}
           </Button>
         </div>
-
-        <BookingModal open={bookingOpen} onClose={() => setBookingOpen(false)} />
       </div>
 
       {/* Scroll indicator */}