feat: booking modal with form + Instagram DM + phone link

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

src/components/sections/Hero.tsx

@@ -1,13 +1,16 @@
 "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]">
@@ -63,10 +66,12 @@ export function Hero() {
         </p>
 
         <div className="hero-cta mt-12">
-          <Button href={hero.ctaHref} size="lg">
+          <Button size="lg" onClick={() => setBookingOpen(true)}>
             {hero.ctaText}
           </Button>
         </div>
+
+        <BookingModal open={bookingOpen} onClose={() => setBookingOpen(false)} />
       </div>
 
       {/* Scroll indicator */}