@extends('web.layouts.layout')

@section('content')

    <main>

        <!-- ---------- about_header ----------- -->
        <section class="about_header">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-5">
                        <div class="info wow fadeInUp ">
                            <h6 class="mainColor"> {{ $title ?? "" }} </h6>
                            <h1> {{ $page->currentDescription->subtitle ?? "" }} </h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!-- ---------- about_sec ----------- -->
        <section class="about_sec">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-lg-6">
                        <div class="info wow fadeInUp ">
                            <div class="text">
                                {!! $page->currentDescription->description ?? "" !!}
                            </div>
                            <a href="{{ auth()->check() ? route('web.programs.index') : route('web.users.register') }}" 
                                class="butn butn_main mt-4">
                                <span> {{ __('main.join_us_now') }} </span>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 ps-lg-5">
                        <div class="img wow fadeInUp " data-wow-delay="0.2s">
                            <img src="{{asset('assets/web/images/head_shap.png')}}" alt="" class="float_img"/>
                            <img src="{{ getImage($page->image) }}"
                                 alt="{{ $title ?? "" }}" class="main_img"/>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- ---------- faq ----------- -->
        @include('web.home.other._common_questions')

        <!-- ---------- testimonials ----------- -->
        @include('web.home.other._reviews')

        <!-- ---------- instagram  ----------- -->
        @include('web.home.other._instagram')


        <!-- <div class="img_pattern1">
        </div> -->
    </main>

@endsection