@extends('../layouts.app2')

@section('title', 'À propos | Adlyno')

@section('meta_keywords')
à propos, Adlyno, notre histoire, mission Adlyno, Tunisie, plateforme e-commerce, vente en ligne, achat en ligne
@endsection

@section('meta_description')
Découvrez Adlyno, votre partenaire de confiance pour l'achat et la vente en ligne en Tunisie. Apprenez plus sur notre mission, nos valeurs et comment nous connectons les consommateurs avec les meilleures offres disponibles.
@endsection
 
  @section('content') 

<main>
    <!-- Modal -->
    
 @if(app()->getLocale() == 'ar')
             <div class="sliderArea heroAboutStyle plr" dir="rt">

@else
                  <div class="sliderArea heroAboutStyle plr">

@endif


    <div class="slider-active">
        <div class="single-slider heroPadding d-flex align-items-center">
            <div class="container-fluid">
                <div class="row justify-content-between align-items-center">
                    <div class="col-xxl-6 col-xl-7 col-lg-5 col-md-12">
                        <div class="heroCaption ">
                            <h1 class="tittle" data-animation="fadeInUp" data-delay="0.0s" style="font-size: 25px;">{{ __('hero_title') }}</h1>
                            <p class="pera" data-animation="fadeInUp" data-delay="0.3s" style="font-size: 15px;">{{ __('hero_description') }}</p>
                            <div class="btn-wrapper">
                                <a href="/register" class="cmn-btn04 mr-15 mb-10 wow fadeInLeft" data-wow-delay="0.3s">{{ __('sign_up') }}</a>
                                <a href="/product" class="browseBtn mb-10 wow fadeInLeft" data-wow-delay="0.3s">{{ __('browse_ads') }} <i class="las la-angle-right icon"></i></a>
                            </div>
                        </div>    
                     
                    </div>
                    <div class="col-xxl-6 col-xl-5 col-lg-7">
                        <div class="hero-man d-none d-lg-block f-right">
                            <img src="assets/netta2.png" alt="images" class="tilt-effect" data-animation="fadeInRight" data-delay="0.3s">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


 @if(app()->getLocale() == 'ar')
           <section class="aboutArea section-padding2 sectionBg3" dir="rtl">

@else
               <section class="aboutArea section-padding2 sectionBg3">

@endif

    <div class="container">
        <div class="row align-items-center">
            <div class="col-xxl-5 col-xl-5 col-lg-6 col-md-5 position-relative">
                <!-- about-img -->
                <div class="aboutImg aboutImg5 tilt-effect mr-40">
                    <img src="assets/Untitled design.png" alt="images" class="bouncingAnimations">
                </div>
            </div>
            <div class="col-xxl-5 col-xl-7 col-lg-6 col-md-7">
                <div class="about-caption m-0">
                    <div class="row justify-content-center">
                      <div class="heroCaption mb-50">
                            <h2 class="tittle" data-animation="fadeInUp" data-delay="0.0s" style="font-size: 25px;">{{ __('about_title') }}</h2>
                            <p style="font-size: 15px;">{{ __('about_description') }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End-of About  -->
<!-- Team Area Start -->


 @include('../layouts.footer')

</main>


@endsection