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

@section('content')

    <!--middle start-->
    <main>

        <section class="inner_header hero-banner">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <!-- <div class="col-md-6">
                        <div class="inner_h_thmnl">
                            <img src="{{ $page->banner ? $page->banner->getUrl() : asset('assets/images/about_img.jpg') }}" class="w-100" alt="img">
                        </div>
                    </div> -->
                    <div class="col-md-12">
                        <figcaption class="inr_h_descrip ps-5 ms-2 mt-5">
                            <h1 class="title1"><i><img src="{{ asset('assets/images/arrow_right3.png') }}" class="img-fluid" alt="img"></i>
                                <span>{{ $page->title }}</span>
                            </h1>
                            <!-- @if($page->banner_2)
                            <div class="lets_go pt-4 pb-4">
                                <img src="{{ $page->banner_2->getUrl() }}" class="img-fluid" alt="img">
                            </div>
                            @endif -->

                            @if(!empty($page->banner_description))
                                <div class="mxwidth mb-4 pt-2 pb-3">
                                    <p class="text-white m-0">
                                        {{ $page->banner_description }}
                                    </p>
                                </div>
                            @endif
                            @if(!Session::exists('coach'))
             <a href="#" class="get_started" data-bs-toggle="modal" data-bs-target="#loginmodal"><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"><span>Get</span> Started <i><img
                                src="{{ asset('assets/images/arrow_right.png') }}" class="img-fluid" alt="img"></i></a>
            @endif
                        </figcaption>


                    </div>
                </div>
            </div>
        </section>

        <section class="about_main bg_gray pt-5 pb-5">
            <div class="container pt-4 pb-4">
                <div class="descrip_md">
                    @if(!empty($page->content_header_1))
                        <h2 class="font35 mb-3">{{ $page->content_header_1 }}</h2>
                    @endif
                    @if(!empty($page->content_1))
                        <p class="mb-5">
                            {!! $page->content_1 !!}
                        </p>
                    @endif


                        <div class="whatwedo th_img_sec text-center">
                            <a href="https://www.youtube.com/watch?v=CvBpklhCIdI" class="video-pop"><img src="{{ asset('assets/images/whatwedo1.png') }}" alt="Building Sales Skills"></a>
                            <a href="https://www.youtube.com/watch?v=CvBpklhCIdI" class="video-pop" alt="Building A Team"><img src="{{ asset('assets/images/whatwedo2.png') }}" alt="whatwedo2"></a>
                            <a href="https://www.youtube.com/watch?v=CvBpklhCIdI" class="video-pop" alt="Building Wealth"><img src="{{ asset('assets/images/whatwedo3.png') }}" alt="whatwedo3"></a>
                        </div>

                    @if(!empty($page->content_header_2))
                        <h2 class="font35 mb-3 mt-5">{{ $page->content_header_2 }}</h2>
                    @endif

                    @if(!empty($page->content_2))
                        <div class="mb-5 mt-5 text-center">
                            {!! $page->content_2 !!}
                        </div>
                    @endif

                    @if(!empty($page->content_header_3))
                        <h2 class="font35 mb-3 mt-5">{{ $page->content_header_3 }}</h2>
                    @endif
                    @if(!empty($page->content_3))
                        <p class="mb-5">
                            {!! $page->content_3 !!}
                        </p>
                    @endif

                </div>


            </div>
        </section>


        <section class="faqsection pt-5 pb-5">
            <div class="container pt-4 pb-4">
                <h2 class="title2 font35  pb-3 mb-3">Frequently Asked Questions</h2>

                <ul class="m-0 p-0 list-unstyled ms-5 ps-3">

                    @foreach($faqs as $fq)

                        <li>
                            <h4 class="mb-3"><span>{{ $fq->title }}</span></h4>
                            <p class="m-0">
                                {!! $fq->content !!}
                            </p>
                        </li>

                    @endforeach


                </ul>

            </div>
        </section>

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

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

@endsection