<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">Mommy and Me Classes</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/mommy-and-me-classes?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 text-bhv-black/70 hover:bg-bhv-black/5" id="all-label" data-turbo-frame="services_content" href="/services/show_by_category/mommy-and-me-classes?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 bg-bhv-pink text-white shadow-sm" id="inperson-label" data-turbo-frame="services_content" href="/services/show_by_category/mommy-and-me-classes?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">A fantastic opportunity for new moms like you to bond with your baby while engaging in fun and enriching activities together. By participating in groups, you can foster a strong parent-child connection, meet other moms, and create cherished memories while also gaining valuable parenting insights and support. It's a wonderful way to enhance your postpartum experience and create lasting bonds with your baby.</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>
        <div class="servicecard group mb-4 flex cursor-pointer items-stretch gap-4 overflow-hidden rounded-2xl border border-bhv-black/5 bg-white p-4 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:gap-5"
     data-service-id="3299">
  <!-- Thumbnail -->
  <div class="relative shrink-0">
      <span class="absolute left-1.5 top-1.5 z-10 flex h-6 w-6 items-center justify-center rounded-full bg-white/90 shadow-sm" title="Official BeHerVillage Partner">
        <svg class="h-3.5 w-3.5 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>
      </span>

      <img class="h-24 w-24 rounded-xl object-cover sm:h-28 sm:w-28" data-controller="image-fallback" data-action="error-&gt;image-fallback#replace" data-image-fallback-src-value="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc1MCwicHVyIjoiYmxvYl9pZCJ9fQ==--1ec1076abc8538cfb1e69328ea51ae1d1c963eda/Mommy%20and%20Me%20Classes.png" src="https://behervillage.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDE1MywicHVyIjoiYmxvYl9pZCJ9fQ==--9a8d1301c86537f519d00be5fe2a80a036f44912/peanut_apple_appstore_images_Individual_05122019_3.png" />
  </div>

  <!-- Content -->
  <div class="flex min-w-0 flex-1 flex-col justify-center">
    <h3 class="truncate text-base font-bold text-bhv-black sm:text-lg">Peanut App - Peanut Plus subscription</h3>

    <p class="truncate text-sm text-bhv-black/70">
        <a class="font-medium text-bhv-pink hover:text-bhv-pink-hover transition-colors" href="/partners/peanut">Peanut App: Find Mom Friends</a>
    </p>

      <p class="mt-1 inline-flex items-center gap-1.5 text-xs text-bhv-black/60">
        <svg class="h-3.5 w-3.5 shrink-0 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>
        Worldwide
      </p>

      <p class="mt-2 line-clamp-2 text-sm text-bhv-black/70">Peanut is the ultimate app for expectant and new moms to find friendship and support! Connect with like-minded women nearby who share similar due dates or have children the same age. Enjoy playdates, engaging chats, and invaluable experiences related to motherhood. Unlock a world of knowledge by connecting with experts in baby sleep, lactation, postpartum therapy, and more. Peanut Plus includes premium features to help you meet 4x more friends. </p>

  </div>

  <!-- CTA -->
  <div class="flex shrink-0 items-center">
    <span class="hidden text-bhv-black/30 transition-colors group-hover:text-bhv-pink sm:block">
      <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
      </svg>
    </span>
    <a class="servicecardforce inline-flex items-center justify-center rounded-full bg-bhv-pink px-4 py-2 text-sm font-bold text-white hover:bg-bhv-pink-hover transition-colors sm:hidden" data-service-id="3299" href="javascript:void(0)">Learn More</a>
  </div>
