@extends('frontend.layouts.app')
@section('content')
    <div class="default_detail_section about_main">
        <div class="container-fluid">
            <div class="about_us_section">
                <div class="box_detail_text privacy_policy about_text">
                    <div class="about_headi">
                        <h2><span>
                            {{$about->page_title}}
                        </span></h2>
                        <img src="{{asset('storage/about/'.$about->page_header_image)}}" class="banner" alt=""/>
                    </div>
                    <div class="about_bg_gif">
                        <div class="about_txt">
                            <p>
                                {!!$about->page_description!!}
                            </p>

                            <h2 class="who_headi">
                                {{$about->who_we_are_title}}
                            </h2>
                            <h5 class="para_margin">
                                {!!$about->who_we_are_subtitle!!}
                            </h5>
                        </div>
                        <div class="about_us_section about_boxes">
                            <div class="row">
                                <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                    <div class="about_box">
                                        <div class="icon"><img src="{{asset('storage/about/'.$about->who_we_are_first_icon)}}" alt="icon" /></div>
                                        <h3>
                                            {{$about->who_we_are_first_title}}
                                        </h3>
                                        <p>
                                            {!!$about->who_we_are_first_description!!}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                    <div class="about_box">
                                        <div class="icon"><img src="{{asset('storage/about/'.$about->who_we_are_second_icon)}}" alt="icon" /></div>
                                        <h3>
                                            {{$about->who_we_are_second_title}}
                                        </h3>
                                        <p>
                                            {!!$about->who_we_are_second_description!!}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                    <div class="about_box">
                                        <div class="icon"><img src="{{asset('storage/about/'.$about->who_we_are_third_icon)}}" alt="icon" /></div>
                                        <h3>
                                            {{$about->who_we_are_third_title}}
                                        </h3>
                                        <p>
                                            {!!$about->who_we_are_third_description!!}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <button id="back-to-top-btn">↑</button>
@endsection