@extends('front.layouts.main')
@section('content')
<section class=" bg-black wow fadeInUp" data-wow-delay="0.1s">
  <div class="how-we-work-sec">
    <div class="container ">
      <h2 class="common_head text-white text-center wow  fadeInUp" data-wow-delay="0.2s">Our <span>Vision</span></h2>
      {!! $ourVision->content !!}
    </div>
  </div>
  <div class="sec_padd text-white">
    <div class="container team-contain ">
      <h2 class="common_head text-center   wow  fadeInUp" data-wow-delay="0.2s">Our <span>Team</span></h2>
        @foreach($teams as $team)
          <div class="row align-items-center gy-5  team-member-wrapper">
            <div class="col-md-4">
              <div class="team-large-img wow  fadeInUp  mx-auto" data-wow-delay="0.2s">
                <img src="{{ asset('storage/' . $team->image) }}">
              </div>
            </div>
            <div class="col-md-8">
              <div class="member-popup-content">
                <h4 class="wow  fadeInUp" data-wow-delay="0.2s">{{$team->name}}</h4>
                <h6 class="wow  fadeInUp" data-wow-delay="0.3s">{{$team->designation}}</h6>
                <div class="member-desc">
                  <div class="wow  fadeInUp" data-wow-delay="0.4s">
                    {!! $team->description !!}
                  </div>
                </div>
              </div>
            </div>
          </div>
        @endforeach 
    </div>
  </div>

</section>
@endsection