@extends('web.layouts.main')
@section('content')  

<!-- Start section -->
<section class="about_sec section">
    <div class="container">
        <div class="row align-items-center justify-content-around">
            <div class="col-lg-6">
                <div class="img_box">
                    <img src="{{url('')}}/assets/web/images/about-1.png" class="secImg" alt="" />
                </div>
            </div>
            <div class="col-lg-5">
                <div class="txt_box">
                    <h5 class="title_box"> {{$title}}</h5>
                    <h2 class="title my-4 pt-2 fw-bold">
                    {{__('pages.about_title_1')}} <span class="color-primary">  {{__('pages.about_title_2')}} </span> 
                    </h2>
                    <div class="p">
                            {!!$page->description??"" !!}
                            </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Start section -->
<section class="about_cards section">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="about_card">
                    <div class="content">
                        <div class="d-flex align-items-center mb-4">
                            <div class="icon_box"> <i class="fa-light fa-eye"></i> </div>
                            <h5 class="title fw-bold">{{__('pages.vision')}}</h5>
                        </div>
                        <div class="p">
                     
                         {{ str_replace('&nbsp;', ' ', strip_tags($page3->vision??"")) }}


                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="about_card">
                    <div class="content">
                        <div class="d-flex align-items-center mb-4">
                            <div class="icon_box"> <i class="fa-light fa-message-heart"></i> </div>
                            <h5 class="title fw-bold">{{__('pages.message')}}</h5>
                        </div>
                        <div class="p">
                        <!-- {!!$page3->message??"" !!} -->
                        {{ str_replace('&nbsp;', ' ', strip_tags($page3->message??"")) }}

                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="about_card">
                    <div class="content">
                        <div class="d-flex align-items-center mb-4">
                            <div class="icon_box"> <i class="fa-light fa-bullseye-pointer"></i> </div>
                            <h5 class="title fw-bold">{{__('pages.goal')}}</h5>
                        </div>
                        <div class="p">

                            {{ str_replace('&nbsp;', ' ', strip_tags($page3->goal??"")) }}


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

<!-- Start section -->
<section class="ceo_sec section">
    <div class="container-fluid px-0">
        <div class="row">
            <div class="col-lg-4">
                <div class="img_box">
                    <img src="{{url('')}}/assets/web/images/ceo-1.jpg" class="secImg" alt="">
                </div>
            </div>
            <div class="col-lg-7">
                <div class="txt_box">
                    <div class="mb-5">
                        <h5 class="title_box mb-4"> {{__('main.leader_job')}}  </h5>
                        <h5 class="fs-2 fw-bold ">  {{__('main.leader_name')}}            </h5>
                    </div>
                    <div class="">
                    <div class="p"> {!!$leader->description ??""!!} </div>

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

    </div>
</section>

@endsection