<!--
  Heads up! 👋

  This component comes with some `rtl` classes. Please remove them if they are not needed in your project.
-->

<footer class="bg-white">
    <div class="mx-auto max-w-screen-xl px-4 pb-6 pt-6 sm:px-6 lg:px-8">
      <div class="border-gray-100">
        <div class="text-center sm:flex sm:justify-between sm:text-left">
          <p class="text-sm text-gray-500">
            <a
              class="inline-block text-green-700 underline transition hover:text-teal-600/75"
              href="/"
            >
            Politique de confidentialité
            </a>
  
            <span>&middot;</span>
  
            <a
              class="inline-block text-green-700 underline transition hover:text-teal-600/75"
              href="/"
            >
            Mentions légales
            </a>
          </p>
  
          <p class="mt-4 text-sm text-gray-500 sm:order-first sm:mt-0">
            &copy; 2023 P4Pillon
          </p>
        </div>
      </div>
    </div>
  </footer>
  