<turbo-stream action="replace" target="support_search_results"><template><turbo-frame id="support_search_results">
    <div class="space-y-8">
        <div>
          <h3 class="text-2xl font-bold text-gray-900 mb-4">Supplier Onboarding</h3>
          <div class="space-y-4">
                <a data-turbo-frame="support_article" href="/support/articles/30">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">What are the requirements for listing my products?</div>
                    <div class="text-sm text-gray-600">You’ll need a registered business, clear product descriptions, pricing, and high-quality images. All listings must me...</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/31">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">Are there fees or commissions for using the platform?</div>
                    <div class="text-sm text-gray-600">We charge a small commission on each completed sale. Details are available in your supplier agreement.</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/29">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">How can I become a supplier on Bulki?</div>
                    <div class="text-sm text-gray-600">Click Register Now on our homepage, select &quot;Supplier&quot; during signup, and complete your business profile. Our team wil...</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/32">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">How do I manage inventory and order fulfillment?</div>
                    <div class="text-sm text-gray-600">Our supplier dashboard lets you add products, update stock levels, and process orders from one place.</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/33">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">How does Bulki support marketing or outreach for my listings?</div>
                    <div class="text-sm text-gray-600">We feature suppliers in our newsletters, promote products in search results, and offer paid advertising options for e...</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/34">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">Can suppliers sponsor or advertise products?</div>
                    <div class="text-sm text-gray-600">Yes. Sponsored listings appear higher in search results and can be featured on the homepage.</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/35">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">How secure is Bulki for transactions and business data?</div>
                    <div class="text-sm text-gray-600">We use secure servers and encryption to protect your business information and customer data.</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/36">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">How extensive is the product catalogue?</div>
                    <div class="text-sm text-gray-600">It spans all major construction categories, and continues to grow as new suppliers join.</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/37">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">How often is the catalogue updated?</div>
                    <div class="text-sm text-gray-600">Continuously — changes appear as soon as you update your listings.</div>
                  </div>
</a>                <a data-turbo-frame="support_article" href="/support/articles/38">
                  <div
                    class="
                      p-4 bg-white border border-gray-200 rounded-lg hover:shadow-md transition-shadow
                      space-y-2
                    "
                  >
                    <div class="flex items-center gap-2 text-sm">
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded bg-blue-100 text-blue-800
                          capitalize
                        "
                      >faq</span>
                      <span
                        class="
                          inline-flex items-center px-2 py-0.5 rounded border border-gray-300
                          text-gray-700 capitalize
                        "
                      >supplier</span>
                      <span
                        class="
                          ml-auto inline-flex items-center px-2 py-0.5 rounded bg-gray-100 text-gray-700
                        "
                      >Supplier Onboarding</span>
                    </div>
                    <div class="text-lg font-semibold text-gray-900">Do I need to register to list products?</div>
                    <div class="text-sm text-gray-600">Yes, registration is required to access the supplier dashboard and publish listings.</div>
                  </div>
</a>          </div>
        </div>
    </div>
    <div class="mt-6 w-full border-t border-gray-200 bg-white px-4 py-3 sm:px-6">
      <p class="text-sm text-gray-700 mb-2">
        Showing
        <span class="font-medium">1</span>
        to
        <span class="font-medium">10</span>
        of
        <span class="font-medium">14</span>
        results
      </p>
      <div class="flex items-center">
        <!-- Left: Previous -->
        <div class="w-1/3">
          <a data-turbo-frame="support_search_results" class="inline-flex items-center rounded-md px-3 py-2 text-sm font-medium ring-1 ring-inset ring-gray-300 hover:bg-gray-50 text-gray-700 pointer-events-none opacity-50" href="/support/search?audience=supplier&amp;category=9&amp;page=1">Previous</a>
        </div>
        <!-- Center: page numbers -->
        <div class="w-1/3 flex justify-center">
          <nav
            aria-label="Pagination"
            class="isolate inline-flex -space-x-px rounded-md shadow-sm"
          >
                <span
                  aria-current="page"
                  class="
                    relative z-10 inline-flex items-center bg-indigo-600 px-4 py-2 text-sm
                    font-semibold text-white
                  "
                >1</span>
                <a data-turbo-frame="support_search_results" class="relative inline-flex items-center px-4 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50" href="/support/search?audience=supplier&amp;category=9&amp;page=2">2</a>
          </nav>
        </div>
        <!-- Right: Next -->
        <div class="w-1/3 flex justify-end">
          <a data-turbo-frame="support_search_results" class="inline-flex items-center rounded-md px-3 py-2 text-sm font-medium ring-1 ring-inset ring-gray-300 hover:bg-gray-50 text-gray-700 " href="/support/search?audience=supplier&amp;category=9&amp;page=2">Next</a>
        </div>
      </div>
    </div>
</turbo-frame>
</template></turbo-stream>