Perfect! Let me remove the complex custom booking system and replace it with a clean Calendly integration.

Perfect! I've completely removed the custom booking system and replaced it with a clean, professional Calendly integration. Here's what's changed:

What I Removed:

• Complex multi-step booking flow
• Custom calendar component
• Payment form component
• Stripe integration files
• API routes for payments and emails
• All the complex state management

What I Added:

• Clean Calendly embed with your brand colors
• Professional package display showing both 1hr ($100) and 90min ($130) options
• Enhancement showcase with icons for RTR, Cupping, Hot Stones, and Scalar Machine
• Help section with direct contact options
• Loading state for the Calendly widget
• Responsive design that works on all devices

Next Steps to Complete Setup:

1. Create your Calendly account at calendly.com

2. Set up your event types:

   • "1 Hour Massage Package - $100"
   • "90 Minute Massage Package - $130"

3. Configure Calendly settings:

   • Set your availability (Mon-Fri based on your schedule)
   • Add intake questions for health conditions, focus areas, etc.
   • Connect Stripe for payment processing
   • Customize colors to match your brand (#D4A373, #283618, #FEFAE0)

4. Update the Calendly URL in the code:

   data-url="https://calendly.com/YOUR-USERNAME/massage-session"

5. Test the complete flow:

   • Booking → Payment → Confirmation emails

Benefits of This Approach:

• ✅ Professional booking experience customers trust
• ✅ Automatic reminders reduce no-shows
• ✅ Easy rescheduling keeps customers happy
• ✅ Mobile app for managing bookings
• ✅ Analytics to track your business
• ✅ No maintenance required from you
• ✅ Beautiful integration with your existing site

The booking page now maintains your beautiful design while providing a reliable, professional booking experience. Your customers will see your branding and package information, then seamlessly book through Calendly's proven system.

Perfect! I can see you have two separate Calendly events set up. Let me update the booking page to let customers choose between the 1-hour and 90-minute packages, then show the appropriate Calendly embed for their selection.

Perfect! I've updated the booking page to work with your specific Calendly URLs. Here's what the new booking experience looks like:

New Booking Flow:

1. Package Selection Screen - Users first choose between:

   • 1 Hour Package ($100) - Links to your first Calendly event
   • 90 Minute Package ($130) - Links to your second Calendly event

2. Calendly Integration - After selecting a package, users see:

   • Confirmation of their selected package and price
   • The appropriate Calendly booking widget
   • Option to go back and change packages

Key Features:

• Two separate Calendly events - Each with their own pricing and duration
• Clear package differentiation - Users know exactly what they're booking
• Seamless integration - Your brand colors and styling throughout
• Mobile responsive - Works perfectly on all devices
• Easy package switching - Users can change their mind easily

Next Steps:

1. Test both URLs - Make sure your Calendly events are published and accessible

2. Configure each event in Calendly with:

   • Correct duration (60 min vs 90 min)
   • Pricing ($100 vs $130)
   • Intake questions about health conditions and preferences
   • Enhancement selection questions
3. Set up Stripe in Calendly for payment processing
4. Test the complete flow from both package options

The 404 error in your screenshot suggests the Calendly events might not be published yet. Once you publish them in your Calendly dashboard, the booking system will work perfectly!