homepage-v1.html

{% extends prototypeVersion + '/layouts/layout-hero-v3.html' %}
<!--
  In /app/views/layout.html you can:
    - change the header and footer
    - add custom CSS and JavaScript
-->
{% set pageName = "Value-Based Procurement for Medical Technologies" %}


{% block beforeContent %}
{% endblock %}

{% block content %}




<!-- NHS 10 Year Plan Context -->
<div class="nhsuk-grid-row nhsuk-u-margin-top-7">
  <div class="nhsuk-grid-column-full">
    
  <h3 class='nhsuk-heading-m'>Supporting the NHS 10 Year Plan</h3>
      <p>The NHS 10 Year Plan commits to making better use of data and digital technology to improve outcomes and experiences. Compass supports this vision by:</p>
      <ul>
        <li>Enabling value-based procurement through centralised evidence</li>
        <li>Reducing variation in medical technology adoption across trusts</li>
        <li>Supporting clinical and financial sustainability</li>
        <li>Accelerating innovation adoption where evidence supports it</li>
      </ul>


  </div>
</div>


<!-- Get Started Section -->
<div class="nhsuk-grid-row nhsuk-u-margin-top-7" id="get-started">
  <div class="nhsuk-grid-column-two-thirds">
    
    <h2 class="nhsuk-heading-l">Get started with Compass</h2>
    
    {{ actionLink({
      "text": "Search for medical technologies",
      "href": "search"
    }) }}

    <p class="nhsuk-u-margin-top-4">Or learn more about:</p>
    
    <ul class="nhsuk-list">
      <li>
        <a href="#data-sources">Our data sources and how we maintain quality</a>
      </li>
      <li>
        <a href="#how-it-works">How to use Compass in your procurement process</a>
      </li>
      <li>
        <a href="#contribute">Contributing your trust's evaluations</a>
      </li>
      <li>
        <a href="#contact">Contact the Compass team</a>
      </li>
    </ul>

  </div>
  
  
</div>

<!-- Key Features Cards -->
<div class="nhsuk-grid-row nhsuk-u-margin-top-7">
  <div class="nhsuk-grid-column-full">
    <h2 class="nhsuk-heading-l">What Compass offers</h2>
  </div>
</div>

<div class="nhsuk-grid-row nhsuk-card-group">
  
  <div class="nhsuk-grid-column-one-third nhsuk-card-group__item">
    {{ card({
      "heading": "Centralised evidence",
      "headingLevel": 3,
      "descriptionHtml": "<p>Access multiple trusted sources in one place: NICE Medtech Guidance, ODEP Accreditation, DTAC Passporting, NHS Trust Evaluations, and MHRA Registration data.</p>"
    }) }}
  </div>

  <div class="nhsuk-grid-column-one-third nhsuk-card-group__item">
    {{ card({
      "heading": "Real-world evaluations",
      "headingLevel": 3,
      "descriptionHtml": "<p>Read and share evaluations from NHS trusts using the technologies in practice, providing insights beyond formal guidance.</p>"
    }) }}
  </div>

  <div class="nhsuk-grid-column-one-third nhsuk-card-group__item">
    {{ card({
      "heading": "Standardised information",
      "headingLevel": 3,
      "descriptionHtml": "<p>Consistent presentation of evidence across all products makes it easier to assess and compare technologies using the same criteria and quality standards.</p>"
    }) }}
  </div>

</div>

<!-- Who it's for -->
<div class="nhsuk-grid-row nhsuk-u-margin-top-7">
  <div class="nhsuk-grid-column-full">
    <h2 class="nhsuk-heading-">Who the service is for</h2>
  </div>
</div>

<div class="nhsuk-grid-row">
  
  <div class="nhsuk-grid-column-one-half">
    {{ card({
      "clickable": true,
      "heading": "Procurement professionals",
      "headingLevel": 3,
      "href": "#procurement",
      "descriptionHtml": "<p>Access evidence quickly to support tendering processes, supplier evaluation, and business case development for medical technology purchases.</p>"
    }) }}
  </div>

  <div class="nhsuk-grid-column-one-half">
    {{ card({
      "clickable": true,
      "heading": "Clinicians and clinical leads",
      "headingLevel": 3,
      "href": "#clinicians",
      "descriptionHtml": "<p>Review clinical evidence and real-world evaluations from other NHS trusts to inform technology adoption decisions in your service.</p>"
    }) }}
  </div>

</div>

<div class="nhsuk-grid-row">
  
  <div class="nhsuk-grid-column-one-half">
    {{ card({
      "clickable": true,
      "heading": "Medical device evaluation teams",
      "headingLevel": 3,
      "href": "#evaluation",
      "descriptionHtml": "<p>Support your evaluation processes with centralised regulatory and clinical evidence, and share your findings with other NHS organisations.</p>"
    }) }}
  </div>

  <div class="nhsuk-grid-column-one-half">
    {{ card({
      "clickable": true,
      "heading": "Innovation and transformation teams",
      "headingLevel": 3,
      "href": "#innovation",
      "descriptionHtml": "<p>Identify evidence-based innovations and assess their readiness for adoption across your organisation or integrated care system.</p>"
    }) }}
  </div>

</div>



