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

<section class="inner-banner">
    <img src="{{asset('admin/mission-images/'.($data['bImage1'] ?? ''))}}" class="w-100" alt="img">
    <div class="container">
        <h2>{{$data['title1'] ?? ''}}</h2>
    </div>
</section>

<section class="aboutSec">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-5">
                <div class="aboutImg reveal">
                    <img src="{{asset('admin/mission-images/'.($data['aImage1'] ?? ''))}}" class="img-fluid" alt="">
                </div>
            </div>
            <div class="col-md-7">
                <div class="aboutContent">
                    <h2 class="secHeading" data-aos="fade-up">{{$data['title2'] ?? ''}}</h2>
                    <p data-aos="fade-up">{{$data['description1'] ?? ''}}</p>
                    <div class="yearWraps">
                        <div class="yearBox" data-aos="fade-up">
                            <img src="{{asset('images/icon1.webp')}}" class="img-fluid" alt="">
                            <h3 class="secHeading">{{$data['year'] ?? ''}}+</h3>
                            <h4>Years Of
                                Experience</h4>
                        </div>
                        <div class="missionText">
                            <h5 data-aos="fade-up">{{$data['title3'] ?? ''}}</h5>
                            <p data-aos="fade-up"> {{$data['description2'] ?? ''}}</p>
                        </div>
                    </div>
                    <p class="mision-para" data-aos="fade-up">{{$data['description3'] ?? ''}}</p>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection