Custom Services Plan

Services Plan Overview

Architecture Overview

1. Service Management

   • Use MDX for service listings with frontmatter for service metadata
   • Create content collection for services

2. UI Components

   • ServiceCard component
   • BookingButton component (supports multiple providers)
   • PricingOptions component

3. Booking Providers

   • Calendly integration
   • Acuity Scheduling integration
   • Google Calendar integration

4. Payment Providers

   • Stripe integration
   • PayPal integration
   • Support for deposits and subscriptions

5. Content Structure

   • /src/content/services/ for service MDX files
   • /src/components/services/ for service components
   • /src/pages/services/ for service pages

Implementation Phases

1. Setup service content structure
2. Create base UI components
3. Integrate first booking provider (Calendly)
4. Add payment providers and features
5. Implement testimonials system