@extends('front.app')

@section('content')
<section data-aos="fade-up" class="inner_banner">
	<img class="img-fluid w-100 d-none d-md-block" src="{{asset('front/images/treatment_banner.webp')}}" alt="banner">
	<img class="img-fluid w-100 d-block d-md-none" src="{{asset('front/images/treatment_mobbanner.webp')}}" alt="banner">
	<div class="innerbanner_text"></div>
	@include('front.banner_base')
</section>
<!--************************************* heart_failure *************************************-->
<section class="treatments_list">
	<div class="container">
		<div class="row">
			<div data-aos="fade-up" class="col-12 text-center">
				<h1 class="mb-5">Heart Failure</h1>
			</div>
		</div>
		<div class="row align-items-center">
			<div class="col-xl-4 col-md-6 col-12 order-xl-1 order-2">
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'heartfailure') }} ">
						<h2 class="text-center">Heart <br>Failure</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'dilated-cardiomyopathy') }}">
						<h2 class="text-center">Dilated <br>Cardiomyopathy (DCM)</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'hypertrophied-obstructive-cardiomyopathy-hocm') }}">
						<h2 class="text-center">Hypertrophied Obstructive <br>Cardiomyopathy (HOCM)</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'hypertrophic-cardiomyopathy-hcm') }}">
						<h2 class="text-center">Hypertrophic <br>Cardiomyopathy (HCM)</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
			</div>
			<div class="col-xl-4 offset-xl-0 col-md-6 offset-md-3 offset-0 col-12 order-xl-2 order-1 mb-3">
				<img data-aos="fade-up" class="img-fluid" src="{{asset('front/images/heart_failure.webp')}}" alt="Heart Failure">
			</div>
			<div class="col-xl-4 col-md-6 col-12 order-3">
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'biventricular-failure') }}">
						<h2 class="text-center">Biventricular <br>Failure</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'pulmonary-arterial-hypertension-pah-or-ph') }}">
						<h2 class="text-center">Pulmonary Arterial <br>Hypertension PAH or PH</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'left-and-right-bundle-branch-block-lbbb-rbbb') }}">
						<h2 class="text-center">Left and Right Bundle <br>Branch Block LBBB &amp; RBBB</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
				<div data-aos="fade-up" class="w-100 float-start">
					<a class="w-100 float-start treatments_list_bg rounded-5 p-3 mb-4 d-flex justify-content-between trs" href="{{ route('front.page', 'low-left-ventricular-ejection-fraction') }}">
						<h2 class="text-center">Low Left Ventricular <br>Ejection Fraction (Low LVEF)</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Heart Failure">
					</a>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection