@extends('layouts.front-layout')
@section('title', 'Team Detail')
@section('content')
<!-- INNER PAGE HERO SECTION -->
<section class="innerpage-main w-100">
    <img src="front-web-assets/images/innermain-img.webp" class="img-fluid zoomAnim w-100 h-100" alt="">
    <div class="innerpage-main__overlay">
        <div class="container">
            <h1>MARY DOHRMANN</h1>
        </div>
    </div>
</section>
<!-- !@INNER PAGE HERO SECTION -->

<section class="team-detail">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <figure>
                    <img src="{{ asset('storage/' . $our_team->image) }}" alt="{{$our_team->name}}" class="img-fluid" data-aos="zoom-out">
                </figure>
            </div>
            <div class="col-md-5 mx-auto">
                <h2 class="heading border-0" data-aos="fade-up">{{ $our_team->name }}</h2>
                <h6 class="subtitle" data-aos="fade-up">{{ $our_team->title }}</h6>
                <p data-aos="fade-up">{!! $our_team->detail !!}</p>
                <div data-aos="fade-up">
                    <a href="{{ route('front.contact') }}" class="btn themeBtn">Contact Us</a>
                </div>
            </div>
        </div>

    </div>
</section>
@endsection