<turbo-stream action="update" target="services_content"><template>
  


<div class="space-y-6">

    <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between rounded-2xl bg-slate-100 px-4 py-3 sm:px-5">
      <p class="m-0 flex items-center gap-2 text-sm text-bhv-black/80">
            <svg class="h-4 w-4 shrink-0 text-bhv-black/50" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
      <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
    </svg>

        <span>You are currently viewing services worldwide. Add your location for results in your area.</span>
      </p>
      <button type="button" data-action="click->registry-guide#openZipCodeModal" class="inline-flex items-center justify-center rounded-lg bg-bhv-pink px-4 py-2 text-sm font-bold text-white hover:bg-bhv-pink-hover transition-colors focus:outline-none focus:ring-2 focus:ring-bhv-pink focus:ring-offset-2 whitespace-nowrap shrink-0">
        Add location
      </button>
    </div>

    <div class="space-y-3">
      <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
          <h1 class="m-0 text-2xl font-bold text-bhv-black">Family Photography</h1>

          <div class="inline-flex shrink-0 rounded-full border border-bhv-black/10 bg-white p-1 shadow-sm" role="group" data-toggle-group>
            <a class="px-4 py-2 text-sm font-semibold rounded-full transition-colors text-bhv-black/70 hover:bg-bhv-black/5" id="virtual-label" data-turbo-frame="services_content" href="/services/show_by_category/family-photography?show_physical=false&amp;show_virtual=true&amp;village_tab=false">Virtual</a>
            <a class="px-4 py-2 text-sm font-semibold rounded-full transition-colors bg-bhv-pink text-white shadow-sm" id="all-label" data-turbo-frame="services_content" href="/services/show_by_category/family-photography?show_physical=true&amp;show_virtual=true&amp;village_tab=false">All</a>
            <a class="px-4 py-2 text-sm font-semibold rounded-full transition-colors text-bhv-black/70 hover:bg-bhv-black/5" id="inperson-label" data-turbo-frame="services_content" href="/services/show_by_category/family-photography?show_physical=true&amp;show_virtual=false&amp;village_tab=false">In Person</a>
          </div>
      </div>

          <div class="text-sm leading-relaxed text-bhv-black/60">Family photography captures precious moments, preserving memories that last a lifetime. Create timeless keepsakes, celebrate milestones, and capture the pure joy and love that comes with welcoming a new member into the family</div>

        <span class="inline-flex items-center gap-1.5 text-xs font-medium text-bhv-black/60">
          <svg class="h-4 w-4 text-bhv-pink" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 3l7 4v5c0 4.5-3 7.6-7 9-4-1.4-7-4.5-7-9V7l7-4z" />
          </svg>
          Official BeHerVillage Partner
        </span>
    </div>

    <div class="mx-auto w-full max-w-md rounded-2xl border border-bhv-black/5 bg-white p-8 text-center shadow-sm">
        <div class="mx-auto mb-5 flex h-16 w-16 items-center justify-center rounded-2xl bg-bhv-pink/10">
          <svg class="h-8 w-8 text-bhv-pink" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
            <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
          </svg>
        </div>
        <h3 class="mb-2 text-xl font-bold text-bhv-black">No family photography nearby yet</h3>
        <p class="text-sm text-bhv-black/60">
          We don't have any providers in this category near you right now.
          adjust your location, or check back soon — we're adding new partners all the time.
        </p>
    </div>
</div>