<!-- Data Sources Section -->
<div class="nhsuk-grid-row nhsuk-u-margin-top-7" id="data-sources">
  <div class="nhsuk-grid-column-full">
    
    <h2 class="nhsuk-heading-l">Trusted data sources</h2>
    
    <p class="nhsuk-body-l">Compass integrates evidence from the most authoritative sources in healthcare:</p>

  </div>
</div>

<div class="nhsuk-grid-row nhsuk-u-margin-top-4">
  
  <div class="nhsuk-grid-column-one-half">
    
    <h3 class="nhsuk-heading-m">
      <svg class="nhsuk-icon nhsuk-icon--tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
  <path d="M11.4 18.8a2 2 0 0 1-2.7.1h-.1L4 14.1a1.5 1.5 0 0 1 2.1-2L10 16l8.1-8.1a1.5 1.5 0 1 1 2.2 2l-8.9 9Z" />
</svg>
      NICE Medtech Guidance
    </h3>
    <p>Evidence-based guidance on medical technologies from the National Institute for Health and Care Excellence.</p>

    <h3 class="nhsuk-heading-m nhsuk-u-margin-top-4">
      <svg class="nhsuk-icon nhsuk-icon--tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
  <path d="M11.4 18.8a2 2 0 0 1-2.7.1h-.1L4 14.1a1.5 1.5 0 0 1 2.1-2L10 16l8.1-8.1a1.5 1.5 0 1 1 2.2 2l-8.9 9Z" />
</svg>
      ODEP Accreditation
    </h3>
    <p>Orthopaedic Data Evaluation Panel ratings for implants and related devices.</p>

    <h3 class="nhsuk-heading-m nhsuk-u-margin-top-4">
      <svg class="nhsuk-icon nhsuk-icon--tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
  <path d="M11.4 18.8a2 2 0 0 1-2.7.1h-.1L4 14.1a1.5 1.5 0 0 1 2.1-2L10 16l8.1-8.1a1.5 1.5 0 1 1 2.2 2l-8.9 9Z" />
</svg>
      DTAC Passporting
    </h3>
    <p>Devices Technical Advisory Committee approval status for medical devices.</p>

  </div>

  <div class="nhsuk-grid-column-one-half">
    
    <h3 class="nhsuk-heading-m">
    <svg class="nhsuk-icon nhsuk-icon--tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
  <path d="M11.4 18.8a2 2 0 0 1-2.7.1h-.1L4 14.1a1.5 1.5 0 0 1 2.1-2L10 16l8.1-8.1a1.5 1.5 0 1 1 2.2 2l-8.9 9Z" />
</svg>
      NHS Trust Evaluations
    </h3>
    <p>Real-world assessments and feedback from NHS organisations using these technologies in practice.</p>

    <h3 class="nhsuk-heading-m nhsuk-u-margin-top-4">
      <svg class="nhsuk-icon nhsuk-icon--tick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" focusable="false" aria-hidden="true">
  <path d="M11.4 18.8a2 2 0 0 1-2.7.1h-.1L4 14.1a1.5 1.5 0 0 1 2.1-2L10 16l8.1-8.1a1.5 1.5 0 1 1 2.2 2l-8.9 9Z" />
</svg>
      MHRA Registration Data
    </h3>
    <p>Medicines and Healthcare products Regulatory Agency registration and compliance information.</p>

  

  </div>

</div>

<!-- Benefits -->
<div class="nhsuk-grid-row nhsuk-u-margin-top-7">
  <div class="nhsuk-grid-column-full">
    
    <h2 class="nhsuk-heading-l">Benefits of using Compass</h2>

    <dl class="nhsuk-summary-list">
      <div class="nhsuk-summary-list__row">
        <dt class="nhsuk-summary-list__key">
          Save time
        </dt>
        <dd class="nhsuk-summary-list__value">
          Reduce hours spent gathering evidence from multiple sources. Access everything you need in one place.
        </dd>
      </div>
      <div class="nhsuk-summary-list__row">
        <dt class="nhsuk-summary-list__key">
          Improve consistency
        </dt>
        <dd class="nhsuk-summary-list__value">
          Use standardised evidence presentation to ensure fair comparison and reduce variation in decision-making.
        </dd>
      </div>
      <div class="nhsuk-summary-list__row">
        <dt class="nhsuk-summary-list__key">
          Support collaboration
        </dt>
        <dd class="nhsuk-summary-list__value">
          Share evaluations and learn from other NHS organisations' experiences with medical technologies.
        </dd>
      </div>
      <div class="nhsuk-summary-list__row">
        <dt class="nhsuk-summary-list__key">
          Increase confidence
        </dt>
        <dd class="nhsuk-summary-list__value">
          Make evidence-based decisions backed by multiple trusted sources and peer assessments.
        </dd>
      </div>
      <div class="nhsuk-summary-list__row">
        <dt class="nhsuk-summary-list__key">
          Enable value-based care
        </dt>
        <dd class="nhsuk-summary-list__value">
          Focus on clinical outcomes and evidence rather than price alone when procuring medical technologies.
        </dd>
      </div>
    </dl>

  </div>
</div>

<!-- Call to Action -->
<div class="nhsuk-grid-row nhsuk-u-margin-top-7 nhsuk-u-margin-bottom-7">
  <div class="nhsuk-grid-column-full">
    
    <h2 class="nhsuk-heading-l">Get started and sign up</h2>
    
    {{ actionLink({
      "text": "Search for medical technologies",
      "href": "search"
    }) }}

  </div>
</div>

{% endblock %}