search.html

<!-- Search page iterated based on Four Modes of Information Seeking (Donna Spencer) -->
<!-- Supports: Known-item, Exploratory, Don't Know What You Need to Know, Re-finding -->

{% extends prototypeVersion + '/layouts/layout-search.html' %}

{% set pageName = "Search and evaluate medical technologies" %}
{% set serviceHeader = "NHS medtech procurement" %}
{% set serviceDescription = "Search and evaluate medical technologies" %}

{% block beforeContent %}
{% endblock %}

{% block content %}

<!-- ============================================ -->
<!-- MODE 1: RE-FINDING                           -->
<!-- ============================================ -->


    <!-- When signed in, show recent activity cards -->
  <h2 class="nhsuk-heading-l">Your activity</h2>
    <div class="nhsuk-grid-row nhsuk-card-group">
      <div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
        <div class="nhsuk-card">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">Your recently viewed items</h3>
            <ul class="nhsuk-list nhsuk-list--bullet">
              <li><a href="#">Stryker Mako SmartRobotics</a> — viewed yesterday</li>
              <li><a href="#">Smith+Nephew PICO 7</a> — viewed 3 days ago</li>
              <li><a href="#">Medtronic MiniMed 780G</a> — viewed last week</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="nhsuk-grid-column-one-half nhsuk-card-group__item">
        <div class="nhsuk-card">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">Your saved items</h3>
            <ul class="nhsuk-list nhsuk-list--bullet">
              <li><a href="#">SmartPump 300 Infusion System</a></li>
              <li><a href="#">Collagen Pro Matrix</a></li>
            </ul>
            <p class="nhsuk-body-s nhsuk-u-margin-top-3"><a href="#">View all saved items</a></p>
          </div>
        </div>
      </div>
    </div>

<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">

<!-- ============================================ -->
<!-- MODE 2: KNOWN-ITEM SEEKING                   -->
<!-- Users who know exactly what they're after    -->
<!-- ============================================ -->
<div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-one-half">
    
  

    <!-- Quick links for known-item seekers (common searches) -->
    <h2 class="nhsuk-heading-l">Common searches</h2>
    <p class="nhsuk-body">    
          Recently searched across NHS trusts similar to yours
          </p>
      
        <ul class="nhsuk-list app-tag-list">
          <li><a href="category-wound-care" class="nhsuk-tag nhsuk-tag--white">Air mattress system</a></li>
          <li><a href="category-wound-care" class="nhsuk-tag nhsuk-tag--white">HydroHeal Plus</a></li>
          <li><a href="category-wound-care" class="nhsuk-tag nhsuk-tag--white">Insulin pumps</a></li>
          <li><a href="category-wound-care" class="nhsuk-tag nhsuk-tag--white">Surgical mesh</a></li>
          <li><a href="category-wound-care" class="nhsuk-tag nhsuk-tag--white">Continuous glucose monitors</a></li>
        </ul>
      


  </div>
  
</div>

<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">



<!-- ============================================ -->
<!-- MODE 4: RE-FINDING                           -->
<!-- ============================================ -->
<!-- MODE 3: EXPLORATORY SEEKING                  -->
<!-- Users researching options, may not know      -->
<!-- exactly what they need                       -->
<!-- ============================================ -->
 <div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-full">
    
    <h2 class="nhsuk-heading-l">Browse by care setting</h2>
    <p class="nhsuk-body">Explore what's available in care settings like yours.</p>

      <ul class="nhsuk-grid-row nhsuk-card-group">
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">Prevention and health promotion</a>
            </h3>
            
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="search-results-viz-all">Primary care</a>
            </h3>
          
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">Primary prescribing</a>
            </h3>
            
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">Ambulance</a>
            </h3>
          
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">A & E</a>
            </h3>
            
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
            <a class="nhsuk-action-link" href="#">
  <svg class="nhsuk-icon nhsuk-icon--arrow-right-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
    <path d="M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z" />
  </svg>
  <span class="nhsuk-action-link__text">View all care settings</span>
</a>
            </h3>
            
          </div>
        </div>
      </li>
    </ul>



    </div>
    </div>
