{% extends 'App::layout_home.html.twig' %}

{% block title %}Cours particuliers en ligne et à domicile avec des professeurs qualifiés{% endblock %}

{% block og_title %}Cours particuliers en ligne et à domicile avec des professeurs qualifiés{% endblock %}

{% block description %}
Recherchez les meilleurs Cours particuliers en ligne et à domicile avec des professeurs qualifiés
{% endblock %}

{% block og_description %}
Recherchez les meilleurs Cours particuliers en ligne et à domicile avec des professeurs qualifiés
{% endblock %}

{% block og_url %}https://www.rueduprof.com/cours-particuliers/{% endblock %}

{% block subtitle 'Homepage' %}

{% block canonical %}https://www.rueduprof.com/cours-particuliers/{% endblock %}

{% block snippet_json_breadcrumb %}

{% endblock %}

{% block snippet_json %}
    {% include 'App::schema/cours_particuliers.html.twig' with {
        categoryArray: categoryArray,
        locations: locations
    } only %}
{% endblock %}

{% block stylesheet %}
<style>
.section-title-dark {
  color: white;
}
</style>
{% endblock %}

{% block fos_user_content %}

<!-- Hero -->
<section class="hero text-center">
<div class="container">
<h1>Cours particuliers en ligne et à domicile avec des professeurs qualifiés</h1>
<p class="mt-3">RueduProf vous met en relation avec des professeurs expérimentés pour des cours particuliers personnalisés, en ligne ou à domicile, du primaire aux études supérieures.</p>
<div class="mt-4">
<a href="/register/" class="btn btn-gradient btn-lg">Commencer maintenant</a>
</div>
</div>
</section>



       
    <div class="container-fluid simple-background-skill-search">
        <div class="container">
            <div class="row">
                <div class="col-md-12 p-15" style="padding-top:15px;padding-bottom:0px;">
                    {{ render(controller('App:Search:search', {'form': form_search})) }}
                </div>
            </div>
        </div>
        <svg class="hero-crop" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 48">
            <path fill="#f4f4f4" fill-rule="evenodd" d="M0 0c194.22 23.31 345.236 37.383 453.045 42.218C539.007 46.073 627.992 48 720 48c265.097 0 505.097-16 720-48v48H0V0z"/>
        </svg>
    </div>

<!-- Features -->
<section class="py-5">
<div class="container">
<h2 class="section-title text-center">Cours particuliers efficaces et adaptés à chaque élève</h2>
<div class="row g-4">
<div class="col-md-4">
<div class="card p-4 h-100">
  <div class="icon-circle">🎓</div>
  <h5>Professeurs qualifiés et expérimentés</h5>
  <p>Tous nos professeurs particuliers sont sélectionnés pour leur niveau académique, leur expérience pédagogique et leur capacité à s’adapter à chaque élève.</p>
</div>
</div>
<div class="col-md-4">
<div class="card p-4 h-100">
  <div class="icon-circle">📚</div>
  <h5>Cours particuliers personnalisés</h5>
  <p>Chaque cours est conçu selon le niveau, les objectifs et le rythme de l’élève afin de garantir une progression rapide et durable.</p>
</div>
</div>
<div class="col-md-4">
<div class="card p-4 h-100">
  <div class="icon-circle">💻</div>
  <h5>Cours en ligne ou à domicile</h5>
  <p>Choisissez entre des cours particuliers à domicile ou des cours en ligne interactifs, accessibles partout en France.</p>

</div>
</div>
</div>
</div>
</section>

<!-- Cours par matière -->
<section class="py-5 categories-section">
<div class="container">
  <h2 class="categories-title text-center">Les cours particuliers par matière</h2>
  <p class="text-center mb-4">Trouvez un professeur particulier par matière près de chez vous.</p>
  {% for theme in themes %}
    <h5 class="no-m no-text-transform font-bold">{{ theme.name|e }}</h5>
    <div class="categories-grid">
      {% for item in theme.children|slice(0, 12)  %}
          {% if item.type and item.type == 'formations' %}
          {% else %}
              <a class="category-item" href="{{ app.request.getSchemeAndHttpHost() ~ path('app_category_simple_show', {'slug': item.slug }) }}" title="Cours Particuliers {{ item.name|e }}">{{ item.name|e }}</a>
          {% endif %}                                   
      {% endfor %}
  </div>
  {% endfor %}
