@extends('layouts.main-app')

@section('title', 'About Us - Leadership')
@section('content')

@include('layouts.navbar')
<div class="relative ">
    <img class="absolute inset-0 object-cover w-full h-full" src="{{asset('images/about_us/banner-leadership.webp')}}" alt="">
    <div class="container relative max-w-screen-xl mx-auto text-white py-[10rem]">
        <div class="grid grid-cols-1 px-4 md:grid-cols-3">
            <div>
                <h1 class="text-4xl font-bold">Leadership</h1>
                <p>Aliquam pelientesque nisi aliquet suspendisse moltis velit fermentum. Augue maecenas nullam fusce finibus fusce imperdiet montes taciti. Vivamus felis potenti sollicitudin efficitur laculis luctus ridiculus adipiscing orci.</p>
            </div>
        </div>
    </div>
</div>


<div  class="container max-w-screen-xl px-4 py-12 mx-auto space-y-8">
    @include('layouts.leadership')
</div>

<div  class="container max-w-screen-xl mx-auto">
    @include('layouts.newsletter')
</div>
@include('layouts.footer')




@endsection