@extends('layout.app')
@section('content')
@include('components.banner',['title'=>'About','img'=>'pics/banner/about-banner.jpg'])
 <!-- ABOUT COMPANY SECTION START -->
 <div class="section-full p-t80 p-b50">
    <div class="container">
        <!-- TITTLE START -->
        <div class="section-head text-center">
            <h2 class="text-uppercase">About Company</h2>
            <div class="wt-separator-outer">
                <div class="wt-separator style-square">
                    <span class="separator-left site-bg-primary"></span>
                    <span class="separator-right site-bg-primary"></span>
                </div>
            </div>
            <p>
                {!!$info->fr_presentation_title!!}
            </p>
        </div>
        <!-- TITLE END -->                	
        <div class="row">
            <div class="col-lg-6 col-md-12 m-b30">
                <!--Fade slider-->
                <div class="about-com-pic-2">
                    <img src="data:image/png;base64," alt="">
                </div>
                <!--fade slider END-->
            </div>
            <div class="col-lg-6 col-md-12 m-b30">
                <!-- ACCORDIAN  BG DARK -->
                <div class="section-content">
                    {!!$info->fr_presentation_text!!}                                       
                </div>
            </div>
        </div>
    </div>
</div>   
<!-- ABOUT COMPANY SECTION END -->
<!-- OUR TEAM MEMBER SECTION START -->
@if($teams != null && count($teams)>0)
    
    <div class="section-full text-center wt-our-team bg-gray p-t80 p-b50">
        <div class="container">
        
            <!-- TITTLE START -->
            <div class="section-head text-center">
                <h2 class="text-uppercase">Notre équipe</h2>
                <div class="wt-separator-outer">
                    <div class="wt-separator style-square">
                        <span class="separator-left site-bg-primary"></span>
                        <span class="separator-right site-bg-primary"></span>
                    </div>
                </div>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
            </div>
            <!-- TITLE END -->
            
            <div class="section-content">
                <div class="row">
                
                    @foreach($teams as $key => $team)
                        
                    <div class="col-lg-3 col-md-6 m-b30">
                        <div class="wt-team-one bg-white p-a10">
                            <div class="wt-team-media">
                                <a href="our-team-detail.html"><img src="data:image/png;base64," alt="" style="height: 249px;width:249px;object-fit:contain"></a>
                            </div>
                            <div class="wt-team-info text-center bg-white p-a10">
                                <h4 class="wt-team-title"><a href="our-team-detail.html">{{$team->name}}</a></h4>
                                <p>{{$team->role}}</p>
                                <ul class="social-icons social-square social-dark m-b0">
                                    <li><a href="{{$team->facebook_link}}" class="fa fa-facebook"></a></li>
                                    <li><a href="{{$team->twitter_link}}" class="fa fa-twitter"></a></li>
                                    <li><a href="{{$team->linkedin_link}}" class="fa fa-linkedin"></a></li>
                                    <li><a href="{{$team->google_link}}" class="fa-brands fa-google"></a></li>
                                    <li><a href="{{$team->email}}" class="fa-regular fa-envelope"></a></li>
                                    <li><a href="{{$team->phone}}" class="fa-solid fa-phone"></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    @endforeach
                    
                    
                </div>
            </div>
        
        </div>
    </div>
@endif
<!-- OUR TEAM MEMBER SECTION END -->

<!-- OUR CLIENT SLIDER START -->
@if($partners != null && count($partners)>0)
    
<div class="section-full p-t80 p-b50">
    <div class="container">
    
        <!-- TITLE START -->
        <div class="section-head text-center">
            <h2 class="text-uppercase">Nos partenaires</h2>
            <div class="wt-separator-outer">
                <div class="wt-separator style-square">
                    <span class="separator-left site-bg-primary"></span>
                    <span class="separator-right site-bg-primary"></span>
                </div>
            </div>
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
        </div>
        <!-- TITLE END -->
        
        <!-- IMAGE CAROUSEL START -->
        <div class="section-content m-b30">
            <div class="owl-carousel client-logo-carousel">
                @foreach($partners as $key => $partner)
                    <div class="item">
                        <div class="ow-client-logo">
                            <div class="client-logo wt-img-effect on-color">
                                <a href="#"><img src="data:image/png;base64," alt="" style="height: 79px;width:144px;display: inline-block;"></a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        <!-- IMAGE CAROUSEL START -->
    </div>

</div>
@endif
<!-- OUR CLIENT SLIDER END -->  
@endsection