@extends('layouts.welcome')
@section('main')
    <!-- ======= Features Section ======= -->

    <section class="section pb-0">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-4 me-auto">
            <h2 class="mb-4">Accès facile</h2>
            <h4 class="fw-lighter text-muted mb-4">Une interface facile d'utilisation pour vous permettre de gérer au mieux vos réunions</h4>
            {{-- <p><a href="#">Read More</a></p> --}}
          </div>
          <div class="col-md-6" data-aos="fade-left">
            <img src="{{asset('welcome/img/undraw_svg_2.svg')}}" alt="Image" class="img-fluid">
          </div>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-4 ms-auto order-2">
            <h2 class="mb-4">Contrôle total</h2>
            <h4 class="fw-lighter text-muted mb-4">En tant qu'hôte de réunion, vous disposez d'un controle total sur la réunion et ses participants</h4>
            {{-- <p><a href="#">Read More</a></p> --}}
          </div>
          <div class="col-md-6" data-aos="fade-right">
            <img src="{{asset('welcome/img/undraw_svg_3.svg')}}" alt="Image" class="img-fluid">
          </div>
        </div>
      </div>
    </section>

    <section class="section pb-0">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-4 me-auto">
            <h2 class="mb-4">Nombre illimité</h2>
            <h4 class="mb-4 fw-lighter text-muted">Pas de limite. Créez autant de réunions que vous le désirez</h4>
            {{-- <p><a href="#">Read More</a></p> --}}
          </div>
          <div class="col-md-6" data-aos="fade-left">
            <img src="{{asset('welcome/img/undraw_svg_3.svg')}}" alt="Image" class="img-fluid">
          </div>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-4 ms-auto order-2">
            <h2 class="mb-4">Durée illimitée </h2>
            <h4 class="fw-lighter text-muted mb-4">Programmer vos réunions h24. Elles prendront fin uniquement quand vous le désirerez.</h4>
            {{-- <p><a href="#">Read More</a></p> --}}
          </div>
          <div class="col-md-6" data-aos="fade-right">
            <img src="{{asset('welcome/img/undraw_svg_4.svg')}}" alt="Image" class="img-fluid">
          </div>
        </div>
      </div>
    </section>

  </main><!-- End #main -->
@endsection