Why are my search results only showing products, not content pages?

Technical Q&A
1

any idea why my search result is just returning product and not pages containing content with the search term?

<div class="container mx-auto py-50px lg:py-100px">
  <div class="search-form-container">
    <form action="{{ routes.search_url }}" method="GET" class="flex justify-center">
      <input type="search" name="q" placeholder="Search" value="{{ search.terms | escape }}" class="outline-none border max-w-lg w-full h-11 p-3">
    </form>
    <h1 class="uppercase text-center text-3xl my-7">{{ search.results_count }} results found for "{{ search.terms | escape }}"</h1>
  </div>
  <div class="products-grid grid grid-cols-1 gap-y-10 place-content-center lg:grid-cols-2 xct:grid-cols-3 lg:gap-x-30px lg:gap-y-12">
    {% paginate search.results by 10 %}
      {% if search.performed %}
        {% for item in search.results %}
          
            {% item.object_type == 'product' %}
            
              {% render 'product-card', product: item %}

            {% elsif item.object_type != 'product' %}
            <a>{{ item.content | highlight: search.terms }}</a>  
          {% endif %}
        {% endfor %}
      {% endif %}
      {% render 'pagination', pagination: paginate %}
    {% endpaginate %}
    
  </div>
</div>