@extends('frontend.layouts.app')

@section('content')

  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex flex-column justify-content-center align-items-center">
    <div class="container" data-aos="fade-in">

      <h1>Bienvenus à Umunyinya asbl</h1>
      <h2>Entertaining - Educating - Providing Hope</h2>
      <div class="d-flex align-items-center">
        
        
      </div>
    </div>
  </section><!-- End Hero -->

<!-- ======= Why Us Section ======= -->
    <section id="why-us" class="why-us">
      <div class="container">

        <div class="row">
          <div class="col-xl-3 col-lg-3" data-aos="fade-up">
            <div class="content">
              <h4>Umunyinya: quid?</h4>
            </div>
            <div class="col-xl-12 col-lg-12" style="border: 2px black;">

              <img src="{{ asset('img/diridiri_festival.jpg') }}" style="height: 210px; padding-top: 30px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px;" alt="Diridiri Festival">

              <p>Premier Festival pour Jeune Public au Burundi</p>

              <a href="/diridiri-festival" class="btn btn-primary">En savoir plus</a>
          </div><!-- End blog sidebar -->
          </div>
          <div class="col-xl-9 col-lg-9 d-flex">
            <div class="icon-boxes d-flex flex-column justify-content-center">
              <div class="row">
                <div class="col-xl-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="5">
                  <div class="icon-box mt-4 mt-xl-0">
                    <i class="bx bxs-florist"></i>
                    <h4>Un hub d'artistes</h4>
                    <p>Experts en cinéma, théâtre contemporain, radiophonique, communautaire et pour jeune public</p>
                  </div>
                </div>
                <div class="col-xl-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="5">
                  <div class="icon-box mt-4 mt-xl-0">
                    <i class="bx bx-shield-alt-2"></i>
                    <h4>Des défenseurs de la culture</h4>
                    <p>Evénements culturels, recherche documentaire, promotion des valeurs burundaises</p>
                  </div>
                </div>
                <div class="col-xl-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="5">
                  <div class="icon-box mt-4 mt-xl-0">
                    <i class="bx bxl-graphql"></i>
                    <h4>Des acteurs du dévéloppement communautaire</h4>
                    <p>Le renforement des capacités de jeunes, la promotion de la culture entreprenariale et l'éducation financère</p>
                  </div>
                </div>

                <div class="col-xl-3 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="5">
                  <div class="icon-box mt-4 mt-xl-0">
                    <i class="bx bxs-paint"></i>
                    <h4>Les experts des approches artistiques</h4>
                    <p>Pour lutter contre les VSBG, la psycho-éducation et autres problèmes sociaux.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </section><!-- End Why Us Section -->

    <!-- ======= About Section ======= -->
    <section id="about" class="about section-bg">
      <div class="container">

        <div class="row">
          
          <div class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5">
            
            @foreach ($$module_name as $$module_name_singular)
            @php
            $details_url = route("frontend.$module_name.show",[encode_id($$module_name_singular->id), $$module_name_singular->slug]);
            @endphp

            <div class="row">

              @php
                        $date = $$module_name_singular->published_at; 
                        $year = date('Y', strtotime($date));
                        $month = date('m', strtotime($date));
                        $day = date('d', strtotime($date));
                        $month = substr($month, -2, 2);
                         
            @endphp

              <div class="col-xl-12 col-lg-12">
                <h3 class="heading mb-0"><a href="{{$details_url}}">{{$$module_name_singular->name}}</a></h3>
            <p>{{Str::limit($$module_name_singular->intro, 100)}}</p>
            <p><a href="{{$details_url}}" class="btn btn-primary">Lire la suite ...</a></p>
              </div>
            </div>
          @endforeach

          </div>

          <div class="col-xl-5 col-lg-6 video-box d-flex justify-content-center align-items-stretch position-relative" data-aos="fade-right">
            <a href="https://www.youtube.com/watch?v=AiT23J3FauI" class="glightbox play-btn mb-4"></a>
          </div>
        </div>

      </div>
    </section><!-- End About Section -->

    <!-- ======= Values Section ======= -->
    <section id="values" class="values">

      <div class="container">

      </div>
    </section><!-- End Values Section -->

    <!-- ======= Testimonials Section ======= -->
    <section id="testimonials" class="testimonials">
      <div class="section-title" data-aos="fade-up">
                <h2 style="color: white;"> NOS PARTENAIRES</h2>
                
            </div>
      <div class="container position-relative" data-aos="fade-up">

        <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="5">
          <div class="swiper-wrapper">

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/unicef_logo.png') }}" class="testimonial-img" alt="">
                <h3>UNICEF Burundi</h3>
                <p>
                  Partenaire dans nos programmes de développement communautaire
                </p>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/THARS_Logo.jpg') }}" class="testimonial-img" alt="">
                <h3>THARS</h3>
                <p>
                  Partenaire dans nos programmes de psycho-éducation
                </p>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/BU_ambafrance.png') }}" class="testimonial-img" alt="">
                <h3>Ambassade de France au Burundi</h3>
                <h4></h4>
                <p>
                  
                  Partenaire dans nos programmes d'art et culture
                </p>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/logo-BST.jpg') }}" class="testimonial-img" alt="">
                <h3>Buja Sans Tabou</h3>
                <p>
                  La troupe Umunyinya Theatre Company est partanaire de la plateforme des théâtreux réunis dans Buja Sans Tabou
                </p>
              </div>
            </div><!-- End testimonial item -->

            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/ishyo.jpg') }}" class="testimonial-img" alt="">
                <h3>Ishyo Art Center</h3>
            
                <p>
                  
                  Partenaire dans les créations pour jeune public
                  
                </p>
              </div>
            </div><!-- End testimonial item -->

<div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/sez.png') }}" class="testimonial-img" alt="">
                <h3>SEZ</h3>
            
                <p>
                  
                  Partenaire dans nos programmes de promotion artistique et culturelle
                  
                </p>
              </div>
            </div><!-- End testimonial item -->



            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/KG_Logo_Vektor_weinrot-1-1.png') }}" class="testimonial-img" alt="">
                <h3>Kommon und Gehen</h3>
            
                <p>
                  
                  Partenaire dans nos programmes de théâtre contemporain
                  
                </p>
              </div>
            </div><!-- End testimonial item -->



            <div class="swiper-slide">
              <div class="testimonial-item">
                <img src="{{ asset('img/home/africalia-logo.png') }}" class="testimonial-img" alt="">
                <h3>Africalia</h3>
            
                <p>
                  
                  Partenaire dans les programmes de théâtre pour jeune public
                  
                </p>
              </div>
            </div><!-- End testimonial item -->

          </div>
          <div class="swiper-pagination"></div>
        </div>

      </div>
    </section><!-- End Testimonials Section -->

    

    <!-- ======= Contact Section ======= -->
    <section id="contact" class="contact">
      <div class="container">

        <div class="section-title">
          
        </div>

        <div class="row justify-content-center">

      </div>
    </section><!-- End Contact Section -->

@endsection