@extends('layouts.frontend', [
    'meta_keywords' => $page->meta_title,
    'meta_description' => $page->keywords,
    'meta_title' => $page->description
])
@section('content')


    <!--middle start-->
    <main>
        <!--slider container-->
        <!-- style="background-image: url('{{ $page->banner->getUrl() }}')" -->
        <div class="head_banner home-banner" style="background-image: url('{{ $page->banner->getUrl() }}')">
            <div class="slide_caption">
                <div class="container text-center">
                    <div class="next_level_coaching_text mb-4 pb-2" data-aos="fade-down"><img src="{{ asset('assets/images/next_level_coaching.png') }}" class="img-fluid"
                                                                         alt="img"></div>

             <!-- @if(!Session::exists('coach'))
             <a href="#" class="get_started" data-bs-toggle="modal" data-bs-target="#loginmodal" data-aos="fade-up"><span>Get</span> Started <i><img
                                src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid" alt="img"></i></a>

            @else
                                <a href="resources" class="get_started" data-aos="fade-up"><span>Get</span> Started <i><img
                                src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid" alt="img"></i></a>
            @endif -->

                </div>
            </div>
            <!-- <div class="dosomething mt-5">
                <div class="container">
                    <div class=" d-flex  justify-content-center">
                        <div class=" d-flex align-items-center flex-wrap">
                                <div class="cl_1">
                                    <img src="{{ $page->banner_2->getUrl() }}" class="img-fluid"  alt="img">
                                </div>
                                <div class="cl_2">{!! $page->banner_description !!}</div>
                        </div>
                    </div>

                </div>
            </div> -->
        </div>
        <!--slider end-->

        <!--start important subtitle-->
        <section class="important_subtitle">
            <div class="container pb-5 imp_home_heading">
{{--                <h2 class=" text-uppercase mb-5 pb-2 text-center">A Very Important SubtItle Goes Here</h2>--}}
                <div class="text-center  hp-hl-banner" data-aos="fade-down">
                    {{-- Tag headline text for making it live --}}
                    {{--{{ $page->page_headline }}--}}
                    <img src="{{ asset('/assets/images/what-is-nlc3.png') }}" alt="what-is-nlc3" class="img-fluid" />
                </div>

                <div class="row align-items-center mb-5">
                    <div class="col-xl-7 col-lg-7 col-md-6 order-xl-2 order-lg-2 order-md-2">
                        <figure class="mb-0 ms-3 me-3"  data-aos="fade-left">
                            <a href="{{ route('frontend.coaches') }}">
                                <img src="{{ $page->page_image->getUrl() }}" class="img-fluid" alt="img">
                            </a>
                        </figure>
                    </div>
                    <div class="col-xl-5 col-lg-5 col-md-6 order-xl-1 order-lg-1 order-md-1">
                        <ul class="m-0 p-0 list-unstyled">
                            <li onclick="window.location.href='{{ route('frontend.about') }}'"><a href="{{ route('frontend.about') }}" data-aos="fade-right">
                                    <h4><span class="d-inline-block">{{ $page->content_header_1 }}</span></h4>
                                    <p class="m-0">
                                        {!! $page->content_1 !!}
                                    </p>
                                </a></li>

                            <li onclick="window.location.href='{{ route('frontend.about') }}'"><a href="{{ route('frontend.about') }}"  data-aos="fade-right">
                                    <h4><span class="d-inline-block">{{ $page->content_header_2 }}</span></h4>
                                    <p class="m-0">
                                        {!! $page->content_2 !!}
                                    </p>
                                </a></li>

                            <li onclick="window.location.href='{{ route('frontend.about') }}'"><a href="{{ route('frontend.about') }}"  data-aos="fade-right">
                                    <h4><span class="d-inline-block">{{ $page->content_header_3 }}</span></h4>
                                    <p class="m-0">
                                        {!! $page->content_3 !!}
                                    </p>
                                </a></li>
                        </ul>
                    </div>
                </div>
                <div class=" text-center pt-4">

                @if(!Session::exists('coach'))
             <a href="#" class="get_started mt-4" data-bs-toggle="modal" data-bs-target="#loginmodal" data-aos="fade-up"><span>Get</span> Started <i><img
                                src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid" alt="img"></i></a>

            @else
                                <a href="resources" class="get_started mt-4" data-aos="fade-up"><span>Get</span> Started <i><img
                                src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid" alt="img"></i></a>
            @endif

                </div>
            </div>
        </section>
        <!--end important subtitle-->

        <!--start why choose us-->
        <section class="whychooseus">
            <div class="container">
                <div class="row">
                    <div class=" col-xl-8 col-lg-10 col-md-12 m-auto text-center">
{{--                        <h2 class=" text-uppercase mb-4 text-center">WHY CHOOSE US</h2>--}}
{{--                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam finibus in sem a viverra. Vivamus--}}
{{--                            lobortis mauris facilisis purus imperdiet luctus. Praesent porta libero arcu, eu dictum lacus. Proin ut--}}
{{--                            accumsan sem. Proin eros quam, dignissim nec venenatis non, porta et lacus.</p>--}}
{{--                        <p class="mb-4 pb-3"><a href="#" class="btn3 ps-3 pe-3 d-inline-block position-relative"><span>DO SOMETHING--}}
{{--                      NOW!</span></a></p>--}}
                        <div class="w_video_bx text-center" data-aos="fade-down">
                            <a href="{{ $page->cta_link }}" class="video-pop">
                                <img src="{{ $page->cta_image->getUrl() }}" class="img-fluid" alt="img">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--end why choose us-->


        @if($page->show_testimonials)
            @include('frontend._inc.testimonial')
        @endif


    </main>
    <!--middle end-->

@endsection