@extends('front.include.app')
@section('content')
@php
$setting =  $pageData['Setting'];
@endphp
{{-- @dd($pageData['Setting']) --}}
<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">
        <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">
                            <h2>{{$content->main_heading ?? ''}}</h2>
                            <p>{{$content->section_one_description_1 ?? ''}}</p>
                            <h2>{{$content->section_two_main_heading ?? ''}}</h2>
                            <p>{{$content->section_two_description_1 ?? ''}}</p>
                            <p>{{$content->section_two_description_2 ?? ''}}</p>
                            <h2>{{$content->section_three_main_heading ?? ''}}</h2>
                            <p>{{$content->section_three_description ?? ''}}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <img src="images/banPath.png" class="img-fluid banPath" alt=""> -->
    </section>
    <figure class="mouse__img">
        <img src="{{ asset('front/images/mouse.png') }}" alt="image" class="img-fluid">
        <img src="{{ asset('front/images/curve-line1.png') }}" alt="image" class="img-fluid mouse__imgLine">
    </figure>
    

@endsection