@extends('web.layouts.layout')

@section('content')

    <main class="mt-100">
        <!--about section-->
        <section class="about-section section_padding">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-12 col-lg-6 col-xs-12 mt-5 wow clip-image-left">
                        <h2 class="fs-2 orange-color fw-bold" data-wow-delay="0.2s">
                            {{ $title ?? "" }}
                        </h2>
                        <div class="description-text">
                            {!! $page->currentDescription->description ?? "" !!}
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-12 col-lg-6 col-xs-12 text-left">
                        <a class="about-img wow clip-image-right d-block" href="#">
                            <img data-src="{{ asset('assets/web/images/about-img.svg') }}"
                                src="{{ asset('assets/web/images/about-img.svg') }}"
                                alt="about img"
                                class="lazyload img_contain"/>
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </main>
    {{-- <img src="{{ getImage($page->image) }}" alt="{{ $title ?? "" }}"/> --}}

@endsection