@extends('front.include.app')
@section('content')
   {{-- @dd($data->cmsImages('about_img')) --}}
    <div class="main-wrapper">
        <figure class="outlook__img">
            <img src="{{ isset($setting) ? $setting->cmsImages('outlook') : asset('front/images/outlook-img.png') }}" alt="image" class="img-fluid">
        </figure>
        <section class="mainSec abtepg">
            <div class="container">
                @include('front.include.menu')
                <figure class="bannerlaptop">
                    <img src="{{ isset($setting) ? $setting->cmsImages('bannerlaptop') : asset('front/images/laptopscreen1.png') }}" class="img-fluid" alt="">
                </figure>
                <div class="row justify-content-end">
                    <div class="col-lg-10 col-md-12">
                        <div class="mainWrap" data-lenis-prevent>
                            <div class="mainContent">
                                <figure class="aboutImg"><img src="{{ $data->cmsImages('about_img') ?? '' }}" class="img-fluid" alt="img">
                                </figure>
                                <h2>{{$content->main_heading ?? ''}}</h2>
                                <p>{{$content->about_description_1 ?? ''}}</p>
                                <p>{{$content->about_description_2 ?? ''}}</p>
                                <a href="{{$content->linkedin_url ?? ''}}" target="_blank">
                                    <i class="fab fa-linkedin"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <figure class="mouse__img">
            <img src="{{ asset('front/images/mouse.png') }}" alt="image" class="img-fluid">
            <img src="{{ asset('front/images/curve-line.png') }}" alt="image" class="img-fluid mouse__imgLine">
        </figure>

@endsection