</div>

        <div class="servicecard group mb-4 flex cursor-pointer items-stretch gap-4 overflow-hidden rounded-2xl border border-bhv-black/5 bg-white p-4 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:gap-5"
     data-service-id="1174">
  <!-- Thumbnail -->
  <div class="relative shrink-0">

      <img class="h-24 w-24 rounded-xl object-cover sm:h-28 sm:w-28" src="https://behervillage.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc1MCwicHVyIjoiYmxvYl9pZCJ9fQ==--1ec1076abc8538cfb1e69328ea51ae1d1c963eda/Mommy%20and%20Me%20Classes.png" />
  </div>

  <!-- Content -->
  <div class="flex min-w-0 flex-1 flex-col justify-center">
    <h3 class="truncate text-base font-bold text-bhv-black sm:text-lg">New Parent Support</h3>

    <p class="truncate text-sm text-bhv-black/70">
        <a class="font-medium text-bhv-pink hover:text-bhv-pink-hover transition-colors" href="/partners/behervillage">Be Her Village</a>
    </p>

      <p class="mt-1 inline-flex items-center gap-1.5 text-xs text-bhv-black/60">
        <svg class="h-3.5 w-3.5 shrink-0 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>
        Worldwide 
      </p>

      <p class="mt-2 line-clamp-2 text-sm text-bhv-black/70">Our classes are made for parents and their new babies to love. Connect with the new parents in your area, while engaging in music, movement, and stories with your little one.

*This is an example listing representing a service that may be available in your community. It is not associated with a local provider.*</p>

  </div>

  <!-- CTA -->
  <div class="flex shrink-0 items-center">
    <span class="hidden text-bhv-black/30 transition-colors group-hover:text-bhv-pink sm:block">
      <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
      </svg>
    </span>
    <a class="servicecardforce inline-flex items-center justify-center rounded-full bg-bhv-pink px-4 py-2 text-sm font-bold text-white hover:bg-bhv-pink-hover transition-colors sm:hidden" data-service-id="1174" href="javascript:void(0)">Learn More</a>
  </div>
</div>

        <div class="servicecard group mb-4 flex cursor-pointer items-stretch gap-4 overflow-hidden rounded-2xl border border-bhv-black/5 bg-white p-4 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:gap-5"
     data-service-id="3860">
  <!-- Thumbnail -->
  <div class="relative shrink-0">

      <img class="h-24 w-24 rounded-xl object-cover sm:h-28 sm:w-28" src="https://behervillage.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc1MCwicHVyIjoiYmxvYl9pZCJ9fQ==--1ec1076abc8538cfb1e69328ea51ae1d1c963eda/Mommy%20and%20Me%20Classes.png" />
  </div>

  <!-- Content -->
  <div class="flex min-w-0 flex-1 flex-col justify-center">
    <h3 class="truncate text-base font-bold text-bhv-black sm:text-lg">Mom Groups</h3>

    <p class="truncate text-sm text-bhv-black/70">
        <a class="font-medium text-bhv-pink hover:text-bhv-pink-hover transition-colors" href="/partners/behervillage">Be Her Village</a>
    </p>

      <p class="mt-1 inline-flex items-center gap-1.5 text-xs text-bhv-black/60">
        <svg class="h-3.5 w-3.5 shrink-0 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>
        Worldwide 
      </p>

      <p class="mt-2 line-clamp-2 text-sm text-bhv-black/70">Ready to meet your new mom friends? Find them in a mom group! Get a workout, have some fun with your baby, and maybe grab some coffee with the other moms in the group.

 *This is an example listing representing a service that may be available in your community. It is not associated with a local provider.*</p>

  </div>

  <!-- CTA -->
  <div class="flex shrink-0 items-center">
    <span class="hidden text-bhv-black/30 transition-colors group-hover:text-bhv-pink sm:block">
      <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
      </svg>
    </span>
    <a class="servicecardforce inline-flex items-center justify-center rounded-full bg-bhv-pink px-4 py-2 text-sm font-bold text-white hover:bg-bhv-pink-hover transition-colors sm:hidden" data-service-id="3860" href="javascript:void(0)">Learn More</a>
  </div>
</div>

    </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="false"
        aria-controls="category-7">
        <span>Photography</span>
        <svg class="w-4 h-4 transform transition-transform " 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="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-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-slate-600 hover:text-bhv-pink hover:bg-rose-50" 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="true"
        aria-controls="category-8">
        <span>Life with Baby</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" 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=" 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-bhv-pink bg-rose-50 font-semibold" 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="false"
        aria-controls="modal-category-7">
        <span>Photography</span>
        <svg class="w-4 h-4 transform transition-transform " 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="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-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-slate-600 hover:text-bhv-pink hover:bg-rose-50" 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="true"
        aria-controls="modal-category-8">
        <span>Life with Baby</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" 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=" 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-bhv-pink bg-rose-50 font-semibold" 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>