@extends('layouts.app')

@section('content')

    

        <!-- Hero Section -->
        <section id="hero" class="section hero">
    
          <div class="container">
            <div class="row gy-4">
              <div class="col-lg-6 order-1 order-lg-1 hero-img">
                <img style="border-radius: 10px;" src="assets/img/hero.jpg" class="img-fluid animated" alt="">
              </div>
              <div class="col-lg-6 order-2 order-lg-2 d-flex flex-column justify-content-center">
                <h1 style="color: #132585;">{{__('welcome.Une plateforme dédiée aux jeunes porteurs de projets')}}</h1>
                <p>{{__('welcome.Vous êtes tentés par créer votre entreprise')}}</p>
                <div class="d-flex">
                  <a href="/project-submission" class="btn-get-started">{{__('welcome.Soumissionner un projet')}}</a>
                  <a href="/faq" class="glightbox btn-watch-video d-flex align-items-center"><span>{{__('welcome.En savoir plus')}}</span></a>
                </div>
              </div>
            </div>
          </div>
    
        </section><!-- /Hero Section -->
    
        <!-- About Section -->
        <section id="about" class="section about">
    
          <div class="container">
    
            <div class="row gy-3">
    
              <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                <img src="assets/img/about-img.svg" alt="" class="img-fluid">
              </div>
    
              <div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
                <div class="about-content ps-0 ps-lg-3">
                  <h3 style="color: #132585;">{{__('welcome.Un programme d’accompagnement de A à Z')}}</h3>
                  <ul>
                    <li>
                      <i class="bi bi-fullscreen-exit"></i>
                      <div>
                        <h4>{{__('welcome.Identifier')}}</h4>
                        <p>{{__('welcome.Nous cherchons activement à encourager')}}</p>
                      </div>
                    </li>
                    <li>
                      <i class="bi bi-fullscreen-exit"></i>
                      <div>
                        <h4>{{__('welcome.Accompagner et orienter')}}</h4>
                        <p>{{__('welcome.De l’idée au lancement')}}</p>
                      </div>
                    </li>
                    <li>
                      <i class="bi bi-fullscreen-exit"></i>
                      <div>
                        <h4>  {{__('welcome.Agir')}}</h4>
                        <p>   {{__('welcome.Accélération de l’intégration')}} </p>
                      </div>
                    </li>
                  </ul>
                  
                </div>
    
              </div>
            </div>
    
          </div>
    
        </section><!-- /About Section -->
    
        <!-- Services Section -->
        <section id="services" class="services section">
    
          <!-- Section Title -->
          <div class="container section-title" data-aos="fade-up">
            <h2 style="color: #132585;">{{__('welcome.Je découvre IRCHAD')}}</h2>
          </div><!-- End Section Title -->
    
          <div class="container">
    
            <div class="row gy-4">
    
              <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="100">
                <div class="service-item position-relative">
                  <div class="icon"><img src="assets/img/iconizer-espace-orientation.svg" alt="" width="80" height="80"></div>
                  <h4>{{__('welcome.Espace d\'orientation')}}</h4>
                  <p>{{__('welcome.Un espace d\'accueil')}}</p>
                </div>
              </div><!-- End Service Item -->
    
              <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="200">
                <div class="service-item position-relative">
                  <div class="icon"><img src="assets/img/iconizer-Mentors-proactifs.svg" alt="" width="80" height="80"></div>
                  <h4>{{__('welcome.Mentors proactifs')}}</h4>
                  <p>{{__('welcome.Un comité multidisciplinaire pour vous accompagner')}}</p>
                </div>
              </div><!-- End Service Item -->
    
              <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="300">
                <div class="service-item position-relative">
                  <div class="icon"><img src="assets/img/iconizer-Démarches-fluides.svg" alt="" width="80" height="80"></div>
                  <h4>{{__('welcome.Démarches fluides')}}</h4>
                  <p>{{__('welcome.Des démarches simples et fluides')}}</p>
                </div>
              </div><!-- End Service Item -->
    
              <div class="col-xl-3 col-md-6 d-flex" data-aos="fade-up" data-aos-delay="400">
                <div class="service-item position-relative">
                  <div class="icon"><img src="assets/img/iconizer-Soutien-financier.svg" alt="" width="80" height="80"></div>
                  <h4>{{__('welcome.Soutien financier')}}
                  </h4>
                  <p>{{__('welcome.Un soutien financier pouvant aller jusqu')}}</p>
                </div>
              </div><!-- End Service Item -->
    
            </div>
    
          </div>
    
        </section><!-- /Services Section -->
    
        <!-- Portfolio Section -->
        <section id="portfolio" class="portfolio section">
    
          <!-- Section Title -->
          <div class="container section-title" data-aos="fade-up">
            <h2 style="color: #132585;">{{__('welcome.En savoir plus sur le programme IRCHAD')}}</h2>
              <a href="/contact" class="btn-get-started" style=" color: white;background-color:#EB5D1E ;padding: 15px 50px;border-radius: 5px;">{{__('welcome.Nous contacter maintenant')}}</a>
          </div><!-- End Section Title -->
    
          
    
                
    
                
    
        </section><!-- /Portfolio Section -->
    
        <!-- Faq Section -->
        <section id="faq" class="faq section">
    
          <!-- Section Title -->
          <div class="container section-title" data-aos="fade-up">
            <h2 style="color: #132585;">{{__('FAQ.Questions fréquemment posées')}}</h2>
          </div><!-- End Section Title -->
    
          <div class="container-lg">
            <div class="row" style="normal normal bold 20px/33px Poppins">
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 264px;" >
                        <span>01</span>
                        <span>01</span>
                        <h2>{{__('FAQ.Qui peut soumissionner un projet ?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">1. {{__('FAQ.Qui peut soumissionner un projet ?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Toute personne majeure âgée entre 18 et 45 ans, en situation d\'inactivité ou de sous-emploi, ou exerçant une activité entreprenariale ne dépassant pas les 12 mois. Elle doit être imprérativement résidante au sein de la Province de Nador.')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 244px" >
                        <span>02</span>
                        <span>02</span>
                        <h2>{{__('FAQ.Comment se fait la sélection des projets ?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">2. {{__('FAQ.Comment se fait la sélection des projets ?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Après soumission de votre projet, l\'équipe IRCHAD procédera à l\'étude de votre dossier selon les critères de faisabilité et d\'innovation, et ce à travers une comission d\'experts constituée en interne.')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 354px" >
                        <span>03</span>
                        <span>03</span>
                        <h2>{{__('FAQ.Quels sont les critères d\'éligibilité fixés pour la sélection de projets ?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">3. {{__('FAQ.Quels sont les critères d\'éligibilité fixés pour la sélection de projets ?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Les projets doivent répondre à des critères d\'éligibilité d\'ordre économique (création de valeur ajoutée, stabilité de revenus...), social (création d\'emplois, conditions de travail, amélioration du statut de la femme...) et environnemental (conservation des ressources naturelles, maintien de la biodiversité...)')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 344px">
                        <span>04</span>
                        <span>04</span>
                        <h2>{{__('FAQ.Quels projets sont considérés comme non éligibles?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">4. {{__('FAQ.Quels projets sont considérés comme non éligibles?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Ne sont pas éligibles les projets qui nuisent à l\'environnement ou ceux soumis par des fonctionnaires, des agents des établissements publics ou des salariés du secteur privé, ainsi que les projets dont les porteurs ont déjà bénéficié individuellement ou dans le cadre de groupement d\'un financement public y compris dans le cadre d\'autres programmes gouvernementaux.')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height:444px">
                        <span>05</span>
                        <span>05</span>
                        <h2>{{__('FAQ.Le porteur de projet pourrait-il bénéficier d\'un accompagnement avant la création de son entrepise?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">5. {{__('FAQ.Le porteur de projet pourrait-il bénéficier d\'un accompagnement avant la création de son entrepise?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Effectivement, après la sélection de votre projet, l\'équipe IRCHAD procèdera à l\'organisation des sessions à plein temps de renforcement, d\'orientation et de profilage des porteurs de projets. Il s\'agit principalement de l\'accueil, l\'écoute, l\'orientation, la réalisation des études nécessaires (de marché, de montage de projet, de faisabilité, d\'aide à l\'établissement du Business plan ainsi que sur les aspects budgétaires et juridiques).')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 504px" >
                        <span>06</span>
                        <span>06</span>
                        <h2>{{__('FAQ.Le porteur de projet pourrait-il bénéficier d\'un accompagnement après la création de son entreprise?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">6. {{__('FAQ.Le porteur de projet pourrait-il bénéficier d\'un accompagnement après la création de son entreprise?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Le porteur de projet bénéficiera d\'un accompagnement post-création qui se fera à travers un coaching incluant des formations pratiques et un accompagnement individuel et en groupe. Il couvrira en priorité les compétences de gestion essentielles à la bonne conduite du projet, à savoir la gestion financière, la gestion de trésorerie, le marketing, le démarchage d\'opportunités d\'affaires, la commercialisation, l\'accompagnement à la conduite des formalités administratives, ainsi que les aptitudes comportementales (soft-skills).')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 284px" >
                        <span>07</span>
                        <span>07</span>
                        <h2>{{__('FAQ.Mon projet est en activité depuis plus de 12 mois, pourrais-je bénéficier d\'un accompagnement?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">7. {{__('FAQ.Mon projet est en activité depuis plus de 12 mois, pourrais-je bénéficier d\'un accompagnement?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Tout à fait. Si votre projet est en activité depuis plus de 12 mois, vous pouvez bénéficier d\'un accompagnement en post-création (voir Q.6).')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 220px" >
                        <span>08</span>
                        <span>08</span>
                        <h2>{{__('FAQ.Un projet validé est-il éditable ?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">8. {{__('FAQ.Un projet validé est-il éditable ?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Oui. Vous pouvez compléter votre dossier ou le modifier en prenant contact avec un des agents de l\'équipe IRCHAD.')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 254px">
                        <span>09</span>
                        <span>09</span>
                        <h2>{{__('FAQ.Les porteurs de projets doivent-ils contribuer financièrement au projet ?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">9. {{__('FAQ.Les porteurs de projets doivent-ils contribuer financièrement au projet ?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Les contributions du poteur de projet sont de l\'ordre de 40% du coût total du projet (20% en numéraire et 20% en nature) et dont l\'appréciation est laissée au CPDH.')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 254px">
                        <span>10</span>
                        <span>10</span>
                        <h2>{{__('FAQ.A combien s’élève la contribution financière par l’INDH ?')}}</h2>
                        <div class="overlayqanda">
                    <span><h3 class="text-white">10. {{__('FAQ.A combien s’élève la contribution financière par l’INDH ?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Un fond d\'amorçage est octroyé l\'INDH aux porteurs de projets plafonné à 100.000,00 DH par projet, représentant 60% du montant de l\'investissement projeté.')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
                <div class="col-md-4" >
                    <div class="containerqanda" style="height: 280px" >
                        <span>11</span>
                        <span>11</span>
                        <h2>{{__('FAQ.Dois-je céder des parts sociales à l’INDH suite à sa contribution au financement du projet ?')}}</h2>
                        <div class="overlayqanda" style="height: 280px">
                    <span><h3 class="text-white">11. {{__('FAQ.Dois-je céder des parts sociales à l’INDH suite à sa contribution au financement du projet ?')}}</h3>
                    <p class="text-white">
                      {{__('FAQ.Aucunement. l’INDH est un organisme à but non lucratif et dont la finalité est le dynamisme de la croissance.')}}
                    </p>
                        </span>
                            </div>
                        </div>
                </div>
    
                </div>
    
    
    
            </div>
    
        </section><!-- /Faq Section -->
    
        <!-- Team Section -->
        <!-- /Team Section -->
    
        
    
        <!-- Contact Section -->
        <section id="contact" class="contact section">
    
          <!-- Section Title -->
          <div class="container section-title" data-aos="fade-up">
            <h2 style="color: #132585;">{{__('contact.Contactez-Nous')}}</h2>
          </div><!-- End Section Title -->
    
          <div class="container" data-aos="fade-up" data-aos-delay="100">
    
            <div class="row">
    
              <div class="col-lg">
                <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="200">
                  <div class="row gy-4">
    
                    <div class="col-md-6">
                      <label for="name-field" class="pb-2">{{__('contact.Votre nom')}}</label>
                      <input type="text" name="name" id="name-field" class="form-control" required="">
                    </div>
                    <div class="col-md-6">
                      <label for="name-field" class="pb-2">{{__('contact.Vote prénom')}}</label>
                      <input type="text" name="name" id="name-field" class="form-control" required="">
                    </div>
    
                    <div class="col-md-12">
                      <label for="email-field" class="pb-2">{{__('contact.Votre email')}}</label>
                      <input type="email" class="form-control" name="email" id="email-field" required="">
                    </div>
    
                    <div class="col-md-12">
                      <label for="subject-field" class="pb-2">{{__('contact.Votre téléphone')}}</label>
                      <input type="tel" class="form-control" name="subject" id="subject-field" required="">
                    </div>
    
                    <div class="col-md-12">
                      <label for="message-field" class="pb-2">{{__('contact.Votre message')}}</label>
                      <textarea class="form-control" name="message" rows="10" id="message-field" required=""></textarea>
                    </div>
    
                    <div class="col-md-12 text-center">
                      <div class="loading">Loading</div>
                      <div class="error-message"></div>
                      <div class="sent-message">Your message has been sent. Thank you!</div>
    
                      <button type="submit">{{__('contact.Envoyer un message')}}</button>
                    </div>
    
                  </div>
                </form>
              </div><!-- End Contact Form -->
    
            </div>
    
          </div>
    
        </section><!-- /Contact Section -->

@endsection
{{-- @section('custom-js')
<script>
var swiper = new Swiper('.swiper-container', {
direction: 'vertical',
slidePerView:1,
    autoplay: {
        delay: 3000,
    },
pagination: {
 el: '.swiper-pagination',
 type: 'progressbar',
 clickable: true,



},
});
</script>
@endsection --}}