</template></turbo-stream>
<turbo-stream action="update" target="sidebar-nav"><template>
  <nav class="space-y-2" id="registry-guide">
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-0">
        <span>Education</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-0"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-classes" data-turbo-frame="services_content" href="/services/show_by_category/birth-classes">Birth Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gift-registry-consults" data-turbo-frame="services_content" href="/services/show_by_category/gift-registry-consults">Gift Registry Consults</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-planning" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-planning">Postpartum Planning</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-classes" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-classes">Newborn Care Classes</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-1">
        <span>Birth Team</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-1"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="midwives" data-turbo-frame="services_content" href="/services/show_by_category/midwives">Midwives</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="placenta-art" data-turbo-frame="services_content" href="/services/show_by_category/placenta-art">Placenta Art</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-doulas" data-turbo-frame="services_content" href="/services/show_by_category/birth-doulas">Birth Doulas</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="placenta-work" data-turbo-frame="services_content" href="/services/show_by_category/placenta-work">Placenta Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mother-blessing" data-turbo-frame="services_content" href="/services/show_by_category/mother-blessing">Mother Blessing</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-2">
        <span>Postpartum Doula</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-2"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-doulas" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-doulas">Postpartum Doulas</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-3">
        <span>Lactation</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-3"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastfeeding-classes" data-turbo-frame="services_content" href="/services/show_by_category/breastfeeding-classes">Breastfeeding Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="lactation-counselor" data-turbo-frame="services_content" href="/services/show_by_category/lactation-counselor">Lactation Counselor</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="ibclc" data-turbo-frame="services_content" href="/services/show_by_category/ibclc">IBCLC</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-4">
        <span>Meals</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-4"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="meals-nutrition" data-turbo-frame="services_content" href="/services/show_by_category/meals-and-nutrition">Meals + Nutrition</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="delivery-services" data-turbo-frame="services_content" href="/services/show_by_category/delivery-services">Delivery Services</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prepped-meals" data-turbo-frame="services_content" href="/services/show_by_category/prepped-meals">Prepped Meals</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="nutrition-coaching" data-turbo-frame="services_content" href="/services/show_by_category/nutrition-coaching">Nutrition Coaching</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="in-home-chef" data-turbo-frame="services_content" href="/services/show_by_category/in-home-chef">In-home Chef</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-5">
        <span>Overnight Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-5"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="overnight-doula" data-turbo-frame="services_content" href="/services/show_by_category/overnight-doula">Overnight Doula</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-specialist" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-specialist">Newborn Care Specialist</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-6">
        <span>Mental Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-6"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternal-mental-health" data-turbo-frame="services_content" href="/services/show_by_category/maternal-mental-health">Maternal Mental Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="support-groups" data-turbo-frame="services_content" href="/services/show_by_category/support-groups">Support Groups</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="true"
        aria-controls="category-7">
        <span>Photography</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" id="icon-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-7"
        class=" pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-photography" data-turbo-frame="services_content" href="/services/show_by_category/birth-photography">Birth Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternity-photography" data-turbo-frame="services_content" href="/services/show_by_category/maternity-photography">Maternity Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-photography" data-turbo-frame="services_content" href="/services/show_by_category/newborn-photography">Newborn Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-bhv-pink bg-rose-50 font-semibold" id="family-photography" data-turbo-frame="services_content" href="/services/show_by_category/family-photography">Family Photography</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-8">
        <span>Life with Baby</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-8"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mommy-and-me-classes" data-turbo-frame="services_content" href="/services/show_by_category/mommy-and-me-classes">Mommy and Me Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gentle-sleep" data-turbo-frame="services_content" href="/services/show_by_category/sleep-coaching">Gentle Sleep</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babywearing" data-turbo-frame="services_content" href="/services/show_by_category/babywearing">Babywearing</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="sibling-support" data-turbo-frame="services_content" href="/services/show_by_category/sibling-support">Sibling Support</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="play" data-turbo-frame="services_content" href="/services/show_by_category/play">Play</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="return-to-work" data-turbo-frame="services_content" href="/services/show_by_category/return-to-work">Return to Work</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-9">
        <span>Body Work</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-9" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-9"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="energy-work" data-turbo-frame="services_content" href="/services/show_by_category/energy-work">Energy Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="craniosacral" data-turbo-frame="services_content" href="/services/show_by_category/craniosacral">Craniosacral</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="massage-and-spa" data-turbo-frame="services_content" href="/services/show_by_category/massage-and-spa">Massage and Spa</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="chiropractic" data-turbo-frame="services_content" href="/services/show_by_category/chiropractic">Chiropractic</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="acupuncture" data-turbo-frame="services_content" href="/services/show_by_category/acupuncture">Acupuncture</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-10">
        <span>Pelvic Floor</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-10"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pelvic-floor-work" data-turbo-frame="services_content" href="/services/show_by_category/pelvic-floor-work">Pelvic Floor Work</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-11">
        <span>Movement</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-11" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-11"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-yoga-and-fitness">Prenatal Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-yoga-and-fitness">Postpartum Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-body-work" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-body-work">Prenatal Body Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-body-work" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-body-work">Postpartum Body Work</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-12">
        <span>Household Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-12"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="laundry-help" data-turbo-frame="services_content" href="/services/show_by_category/laundry-help">Laundry Help</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="house-cleaners" data-turbo-frame="services_content" href="/services/show_by_category/house-cleaners">House Cleaners</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pet-care" data-turbo-frame="services_content" href="/services/show_by_category/pet-care">Pet Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="child-care" data-turbo-frame="services_content" href="/services/show_by_category/child-care">Child Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="organizing" data-turbo-frame="services_content" href="/services/show_by_category/organizing">Organizing</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-13">
        <span>Diapers</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-13" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-13"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="diapers" data-turbo-frame="services_content" href="/services/show_by_category/diapers">Diapers</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-14">
        <span>Safety</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-14"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="car-seat-installation" data-turbo-frame="services_content" href="/services/show_by_category/car-seat-installation">Car Seat Installation</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="cpr-classes" data-turbo-frame="services_content" href="/services/show_by_category/cpr-classes">CPR Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babyproofing" data-turbo-frame="services_content" href="/services/show_by_category/babyproofing">Babyproofing</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-15">
        <span>Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-15" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-15"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="holistic-women-s-health" data-turbo-frame="services_content" href="/services/show_by_category/holistic-womens-health">Holistic Women&#39;s Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pediatricians" data-turbo-frame="services_content" href="/services/show_by_category/pediatricians">Pediatricians </a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-16">
        <span>Custom Goodies</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-16"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastmilk-jewelry" data-turbo-frame="services_content" href="/services/show_by_category/breastmilk-jewelry">Breastmilk Jewelry</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="handmade-gifts" data-turbo-frame="services_content" href="/services/show_by_category/handmade-gifts">Handmade Gifts</a>
      </div>
    </div>
