@extends('front.layout.app')

@section('content')

@include('front.layout.header')

@include('front.home.banner')

@include('front.home.therapy_slider')

<section class="need-help-wrapper left-right-padd">
    <div class="container-fluid">
        <div class="centerline-heading">
            <h1>Need help now?</h1>
            <p>The following therapists are available for instant consults</p>
        </div>
        @include('front.home.therapists')
        <div class="find-appointment-btn green-bttn text-center">
            <a href="#" class="yellow-btn">See more</a>
        </div>

    </div>
</section>
<section class="myotherapy-wrapper" style="background: url({{asset('assets/images/myo-image.jpg')}})">
    <div class="container">
        <div class="row justify-content-end">
            <div class="col-lg-6">
                <div class="myotherapy-content">
                    <div class="profile-title img-left">
                        <h1>Featured therapy
                            <span>Myotherapy</span>
                        </h1>
                    </div>
                    <p>In common with other allied health practices Myotherapists utilise a wide range of evidence
                        based treatment approaches and skill, which in addition to manual therapy, assists with
                        muscular pain and dysfunction.</p>
                    <p>Myotherapy treatments can assist and aid in prevention, assessment, early intervention and
                        treatment of injuries and pain and the ongoing management of chronic musculoskeletal
                        conditions. MA Myotherapist skill set and treatment options for you may include trigger
                        point therapy, joint mobilisation, dry needling, cupping, stretching, exercise and
                        rehabilitation programs, pain management.</p>
                    <div class="find-appointment-btn green-bttn">
                        <a href="#" class="yellow-btn eagle-font">Find <span class="arca-font">My</span>
                            <span>Myotherapist</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="app-section">
    <div class="container position-relative">
        <div class="row align-items-center">
            <div class="col-md-6">
                <div class="app-space-area">
                    <div class="my-appoint-img">
                        <img src="{{asset('assets/images/my-appointment-img.png')}}" alt="" class="img-fluid">
                    </div>
                    <h1>Manage all your natural health appointments in one place with our free app</h1>
                    <p>Take the guesswork out of finding the right provider to meet your specific health need,
                        manage
                        your appointments, share medical reports, journal your progress and more.</p>
                    <div class="store-top">
                        <a href="javascript:"><img src="{{asset('assets/images/app-store.jpg')}}" class="img-fluid" alt=""></a>
                        <a href="javascript:"><img src="{{asset('assets/images/play-store.jpg')}}" class="img-fluid" alt=""></a>
                    </div>
                    <p class="service-provider">Service provider app, <a href="javascript:">click here.</a></p>
                </div>
            </div>
        </div>

    </div>
</section>

<section class="people-section">
    <div class="container">
        <h1 class="centerline-heading">What people are saying</h1>
        @include('front.home.portfolio')
    </div>
</section>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@9.15.1/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9.15.1/dist/sweetalert2.all.min.js"></script>

@if(session('preview_status'))
<script>
    Swal.fire({
        title: 'Access denied. Please contact the account administrator.',
        icon: 'warning',
        showCloseButton: true,
    })
</script>
@endif

   <!--  -->

@include('front.layout.footer')

@endsection