@extends('front.include.app')
@section('content')

<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 abtpg">
        <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-md-10">
                    <div class="mainWrap" data-lenis-prevent>
                        <div class="mainContent">
                            <h2>{{$content->main_heading ?? ''}}</h2>
                            <a href="https://wwwheeler.com/" class="references-img" target="_blank"><img src="{{ $data->cmsImages('reference_banner_img') ?? '' }}" alt="image"
                                class="img-fluid"></a>
                            <h2>{{$content->sub_heading ?? ''}}</h2>
                            <p>{{$content->description ?? ''}}</p>
                            <p>{{$content->sub_description ?? ''}}</p>
                        </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