@extends('frontend.layout')

@section('content')
<style>

.bg-img-8-leo-services {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover !important;
}
.bg-img-8-leo-services {
    background: url(assets/images/sub-page-90.jpg) 0 0 no-repeat;
}
</style>
<section class="inner-intro bg-img-8-leo-services overlay-bg-color light-color parallax parallax-background">

<div class="container">

  <div class="row title">
<div class="col-md-7">
    <h2 class="h2" style="color:#000000">MTM Kenya</h2>

    <div class="right" > <p><b style="color:#000000">Your Trusted Partner for Medication Therapy Management Consulting Services.<a href="{{route('contactUs.index')}}" style="color:green"> Contact us</a> today for Effective Medication Management and Improved Patient Outcomes </b></p> </div>
</div>
  </div>

</div>

</section>

<!-- Intro Section -->

<section id="service" class="ptb ptb-sm-80  servicebox" >

<div class="container text-center">

  <div class="row">
    <br/>
      <h2 class="title">Our Services</h2>
    
        <br/>  <br/>
            <!-- Box 1: Medication Therapy Management (MTM) -->
            <div class="col-md-4">
                <a href="{{ route('mtm-kenya') }}">
                    <div class="box">
                      <img src="{{asset('assets/img/medication-review-app.webp')}}" style="height: 240px;width:95%;border-radius:9px;">

                        <h3>Medication Therapy Management (MTM)</h3>

                    </div>
                </a>
            </div>

            <!-- Box 2: Medical Center -->
            <div class="col-md-4">
                <a  href="{{ route('mtm-center') }}">
                    <div class="box">
                      <img src="{{asset('assets/img/gmc.jpg')}}" style="height: 240px;width:95%;border-radius:9px;">

                        <h3>Medical Center</h3>

                    </div>
                </a>
            </div>

            <!-- Box 3: Training And Research -->
            <div class="col-md-4">
                <a href="{{ route('resources') }}">
                    <div class="box">
                      <img src="{{asset('assets/img/2002016.jpg')}}" style="height: 240px;width:95%;border-radius:9px;">

                        <h3>Training And Research</h3>

                    </div>
                </a>
            </div>
        </div>

      </div>

      </section>

  @endsection