templates/en/hcp-index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Introduction to INR testing with CoaguChek®{% endblock %}
  4. {% block description %}Whether your patients are ready to self-test or prefer to test their INR levels in a clinic setting, CoaguChek® has systems to meet their needs.{% endblock %}
  6. {% block main %}
  8.     <section class="bg-hcp text-white position-relative roche-header">
  9.         <div class="container-fluid">
  10.             <div class="row align-items-center">
  11.                 <div class="col-xl-4 offset-xl-2 py-5 px-0 order-2 order-lg-1">
  12.                     <div class="container">
  13.                         <h1>Designed to meet your patients where they are</h1>
  14.                         <p class="mb-0">When it comes to coagulation monitoring, the right tool can make all the difference for your patients. Support their anticoagulation journey by bringing them closer to a simple and accurate solution.</p>
  15.                     </div>
  16.                 </div>
  17.                 <div class="col-lg-6 pe-0 order-1 order-lg-2">
  18.                     <img src="{{ asset('build/images/hcp/00-Homepage/00_HeroImage_1x.png') }}" srcset="{{ asset('build/images/hcp/00-Homepage/00_HeroImage_1x.png') }} 1x, {{ asset('build/images/hcp/00-Homepage/00_HeroImage_2x.png') }} 2x" alt="A female doctor smiling at her patient" class="w-100" />
  19.                 </div>            
  20.             </div>
  21.         </div>
  22.     </section>
  24.     <section class="roche-section__medium bg-hcp" style="--bs-bg-opacity: .1;">
  25.         <div class="container">
  26.             <div class="row align-items-center">
  27.                 <div class="col-12 col-lg-7 order-2 order-lg-1">
  28.                     <div class="roche-image roche-image__left">
  29.                         <img class="img-fluid" src="{{ asset('build/images/hcp/00-Homepage/02_DOACorVKA_1x.png') }}" srcset="{{ asset('build/images/hcp/00-Homepage/02_DOACorVKA_1x.png') }} 1x, {{ asset('build/images/hcp/00-Homepage/02_DOACorVKA_2x.png') }} 2x" alt="A female doctor showing test results to a middle-aged male patient">
  30.                     </div>
  31.                 </div>
  32.                 <div class="col-12 col-lg-5 order-1 order-lg-2 pb-5 p-lg-0">
  33.                     <h2 class="text-hcp">DOAC or VKA</h2>
  34.                     <p>When it comes to choosing the right oral anticoagulant for your patients, there are multiple factors to consider. Explore patient profiles as well as an overview of the medication options. </p>
  35.                     <a class="btn btn-hcp text-white" href="{{ path('hcp-doac-or-vka') }}">Read more</a>
  37.                     <p class="mt-5">DOAC: direct oral anticoagulant; VKA: Vitamin K antagonist</p> 
  38.                 </div>
  39.             </div>
  40.         </div>
  42.     </section>
  44.     <section class="roche-section__medium text-hcp">
  45.         <div class="container">
  46.             <div class="row">
  47.                 <div class="col-12 col-lg-6 px-5 pb-5">
  48.                     <div class="text-center">
  49.                         <p><img src="{{ asset('build/images/hcp/00-Homepage/06_Icon_TestingInYourOffice.svg') }}" alt="Testing in your office icon"></p>
  50.                         <h2>Convenient INR testing in your office</h2>
  51.                         <p>Using the CoaguChek<sup>®</sup> Pro II system for INR testing at your office is a safe, reliable alternative to lab testing that allows you to check your patients’ coagulation levels at any time.</p>
  52.                         <a class="btn btn-hcp text-white" href="{{ path('hcp-poc-inr-testing') }}">Learn more</a>
  53.                     </div>
  54.                 </div>
  55.                 <div class="col-12 col-lg-6 px-5 pt-5 pt-lg-0">
  56.                     <div class="text-center">
  57.                         <p><img src="{{ asset('build/images/hcp/00-Homepage/07_Icon_TheBenefits.svg') }}" alt="The benefits icon"></p>
  58.                         <h2>The benefits of patient self-testing</h2>
  59.                         <p>In patients for whom self-testing is appropriate, not only is the ability to test coagulation levels at home convenient, but it may also improve the time they stay in range.</p>
  60.                         <a class="btn btn-hcp text-white" href="{{ path('hcp-patient-self-testing') }}">Learn more</a>
  61.                     </div>
  62.                 </div>
  63.             </div>
  64.         </div>
  65.     </section>
  67.     <section class="roche-section__medium bg-hcp text-white">
  68.         <div class="container">
  69.             <div class="row align-items-center">
  70.                 <div class="col-12 col-lg-5 pt-5 pt-lg-0 order-2 order-lg-1">
  71.                     <h2>The CoaguChek<sup>®</sup> Roche Care Centre is here to answer your questions.</h2>
  72.                     <p>Call us toll-free at <a href="tel:18774262482" class="text-white">1-877-426-2482</a><br>Monday to Friday between 8 a.m. and 5 p.m. (EST).</p>
  73.                     <a class="btn btn-white text-hcp" href="{{ path('hcp-contact') }}">Get in touch</a>
  74.                 </div>
  75.                 <div class="col-12 col-lg-7 order-1 order-lg-2">
  76.                     <div class="roche-image roche-image__right">
  77.                         <img class="img-fluid" src="{{ asset('build/images/hcp/00-Homepage/03_CareCentre_1x.png') }}" srcset="{{ asset('build/images/hcp/00-Homepage/03_CareCentre_1x.png') }} 1x, {{ asset('build/images/hcp/00-Homepage/03_CareCentre_2x.png') }} 2x" alt="A female doctor speaking on her cellphone">
  78.                     </div>
  79.                 </div>
  80.             </div>
  81.         </div>
  82.     </section>
  84.     <section class="roche-section__medium bg-hcp" style="--bs-bg-opacity: .1;">
  85.         <div class="container">
  86.             <div class="row align-items-center">
  87.                 <div class="col-12 col-lg-7 pt-5 pt-lg-0 order-2 order-lg-1">
  88.                     <div class="roche-image roche-image__left d-flex justify-content-center justify-content-lg-start">
  89.                         <img class="img-fluid" src="{{ asset('build/images/hcp/00-Homepage/04_Reimbursement_1x.png') }}" srcset="{{ asset('build/images/hcp/00-Homepage/04_Reimbursement_1x.png') }} 1x, {{ asset('build/images/hcp/00-Homepage/04_Reimbursement_2x.png') }} 2x" alt="A female patient and her female doctor looking at a document together">
  90.                     </div>
  91.                 </div>
  92.                 <div class="col-12 col-lg-5 order-1 order-lg-2">
  93.                     <h2 class="text-hcp">CoaguChek<sup>®</sup> may be<br>reimbursed for your patients. </h2>
  94.                     <a class="btn mt-3 btn-hcp text-white" href="{{ path('hcp-resources-reimbursement') }}">See reimbursement details</a>
  95.                 </div>
  96.             </div>
  97.         </div>
  99.     </section>
  101. {% endblock %}