<div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-full">
    
    <h2 class="nhsuk-heading-l">Browse by category</h2>
    <p class="nhsuk-body">Explore what's available and see which products other trusts use.</p>

    <ul class="nhsuk-grid-row nhsuk-card-group">
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">Orthopaedic implants</a>
            </h3>
            <p class="nhsuk-card__description">Hip, knee, shoulder replacements and trauma fixation devices</p>
            <p class="nhsuk-body-s nhsuk-u-secondary-text-color">247 products · 89 trust evaluations</p>
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="search-results-viz-all">Wound care</a>
            </h3>
            <p class="nhsuk-card__description">Dressings, negative pressure therapy and skin substitutes</p>
            <p class="nhsuk-body-s nhsuk-u-secondary-text-color">183 products · 56 trust evaluations</p>
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">Diabetes technology</a>
            </h3>
            <p class="nhsuk-card__description">Insulin pumps, continuous glucose monitors and smart pens</p>
            <p class="nhsuk-body-s nhsuk-u-secondary-text-color">94 products · 112 trust evaluations</p>
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">Diagnostic imaging</a>
            </h3>
            <p class="nhsuk-card__description">MRI, CT, ultrasound and X-ray equipment</p>
            <p class="nhsuk-body-s nhsuk-u-secondary-text-color">156 products · 34 trust evaluations</p>
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            <h3 class="nhsuk-card__heading nhsuk-heading-s">
              <a class="nhsuk-card__link" href="category-wound-care">Surgical instruments</a>
            </h3>
            <p class="nhsuk-card__description">Robotic systems, endoscopes and single-use instruments</p>
            <p class="nhsuk-body-s nhsuk-u-secondary-text-color">312 products · 67 trust evaluations</p>
          </div>
        </div>
      </li>
      <li class="nhsuk-grid-column-one-third nhsuk-card-group__item">
        <div class="nhsuk-card nhsuk-card--clickable">
          <div class="nhsuk-card__content">
            
          <a class="nhsuk-action-link" href="#">
  <svg class="nhsuk-icon nhsuk-icon--arrow-right-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
    <path d="M12 2a10 10 0 0 0-10 9h11.7l-4-4a1 1 0 0 1 1.5-1.4l5.6 5.7a1 1 0 0 1 0 1.4l-5.6 5.7a1 1 0 0 1-1.5 0 1 1 0 0 1 0-1.4l4-4H2A10 10 0 1 0 12 2z" />
  </svg>
  <span class="nhsuk-action-link__text">Explore more categories</span>
</a>
        
        
          </div>
        </div>
      </li>
    </ul>

  </div>
</div>

<hr class="nhsuk-section-break nhsuk-section-break--l nhsuk-section-break--visible">

<!-- ============================================ -->
<!-- MODE 4: DON'T KNOW WHAT YOU NEED TO KNOW    -->
<!-- Users who may not know the right questions   -->
<!-- or what evidence matters                     -->
<!-- ============================================ -->
<div class="nhsuk-grid-row">
  <div class="nhsuk-grid-column-two-thirds">
    
    <h2 class="nhsuk-heading-l">New to medical technology procurement?</h2>
    <p class="nhsuk-body">Not sure where to start? These resources help you understand what to look for when evaluating medical technologies.</p>

    <div class="nhsuk-card">
      <div class="nhsuk-card__content">
        <h3 class="nhsuk-card__heading nhsuk-heading-m">
          <a class="nhsuk-card__link" href="#">Value-based procurement explained</a>
        </h3>
        <p class="nhsuk-card__description">
          Move beyond lowest-price decisions and evaluate products on outcomes, safety, integration and sustainability.
        </p>
      </div>
    </div>
    
    <div class="nhsuk-card">
      <div class="nhsuk-card__content">
        <h3 class="nhsuk-card__heading nhsuk-heading-m">
          <a class="nhsuk-card__link" href="#">What makes good evidence?</a>
        </h3>
        <p class="nhsuk-card__description">
          Learn the difference between NICE guidance, ODEP ratings, clinical trials and trust evaluations — and when each matters for your decision.
        </p>
      </div>
    </div>

    <div class="nhsuk-card">
      <div class="nhsuk-card__content">
        <h3 class="nhsuk-card__heading nhsuk-heading-m">
          <a class="nhsuk-card__link" href="#">Questions to ask other trusts</a>
        </h3>
        <p class="nhsuk-card__description">
          Find out what questions procurement leads and clinical engineers ask their peers about their experience.
        </p>
      </div>
    </div>



</div>




{% endblock %}