templates/home/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Accueil{% endblock %}
  5. {% block body %}
  6.     <div class="relative isolate overflow-hidden bg-white">
  7.     <svg class="absolute inset-0 -z-10 h-full w-full stroke-gray-200 [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" aria-hidden="true">
  8.         <defs>
  9.             <pattern id="0787a7c5-978c-4f66-83c7-11c213f99cb7" width="200" height="200" x="50%" y="-1" patternUnits="userSpaceOnUse">
  10.                 <path d="M.5 200V.5H200" fill="none" />
  11.             </pattern>
  12.         </defs>
  13.         <rect width="100%" height="100%" stroke-width="0" fill="url(#0787a7c5-978c-4f66-83c7-11c213f99cb7)" />
  14.     </svg>
  15.     <div class="mx-auto max-w-7xl px-6 pb-24 pt-10 sm:pb-32 lg:flex lg:px-8 lg:py-40">
  16.         <div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-xl lg:flex-shrink-0 lg:pt-8">
  17.             <p class="font-bold text-5xl text-blue-500">LINK WE UP</p>
  19.             <h1 class="mt-10 text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">Gestion et Partage de Talents</h1>
  20.             <p class="mt-6 text-lg leading-8 text-gray-600">Un outil puissant pour les directeurs de casting : optimisez la découverte, la gestion et le partage des talents avec LINK WE UP</p>
  21.             <div class="mt-10 flex items-center gap-x-6">
  22.                 <a href="#" class="rounded-md bg-blue-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600">Commencer</a>
  23.             </div>
  24.         </div>
  25.         <div class="mx-auto mt-16 flex max-w-2xl lg:ml-10 lg:mr-0 lg:mt-0 lg:max-w-none lg:flex-none xl:ml-32">
  26.             <div class="max-w-3xl flex-none sm:max-w-5xl lg:max-w-none">
  27.                 <div class="-m-2 rounded-xl bg-gray-900/5 p-2 ring-1 ring-inset ring-gray-900/10 lg:-m-4 lg:rounded-2xl lg:p-4">
  28.                     <img src="{{asset('images/lens.jpg')}}" class="w-[45rem] rounded-md shadow-2xl ring-1 ring-gray-900/10">
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </div>
  33. </div>
  34.     <div class="bg-white py-10">
  35.         <div class="mx-auto max-w-7xl px-6 lg:px-8">
  36.             <div class="mx-auto max-w-4xl text-center">
  37.                 <h2 class="text-4xl font-semibold leading-7 text-blue-600">Tarification</h2>
  38.                 <p class="mt-2 text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">Plans tarifaires pour les équipes de toutes tailles</p>
  39.             </div>
  40.             <p class="mx-auto mt-6 max-w-2xl text-center text-lg leading-8 text-gray-600">Optez pour notre plan tout-en-un, offrant des fonctionnalités de pointe pour captiver votre audience, entretenir la clientèle et dynamiser les résultats</p>
  42.             <div class="isolate mx-auto mt-10 grid max-w-md grid-cols-1 gap-8 lg:mx-0 lg:max-w-none lg:grid-cols-3">
  43.                 <div class="rounded-3xl p-8 xl:p-10 ring-1 ring-gray-200">
  44.                     <div class="flex items-center justify-between gap-x-4">
  45.                         <h3 id="tier-freelancer" class="text-lg font-semibold leading-8 text-gray-900">Freelance</h3>
  46.                     </div>
  47.                     <p class="mt-4 text-sm leading-6 text-gray-600">
  48.                         Les éléments essentiels pour fournir le meilleur travail possible à vos clients.</p>
  49.                     <p class="mt-6 flex items-baseline gap-x-1">
  50.                         <!-- Price, update based on frequency toggle state -->
  51.                         <span class="text-4xl font-bold tracking-tight text-gray-900">150€</span>
  52.                         <!-- Payment frequency, update based on frequency toggle state -->
  53.                         <span class="text-sm font-semibold leading-6 text-gray-600">/mois</span>
  54.                     </p>
  55.                     <a href="#" aria-describedby="tier-freelancer" class="mt-6 block rounded-md py-2 px-3 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 text-blue-600 ring-1 ring-inset ring-blue-200 hover:ring-blue-300">Choisir ce plan</a>
  56.                     <ul role="list" class="mt-8 space-y-3 text-sm leading-6 text-gray-600 xl:mt-10">
  58.                         <li class="flex gap-x-3">
  59.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  60.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  61.                             </svg>
  62.                             500 Candidats
  63.                         </li>
  65.                         <li class="flex gap-x-3">
  66.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  67.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  68.                             </svg>
  69.                             1 Collaborateur
  70.                         </li>
  72.                         <li class="flex gap-x-3">
  73.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  74.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  75.                             </svg>
  76.                             5 Clients
  77.                         </li>
  78.                         <li class="flex gap-x-3">
  79.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  80.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  81.                             </svg>
  82.                             250 Go de stockage
  83.                         </li>
  85.                     </ul>
  86.                 </div>
  88.                 <div class="rounded-3xl p-8 xl:p-10 ring-2 ring-blue-600">
  89.                     <div class="flex items-center justify-between gap-x-4">
  90.                         <h3 id="tier-startup" class="text-lg font-semibold leading-8 text-blue-600">Agence</h3>
  92.                         <p class="rounded-full bg-blue-600/10 px-2.5 py-1 text-xs font-semibold leading-5 text-blue-600">Le + populaire</p>
  93.                     </div>
  94.                     <p class="mt-4 text-sm leading-6 text-gray-600">Un plan qui évolue avec la croissance rapide de votre entreprise..</p>
  95.                     <p class="mt-6 flex items-baseline gap-x-1">
  96.                         <!-- Price, update based on frequency toggle state -->
  97.                         <span class="text-4xl font-bold tracking-tight text-gray-900">300€</span>
  98.                         <!-- Payment frequency, update based on frequency toggle state -->
  99.                         <span class="text-sm font-semibold leading-6 text-gray-600">/mois</span>
  100.                     </p>
  101.                     <a href="#" aria-describedby="tier-startup" class="mt-6 block rounded-md py-2 px-3 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 bg-blue-600 text-white shadow-sm hover:bg-blue-500">Choisir ce plan</a>
  102.                     <ul role="list" class="mt-8 space-y-3 text-sm leading-6 text-gray-600 xl:mt-10">
  103.                         <li class="flex gap-x-3">
  104.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  105.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  106.                             </svg>
  107.                             5,000 candidats
  108.                         </li>
  109.                         <li class="flex gap-x-3">
  110.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  111.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  112.                             </svg>
  113.                             5 collaborateurs
  114.                         </li>
  116.                         <li class="flex gap-x-3">
  117.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  118.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  119.                             </svg>
  120.                             Unlimited clients
  121.                         </li>
  123.                         <li class="flex gap-x-3">
  124.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  125.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  126.                             </svg>
  127.                             2500 Go de stockage
  128.                         </li>
  130.                     </ul>
  131.                 </div>
  133.                 <div class="rounded-3xl p-8 xl:p-10 ring-1 ring-gray-200">
  134.                     <div class="flex items-center justify-between gap-x-4">
  135.                         <h3 id="tier-enterprise" class="text-lg font-semibold leading-8 text-gray-900">Entreprise</h3>
  136.                     </div>
  137.                     <p class="mt-4 text-sm leading-6 text-gray-600">Support et infrastructure dédiés à votre entreprise.</p>
  138.                     <p class="mt-6 flex items-baseline gap-x-1">
  139.                         <!-- Price, update based on frequency toggle state -->
  140.                         <span class="text-4xl font-bold tracking-tight text-gray-900">600€</span>
  141.                         <!-- Payment frequency, update based on frequency toggle state -->
  142.                         <span class="text-sm font-semibold leading-6 text-gray-600">/mois</span>
  143.                     </p>
  144.                     <a href="#" aria-describedby="tier-enterprise" class="mt-6 block rounded-md py-2 px-3 text-center text-sm font-semibold leading-6 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600 text-blue-600 ring-1 ring-inset ring-blue-200 hover:ring-blue-300">Choisir ce plan</a>
  145.                     <ul role="list" class="mt-8 space-y-3 text-sm leading-6 text-gray-600 xl:mt-10">
  146.                         <li class="flex gap-x-3">
  147.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  148.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  149.                             </svg>
  150.                             12 500 candidats
  151.                         </li>
  152.                         <li class="flex gap-x-3">
  153.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  154.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  155.                             </svg>
  156.                             Unlimited collaborateurs
  157.                         </li>
  159.                         <li class="flex gap-x-3">
  160.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  161.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  162.                             </svg>
  163.                             Unlimited clients
  164.                         </li>
  165.                         <li class="flex gap-x-3">
  166.                             <svg class="h-6 w-5 flex-none text-blue-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
  167.                                 <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
  168.                             </svg>
  169.                             6500 Go de stockage
  170.                         </li>
  172.                     </ul>
  173.                 </div>
  174.             </div>
  175.         </div>
  176.     </div>
  178.     <div class="bg-white">
  179.         <div class="mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:px-8 lg:py-40">
  180.             <div class="mx-auto max-w-4xl divide-y divide-gray-900/10">
  181.                 <h2 class="text-2xl font-bold leading-10 tracking-tight text-gray-900">Questions fréquemment posées</h2>
  182.                 <dl class="mt-10 space-y-6 divide-y divide-gray-900/10">
  183.                     <div class="pt-6">
  184.                         <dt>
  185.                             <!-- Expand/collapse question button -->
  186.                             <button type="button" class="flex w-full items-start justify-between text-left text-gray-900" aria-controls="faq-0" aria-expanded="false">
  187.                                 <span class="text-base font-semibold leading-7">Qu'est-ce que LINK WE UP ?</span>
  188.                                     <span class="ml-6 flex h-7 items-center">
  189.                                         <!--
  190.                                           Icon when question is collapsed.
  192.                                           Item expanded: "hidden", Item collapsed: ""
  193.                                         -->
  194.                                     <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  195.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
  196.                                     </svg>
  197.                                         <!--
  198.                                           Icon when question is expanded.
  200.                                           Item expanded: "", Item collapsed: "hidden"
  201.                                         -->
  202.                                     <svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  203.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
  204.                                     </svg>
  205.                               </span>
  206.                             </button>
  207.                         </dt>
  208.                         <dd class="mt-2 pr-12" id="faq-0">
  209.                             <p class="text-base leading-7 text-gray-600">LINK WE UP est une plateforme en ligne conçue spécialement pour les directeurs de casting. Cet outil puissant facilite la découverte, la gestion et le partage des talents, en offrant une expérience optimisée pour les professionnels de l'industrie du casting.</p>
  210.                         </dd>
  211.                     </div>
  213.                     <div class="pt-6">
  214.                         <dt>
  215.                             <!-- Expand/collapse question button -->
  216.                             <button type="button" class="flex w-full items-start justify-between text-left text-gray-900" aria-controls="faq-0" aria-expanded="false">
  217.                                 <span class="text-base font-semibold leading-7">Quels sont les avantages de LINK WE UP pour les directeurs de casting ?</span>
  218.                                 <span class="ml-6 flex h-7 items-center">
  219.                                         <!--
  220.                                           Icon when question is collapsed.
  222.                                           Item expanded: "hidden", Item collapsed: ""
  223.                                         -->
  224.                                     <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  225.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
  226.                                     </svg>
  227.                                     <!--
  228.                                       Icon when question is expanded.
  230.                                       Item expanded: "", Item collapsed: "hidden"
  231.                                     -->
  232.                                     <svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  233.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
  234.                                     </svg>
  235.                               </span>
  236.                             </button>
  237.                         </dt>
  238.                         <dd class="mt-2 pr-12" id="faq-0">
  239.                             <p class="text-base leading-7 text-gray-600">LINK WE UP offre plusieurs avantages aux directeurs de casting, tels que la centralisation des profils de talents, la possibilité de créer des bases de données personnalisées, la facilitation de la collaboration entre les membres de l'équipe, et des fonctionnalités avancées de recherche pour trouver les candidats parfaits pour chaque projet.</p>
  240.                         </dd>
  241.                     </div>
  243.                     <div class="pt-6">
  244.                         <dt>
  245.                             <!-- Expand/collapse question button -->
  246.                             <button type="button" class="flex w-full items-start justify-between text-left text-gray-900" aria-controls="faq-0" aria-expanded="false">
  247.                                 <span class="text-base font-semibold leading-7">Comment fonctionne la gestion des talents avec LINK WE UP ?</span>
  248.                                 <span class="ml-6 flex h-7 items-center">
  249.                                         <!--
  250.                                           Icon when question is collapsed.
  252.                                           Item expanded: "hidden", Item collapsed: ""
  253.                                         -->
  254.                                     <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  255.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
  256.                                     </svg>
  257.                                     <!--
  258.                                       Icon when question is expanded.
  260.                                       Item expanded: "", Item collapsed: "hidden"
  261.                                     -->
  262.                                     <svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  263.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
  264.                                     </svg>
  265.                               </span>
  266.                             </button>
  267.                         </dt>
  268.                         <dd class="mt-2 pr-12" id="faq-0">
  269.                             <p class="text-base leading-7 text-gray-600">Grâce à LINK WE UP, les directeurs de casting peuvent importer et organiser les profils de talents de manière efficace. Ils peuvent ajouter des informations détaillées, des photos, des vidéos et des notes personnalisées pour chaque talent. Cette fonctionnalité permet une gestion centralisée et simplifiée de tous les talents potentiels.</p>
  270.                         </dd>
  271.                     </div>
  273.                     <div class="pt-6">
  274.                         <dt>
  275.                             <!-- Expand/collapse question button -->
  276.                             <button type="button" class="flex w-full items-start justify-between text-left text-gray-900" aria-controls="faq-0" aria-expanded="false">
  277.                                 <span class="text-base font-semibold leading-7">Comment LINK WE UP optimise-t-il la découverte des talents ?</span>
  278.                                 <span class="ml-6 flex h-7 items-center">
  279.                                         <!--
  280.                                           Icon when question is collapsed.
  282.                                           Item expanded: "hidden", Item collapsed: ""
  283.                                         -->
  284.                                     <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  285.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
  286.                                     </svg>
  287.                                     <!--
  288.                                       Icon when question is expanded.
  290.                                       Item expanded: "", Item collapsed: "hidden"
  291.                                     -->
  292.                                     <svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  293.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
  294.                                     </svg>
  295.                               </span>
  296.                             </button>
  297.                         </dt>
  298.                         <dd class="mt-2 pr-12" id="faq-0">
  299.                             <p class="text-base leading-7 text-gray-600">LINK WE UP propose des outils de recherche avancés qui permettent aux directeurs de casting de trouver rapidement les talents correspondant à leurs critères spécifiques. Les filtres de recherche personnalisés, les mots-clés et les balises aident à affiner les résultats et à identifier les candidats les plus adaptés à chaque projet.</p>
  300.                         </dd>
  301.                     </div>
  303.                     <div class="pt-6">
  304.                         <dt>
  305.                             <!-- Expand/collapse question button -->
  306.                             <button type="button" class="flex w-full items-start justify-between text-left text-gray-900" aria-controls="faq-0" aria-expanded="false">
  307.                                 <span class="text-base font-semibold leading-7">Comment fonctionne le partage des talents avec d'autres membres de l'équipe ?</span>
  308.                                 <span class="ml-6 flex h-7 items-center">
  309.                                         <!--
  310.                                           Icon when question is collapsed.
  312.                                           Item expanded: "hidden", Item collapsed: ""
  313.                                         -->
  314.                                     <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  315.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" />
  316.                                     </svg>
  317.                                     <!--
  318.                                       Icon when question is expanded.
  320.                                       Item expanded: "", Item collapsed: "hidden"
  321.                                     -->
  322.                                     <svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
  323.                                       <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" />
  324.                                     </svg>
  325.                               </span>
  326.                             </button>
  327.                         </dt>
  328.                         <dd class="mt-2 pr-12" id="faq-0">
  329.                             <p class="text-base leading-7 text-gray-600">LINK WE UP facilite la collaboration entre les membres de l'équipe de casting. Les directeurs de casting peuvent partager des profils de talents avec des collègues et des clients en quelques clics, en garantissant une communication fluide et une prise de décision plus rapide. Les fonctionnalités de partage sécurisé garantissent la confidentialité des données.</p>
  330.                         </dd>
  331.                     </div>
  333.                 </dl>
  334.             </div>
  335.         </div>
  336.         <footer class="bg-white">
  337.             <div class="mx-auto max-w-7xl px-6 py-12 md:flex md:items-center md:justify-between lg:px-8">
  338.                 <div class="flex justify-center space-x-6 md:order-2">
  339.                     <a href="" class="text-gray-400 hover:text-gray-500">
  340.                         <span class="sr-only">Facebook</span>
  341.                         <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  342.                             <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
  343.                         </svg>
  344.                     </a>
  345.                     <a href="" class="text-gray-400 hover:text-gray-500">
  346.                         <span class="sr-only">Instagram</span>
  347.                         <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  348.                             <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
  349.                         </svg>
  350.                     </a>
  351.                     <a href="" class="text-gray-400 hover:text-gray-500">
  352.                         <span class="sr-only">Twitter</span>
  353.                         <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  354.                             <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
  355.                         </svg>
  356.                     </a>
  357.                     <a href="" class="text-gray-400 hover:text-gray-500">
  358.                         <span class="sr-only">GitHub</span>
  359.                         <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  360.                             <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
  361.                         </svg>
  362.                     </a>
  363.                     <a href="" class="text-gray-400 hover:text-gray-500">
  364.                         <span class="sr-only">YouTube</span>
  365.                         <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  366.                             <path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd" />
  367.                         </svg>
  368.                     </a>
  369.                 </div>
  370.                 <div class="mt-8 md:order-1 md:mt-0">
  371.                     <p class="text-center text-xs leading-5 text-gray-500">&copy; 2023 LinkWeUp, Inc. All rights reserved.</p>
  372.                 </div>
  373.             </div>
  374.         </footer>
  376.     </div>
  379. {% endblock %}