</div>
</section>

<!-- Cours en ligne -->
<section class="py-5" style="background: linear-gradient(135deg, #0f172a, #020617); color: white;">
  <div class="container">
    <div class="row align-items-center g-4">
      <div class="col-lg-12">
        <h2 class="section-title-dark">Cours particuliers en ligne</h2>
        <p class="mb-4" style="opacity:0.9;">
          Découvrez nos cours particuliers en ligne dans de nombreuses matières et échangez avec un professeur qualifié depuis chez vous.
        </p>
        <div class="d-flex flex-wrap gap-3">
          <a href="/cours-particuliers/en-ligne" class="btn btn-gradient btn-lg">
            Découvrir les cours en ligne
          </a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Cours par ville -->
<section class="py-5 cities-section">
<div class="container">
<h2 class="cities-title text-center">Les cours particuliers par ville</h2>
<p class="text-center mb-4">Trouvez un professeur particulier près de chez vous pour des cours en ligne ou à domicile.</p>
<div class="cities-grid">
  {% for location in locations %}
    <a href="{{ path('app_category_simple_show', { slug: location.citySlug }) }}" class="city-item">
    Cours particuliers à {{ location.city ? location.city : "Paris" }}
    </a>
    {% else %}
    <p class="text-center col-12">Aucune ville disponible pour le moment.</p>
  {% endfor %}
  {% for department in departments %}
    <a href="{{ path('app_category_simple_show', { slug: department.citySlug }) }}" class="city-item">
    Cours particuliers à {{ department.city }} ({{ department.zipcode }})
    </a>
    {% else %}
    <p class="text-center col-12">Aucune ville disponible pour le moment.</p>
  {% endfor %}
</div>
</div>
</section>


<!-- Explorer les catégories -->

{% include 'App::Home/listing.html.twig' with {
    tutors: tutors
} only %}



<!-- Mobile Apps -->
<section class="py-5" style="background: linear-gradient(135deg, #0f172a, #020617); color: white;">
<div class="container">
  <div class="row align-items-center g-4">
    <div class="col-lg-12">
      <h2 class="section-title-dark">Apprenez partout avec l’application RueduProf</h2>
      <p class="mb-4" style="opacity:0.9;">Accédez à vos cours particuliers, échangez avec votre professeur et progressez où que vous soyez grâce à notre application mobile.</p>
      <div class="d-flex flex-wrap gap-3">
      <a href="https://itunes.apple.com/us/app/rueduprof-annonces-cours-particuliers/id1152373161?l=fr&ls=1&mt=8" class="d-inline-block">
      <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Télécharger sur l’App Store" height="54">
      </a>
      <a href="https://play.google.com/store/apps/details?id=com.ionicframework.myapp841929&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1" class="d-inline-block">
      <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" alt="Disponible sur Google Play" height="54">
      </a>
      </div>
    </div>

  </div>
</div>
</section>

<!-- CTA -->
<section class="py-5 bg-white">
<div class="container text-center">
<h2 class="section-title">Trouvez rapidement un professeur particulier</h2>
<p class="mb-4">Indiquez votre niveau, votre matière et vos disponibilités pour être mis en relation avec le professeur idéal.</p>
<a href="/register/" class="btn btn-gradient btn-lg">Trouver mon professeur</a>
</div>
</section>

{% endblock fos_user_content %}

{% block javascripts %}
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDgIqxWbmTk2jHfOaNYEXC73GsWjal1Osw&signed_in=true&libraries=places&callback=initAutocomplete"></script>  
  <script type="text/javascript">
    jQuery(document).ready(function() {
      jQuery(".timeago").timeago();
    });
  </script>
{% endblock %}