templates/partenaire/index.html.twig line 1

  1. {% extends 'base_footer.html.twig' %}
  3. {% block title %}{{ 'partner.title'|trans }}{% endblock %}
  5. {% block body %}
  6.     <!-- En-tête -->
  7.     <div class="bg-gray-200 py-16 mb-8 text-center w-full">
  8.         <div class="container mx-auto px-4">
  9.             <h1 class="text-3xl font-bold">{{ 'partner.header'|trans }}</h1>
  10.         </div>
  11.     </div>
  13.     <!-- Section Simplifiez la recherche de logement -->
  14.     <div class="py-16 mb-8 text-center">
  15.         <div class="container mx-auto px-4">
  16.             <h2 class="text-3xl font-bold mb-6 max-w-4xl mx-auto">{{ 'partner.simplify_housing_search'|trans }}</h2>
  17.             <div class="max-w-3xl mx-auto space-y-4">
  18.                 <p>{{ 'partner.simplify_housing_search_text_1'|trans }}</p>
  19.                 <p>{{ 'partner.simplify_housing_search_text_2'|trans }}</p>
  20.                 <p>{{ 'partner.simplify_housing_search_text_3'|trans }}</p>
  21.             </div>
  22.         </div>
  23.     </div>
  25.     <!-- Section Accès facilité -->
  26.     <div class="bg-gray-200 py-16 mb-8 w-full">
  27.         <div class="container mx-auto px-4 flex flex-col md:flex-row gap-12">
  28.             <div class="md:w-1/2">
  29.                 <h2 class="text-3xl font-bold mb-8">{{ 'partner.facilitated_access'|trans }}</h2>
  30.                 <p>{{ 'partner.facilitated_access2'|trans }}</p> <br>
  31.                 <div class="space-y-6">
  32.                     <ul class="list-disc ml-8">
  33.                     <li><strong>{{ 'partner.strongs'|trans }}</strong> {{ 'partner.facilitated_access_text_1'|trans }}</li>
  34.                     <li><strong>{{ 'partner.strongss'|trans }}</strong> {{ 'partner.facilitated_access_text_2'|trans }}</li>
  35.                     <li><strong>{{ 'partner.strongsss'|trans }}</strong> {{ 'partner.facilitated_access_text_3'|trans }}</li>
  36.                     </ul>
  37.                 </div>
  38.             </div> <br>
  39.             <div class="md:w-1/2 flex justify-end">
  40.                 <div class="bg-white p-8 rounded-lg shadow-md max-w-md">
  41.                     <p>{{ 'partner.facilitated_access_box'|trans }}</p>
  42.                 </div>
  43.             </div>
  44.         </div>
  45.     </div>
  47.     <!-- Section Pourquoi nous faire confiance -->
  48.     <div class="py-16 mb-8">
  49.         <div class="container mx-auto px-4">
  50.             <h2 class="text-3xl font-bold mb-6 text-center">{{ 'partner.why_trust_us'|trans }}</h2>
  51.             <p class="text-center max-w-3xl mx-auto mb-12">
  52.                 {{ 'partner.why_trust_us_text'|trans }} <strong>{{ 'partner.why_trust_us_text1'|trans }}</strong> {{ 'partner.why_trust_us_text2'|trans }} <strong>{{ 'partner.why_trust_us_text3'|trans }}</strong> {{ 'partner.why_trust_us_text4'|trans }} <strong>{{ 'partner.why_trust_us_text5'|trans }}</strong> {{ 'partner.why_trust_us_text6'|trans }}
  53.             </p>
  54.             <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto text-center">
  55.                 <div>
  56.                     <img src="{{ asset('/images/catalogue.png') }}" alt="Catalogue Icon" class="mx-auto mb-4 w-20 h-20">
  57.                     <h3 class="text-lg font-semibold mb-2">{{ 'partner.complete_catalog'|trans }}</h3>
  58.                     <p>{{ 'partner.complete_catalog_text'|trans }}</p>
  59.                 </div>
  60.                 <div>
  61.                     <img src="{{ asset('/images/processus.png') }}" alt="Processus Icon" class="mx-auto mb-4 w-20 h-20">
  62.                     <h3 class="text-lg font-semibold mb-2">{{ 'partner.secure_booking_process'|trans }}</h3>
  63.                     <p>{{ 'partner.secure_booking_process_text'|trans }}</p>
  64.                 </div>
  65.                 <div>
  66.                     <img src="{{ asset('/images/accompagnement.png') }}" alt="Accompagnement Icon" class="mx-auto mb-4 w-20 h-20">
  67.                     <h3 class="text-lg font-semibold mb-2">{{ 'partner.personalized_support'|trans }}</h3>
  68.                     <p>{{ 'partner.personalized_support_text'|trans }}</p>
  69.                 </div>
  70.             </div>
  71.             <button onclick="window.location.href='{{ path('contact') }}'" class="mt-8 bg-yellow-400 px-8 py-4 rounded-lg font-semibold hover:bg-yellow-500 transition mx-auto block">
  72.                 {{ 'partner.contact_team'|trans }}
  73.             </button>
  74.         </div>
  75.     </div>
  77.     <!-- Section Écoles partenaires -->
  78.     <div class="bg-gray-200 py-16 mb-8 w-full">
  79.         <div class="container mx-auto px-4">
  80.             <h2 class="text-3xl font-bold mb-6 text-center">{{ 'partner.partner_schools'|trans }}</h2>
  81.             <div class="flex flex-col md:flex-row justify-center items-center gap-8 mt-8">
  82.                 <div>
  83.                     <p class="text-lg">Le Cours Florent (art dramatique et de la scène, comédie musicale, musique), L’Atelier de Sèvres (arts plastiques, animation), Penninghen (direction artistique et architecture d’intérieur), ITM (école de make-up pro), LISAA (Institut Supérieur des Arts Appliqués, Architecture d’intérieur & Design, Mode, Animation & Jeu vidéo), Strate (école de design), Istituto Marangoni (école de mode et de design), Institut culinaire de France (Boulangerie, pâtisserie, management des arts sucrés), La Web School (grande école de management du numérique), Digital Campus (école de création et management digital), Hetic (Hautes études des technologies de l’information et de la communication), Narratiiv (cours de communication et de journalisme), Paris School of Business (PSB), formation Grade Master accrédité AACSB et AMBA, Les ESG sectorielles (ESG Finance, ESG Ressources humaines, ESG Tourisme, ESG Immobilier, ESG Sport, ESG Data, ESG Green, ESG Luxe...), Les ESG et l’ESARC (gestion, commerce, communication et marketing), PSTB (École d'informatique et de commerce), Em Lyon (École supérieure de commerce), IESA Art & Culture (commerce de l’art et métiers de la culture), ESAM, IGS, ICD Business School, IMIS, IMSI, IPI, ISCPA, THE AMERICAN BUSINESS SCHOOL OF PARIS, ISTEC, EM Strasbourg, ISC</p>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  89.     <!-- Section Services proposés -->
  90.     <div class="py-16 mb-8">
  91.         <div class="container mx-auto px-4">
  92.             <h2 class="text-3xl font-bold mb-12 text-center">{{ 'partner.services_offered'|trans }}</h2>
  93.             <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto text-center">
  94.                 <div>
  95.                     <img src="{{ asset('/images/irrevocable.png') }}" alt="Irrevocable Icon" class="mx-auto mb-4 w-20 h-20">
  96.                     <h3 class="text-lg font-semibold mb-2">{{ 'partner.irrevocable_transfer_certificate'|trans }}</h3>
  97.                     <p>{{ 'partner.irrevocable_transfer_certificate_text'|trans }}</p>
  98.                 </div>
  99.                 <div>
  100.                     <img src="{{ asset('/images/preservation.png') }}" alt="Pre-Reservation Icon" class="mx-auto mb-4 w-20 h-20">
  101.                     <h3 class="text-lg font-semibold mb-2">{{ 'partner.pre_reservation'|trans }}</h3>
  102.                     <p>{{ 'partner.pre_reservation_text'|trans }}</p>
  103.                 </div>
  104.                 <div>
  105.                     <img src="{{ asset('/images/vip.png') }}" alt="VIP Service Icon" class="mx-auto mb-4 w-20 h-20">
  106.                     <h3 class="text-lg font-semibold mb-2">{{ 'partner.vip_service_paris'|trans }}</h3>
  107.                     <p>{{ 'partner.vip_service_paris_text'|trans }}</p>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </div>
  113.     <!-- Section Contact -->
  114.     <section id="contact" class="py-16">
  115.         <div class="container mx-auto px-4">
  116.             <div class="max-w-3xl mx-auto text-center">
  117.                 <h2 class="text-3xl font-bold mb-6">{{ 'partner.join_network'|trans }}</h2>
  118.                 <p class="text-lg mb-8">
  119.                     {{ 'partner.join_network_text'|trans|raw }}
  120.                 </p>
  121.                 <a href="{{ path('contact') }}" class="inline-block bg-yellow-400 text-black font-semibold px-8 py-4 rounded-lg hover:bg-yellow-500 transition">
  122.                     {{ 'partner.contact_team'|trans }}
  123.                 </a>
  124.             </div>
  125.         </div>
  126.     </section>
  127. {% endblock %}