</nav>

</template></turbo-stream>
<turbo-stream action="update" target="mobile-sidebar-nav"><template>
  <div class="max-h-96 overflow-y-auto">
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-0">
        <span>Education</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-0"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-classes" data-turbo-frame="services_content" href="/services/show_by_category/birth-classes">Birth Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gift-registry-consults" data-turbo-frame="services_content" href="/services/show_by_category/gift-registry-consults">Gift Registry Consults</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-planning" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-planning">Postpartum Planning</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-classes" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-classes">Newborn Care Classes</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-1">
        <span>Birth Team</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-1"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="midwives" data-turbo-frame="services_content" href="/services/show_by_category/midwives">Midwives</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="placenta-art" data-turbo-frame="services_content" href="/services/show_by_category/placenta-art">Placenta Art</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-doulas" data-turbo-frame="services_content" href="/services/show_by_category/birth-doulas">Birth Doulas</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="placenta-work" data-turbo-frame="services_content" href="/services/show_by_category/placenta-work">Placenta Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mother-blessing" data-turbo-frame="services_content" href="/services/show_by_category/mother-blessing">Mother Blessing</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-2">
        <span>Postpartum Doula</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-2"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-doulas" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-doulas">Postpartum Doulas</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-3">
        <span>Lactation</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-3"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastfeeding-classes" data-turbo-frame="services_content" href="/services/show_by_category/breastfeeding-classes">Breastfeeding Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="lactation-counselor" data-turbo-frame="services_content" href="/services/show_by_category/lactation-counselor">Lactation Counselor</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="ibclc" data-turbo-frame="services_content" href="/services/show_by_category/ibclc">IBCLC</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-4">
        <span>Meals</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-4"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="meals-nutrition" data-turbo-frame="services_content" href="/services/show_by_category/meals-and-nutrition">Meals + Nutrition</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="delivery-services" data-turbo-frame="services_content" href="/services/show_by_category/delivery-services">Delivery Services</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prepped-meals" data-turbo-frame="services_content" href="/services/show_by_category/prepped-meals">Prepped Meals</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="nutrition-coaching" data-turbo-frame="services_content" href="/services/show_by_category/nutrition-coaching">Nutrition Coaching</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="in-home-chef" data-turbo-frame="services_content" href="/services/show_by_category/in-home-chef">In-home Chef</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-5">
        <span>Overnight Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-5"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="overnight-doula" data-turbo-frame="services_content" href="/services/show_by_category/overnight-doula">Overnight Doula</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-specialist" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-specialist">Newborn Care Specialist</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-6">
        <span>Mental Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-6"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternal-mental-health" data-turbo-frame="services_content" href="/services/show_by_category/maternal-mental-health">Maternal Mental Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="support-groups" data-turbo-frame="services_content" href="/services/show_by_category/support-groups">Support Groups</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="true"
        aria-controls="modal-category-7">
        <span>Photography</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" id="modal-icon-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-7"
        class=" pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-photography" data-turbo-frame="services_content" href="/services/show_by_category/birth-photography">Birth Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternity-photography" data-turbo-frame="services_content" href="/services/show_by_category/maternity-photography">Maternity Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-photography" data-turbo-frame="services_content" href="/services/show_by_category/newborn-photography">Newborn Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-bhv-pink bg-rose-50 font-semibold" id="family-photography" data-turbo-frame="services_content" href="/services/show_by_category/family-photography">Family Photography</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-8">
        <span>Life with Baby</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-8"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mommy-and-me-classes" data-turbo-frame="services_content" href="/services/show_by_category/mommy-and-me-classes">Mommy and Me Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gentle-sleep" data-turbo-frame="services_content" href="/services/show_by_category/sleep-coaching">Gentle Sleep</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babywearing" data-turbo-frame="services_content" href="/services/show_by_category/babywearing">Babywearing</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="sibling-support" data-turbo-frame="services_content" href="/services/show_by_category/sibling-support">Sibling Support</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="play" data-turbo-frame="services_content" href="/services/show_by_category/play">Play</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="return-to-work" data-turbo-frame="services_content" href="/services/show_by_category/return-to-work">Return to Work</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-9">
        <span>Body Work</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-9" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-9"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="energy-work" data-turbo-frame="services_content" href="/services/show_by_category/energy-work">Energy Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="craniosacral" data-turbo-frame="services_content" href="/services/show_by_category/craniosacral">Craniosacral</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="massage-and-spa" data-turbo-frame="services_content" href="/services/show_by_category/massage-and-spa">Massage and Spa</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="chiropractic" data-turbo-frame="services_content" href="/services/show_by_category/chiropractic">Chiropractic</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="acupuncture" data-turbo-frame="services_content" href="/services/show_by_category/acupuncture">Acupuncture</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-10">
        <span>Pelvic Floor</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-10"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pelvic-floor-work" data-turbo-frame="services_content" href="/services/show_by_category/pelvic-floor-work">Pelvic Floor Work</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-11">
        <span>Movement</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-11" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-11"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-yoga-and-fitness">Prenatal Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-yoga-and-fitness">Postpartum Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-body-work" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-body-work">Prenatal Body Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-body-work" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-body-work">Postpartum Body Work</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-12">
        <span>Household Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-12"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="laundry-help" data-turbo-frame="services_content" href="/services/show_by_category/laundry-help">Laundry Help</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="house-cleaners" data-turbo-frame="services_content" href="/services/show_by_category/house-cleaners">House Cleaners</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pet-care" data-turbo-frame="services_content" href="/services/show_by_category/pet-care">Pet Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="child-care" data-turbo-frame="services_content" href="/services/show_by_category/child-care">Child Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="organizing" data-turbo-frame="services_content" href="/services/show_by_category/organizing">Organizing</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-13">
        <span>Diapers</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-13" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-13"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="diapers" data-turbo-frame="services_content" href="/services/show_by_category/diapers">Diapers</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-14">
        <span>Safety</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-14"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="car-seat-installation" data-turbo-frame="services_content" href="/services/show_by_category/car-seat-installation">Car Seat Installation</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="cpr-classes" data-turbo-frame="services_content" href="/services/show_by_category/cpr-classes">CPR Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babyproofing" data-turbo-frame="services_content" href="/services/show_by_category/babyproofing">Babyproofing</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-15">
        <span>Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-15" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-15"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="holistic-women-s-health" data-turbo-frame="services_content" href="/services/show_by_category/holistic-womens-health">Holistic Women&#39;s Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pediatricians" data-turbo-frame="services_content" href="/services/show_by_category/pediatricians">Pediatricians </a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-16">
        <span>Custom Goodies</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-16"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastmilk-jewelry" data-turbo-frame="services_content" href="/services/show_by_category/breastmilk-jewelry">Breastmilk Jewelry</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="handmade-gifts" data-turbo-frame="services_content" href="/services/show_by_category/handmade-gifts">Handmade Gifts</a>
      </div>
    </div>
</div>

</template></turbo-stream>