@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>
<!--************************************* Brain Tumor *************************************-->
<section class="treatments_list">
	<div class="container">
		<div class="row">
			<div data-aos="fade-up" class="col-12 text-center">
				<h1 class="mb-5">Brain Tumor</h1>
			</div>
		</div>
		<div class="row">
			<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', 'braintumor') }}">
						<h2 class="text-center">Brain Tumor</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Brain Tumor">
					</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', 'meningioma') }}">
						<h2 class="text-center">Meningioma</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Brain Tumor">
					</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', 'pituitary-adenoma') }}">
						<h2 class="text-center">Pituitary Adenoma</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Brain Tumor">
					</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/brain_tumor.webp')}}" alt="Brain Tumor">
			</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', 'neurofibroma') }}">
						<h2 class="text-center">Neurofibroma</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Brain Tumor">
					</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', 'glioblastoma') }}">
						<h2 class="text-center">Glioblastoma</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Brain Tumor">
					</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', 'schwannoma') }}">
						<h2 class="text-center">Schwannoma</h2>
						<img class="img-fluid trs ms-2" src="{{asset('front/images/treatments_list_arrow.svg')}}" alt="Brain Tumor">
					</a>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection