Need help making the catgroups show in the inner navigation

My website is theboutiqueconnect.com. My code is only showing one Catgroup term in the div and the rest under trying to accomplish the look of my old site brandingang.com

    <div class="header__navigation">
  <div class="container">
    <div class="header__navigation-inner">
      <ul class="header__navigation-category1">
        <li>
@foreach ($all_categories as $catGroup)
          @if ($catGroup->subGroups->count())
            @php
            @endphp
            <li>
              <a href="{{ route('categoryGrp.browse', $catGroup->slug) }}">
                @if ($catGroup->logoImage && Storage::exists($catGroup->logoImage->path))
                  <img src="{{ $catGroup->name }}">
                @else
                @endif

                <span>{{ $catGroup->name }}</span>
              </a>

                <div class="row">
                  @foreach ($catGroup->subGroups as $subGroup)
                      @php
                        $cat_counter = 0; //Reset the counter
                      @endphp
                      
                          @foreach ($subGroup->categories as $cat)
                            @php
                              $cat_counter++; //Increase the counter value by 1
                            @endphp
                          @endforeach
                        </ul>
                      </div>
                    </div>
                  @endforeach
                </div>
              </div>
            </li>
          @endif
        @endforeach
      </ul>
    </li>
  </ul>