templates/partials/footer.html.twig line 1

  1.  {% block footer %}
  2.      
  3.       
  4.       <!-- start::footer  -->
  5.       <footer class="bg-slate-100 dark:bg-foreground px-5 lg:px-0">
  6.   <div class="container mx-auto py-20">
  7.     <div class="grid lg:grid-cols-5 md:grid-cols-2 grid-cols-1 lg:gap-0 gap-7">
  8.       <div>
  9.         <div
  10.           class="text-base font-semibold text-gray-700 dark:text-gray-100 mb-4"
  11.         >
  12.           Liens utiles
  13.         </div>
  14.         <ul>
  15.           <li class="mb-2">
  16.             <a
  17.               href="#"
  18.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  19.             >
  20.               <svg
  21.                 class="w-3 h-3 flex-shrink-0 mr-1"
  22.                 width="8"
  23.                 height="9"
  24.                 viewBox="0 0 8 9"
  25.                 fill="none"
  26.                 xmlns="http://www.w3.org/2000/svg"
  27.               >
  28.                 <path
  29.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  30.                   fill="#667085"
  31.                 /></svg
  32.               >Mentions légales
  33.             </a>
  34.           </li>
  35.           <li class="mb-2">
  36.             <a
  37.               href="#"
  38.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  39.             >
  40.               <svg
  41.                 class="w-3 h-3 flex-shrink-0 mr-1"
  42.                 width="8"
  43.                 height="9"
  44.                 viewBox="0 0 8 9"
  45.                 fill="none"
  46.                 xmlns="http://www.w3.org/2000/svg"
  47.               >
  48.                 <path
  49.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  50.                   fill="#667085"
  51.                 /></svg
  52.               >Politique de confidentialité
  53.             </a>
  54.           </li>
  55.           <li class="mb-2">
  56.             <a
  57.               href="#"
  58.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  59.             >
  60.               <svg
  61.                 class="w-3 h-3 flex-shrink-0 mr-1"
  62.                 width="8"
  63.                 height="9"
  64.                 viewBox="0 0 8 9"
  65.                 fill="none"
  66.                 xmlns="http://www.w3.org/2000/svg"
  67.               >
  68.                 <path
  69.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  70.                   fill="#667085"
  71.                 /></svg
  72.               >Conditions générales d’utilisation
  73.             </a>
  74.           </li>
  75.           <li class="mb-2">
  76.             <a
  77.               href="#"
  78.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  79.             >
  80.               <svg
  81.                 class="w-3 h-3 flex-shrink-0 mr-1"
  82.                 width="8"
  83.                 height="9"
  84.                 viewBox="0 0 8 9"
  85.                 fill="none"
  86.                 xmlns="http://www.w3.org/2000/svg"
  87.               >
  88.                 <path
  89.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  90.                   fill="#667085"
  91.                 /></svg
  92.               >Nos valeurs
  93.             </a>
  94.           </li>
  95.           <li class="mb-2">
  96.             <a
  97.               href="#"
  98.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  99.             >
  100.               <svg
  101.                 class="w-3 h-3 flex-shrink-0 mr-1"
  102.                 width="8"
  103.                 height="9"
  104.                 viewBox="0 0 8 9"
  105.                 fill="none"
  106.                 xmlns="http://www.w3.org/2000/svg"
  107.               >
  108.                 <path
  109.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  110.                   fill="#667085"
  111.                 /></svg
  112.               >Contactez-nous
  113.             </a>
  114.           </li>
  115.         </ul>
  116.       </div>
  117.       <div>
  118.         <div
  119.           class="text-base opacity-0 font-semibold text-gray-700 dark:text-gray-100 mb-4"
  120.         >
  121.           Liens utiles
  122.         </div>
  123.         <ul>
  124.           <li class="mb-2">
  125.             <a
  126.               href="#"
  127.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  128.             >
  129.               <svg
  130.                 class="w-3 h-3 flex-shrink-0 mr-1"
  131.                 width="8"
  132.                 height="9"
  133.                 viewBox="0 0 8 9"
  134.                 fill="none"
  135.                 xmlns="http://www.w3.org/2000/svg"
  136.               >
  137.                 <path
  138.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  139.                   fill="#667085"
  140.                 /></svg
  141.               >Tous les commerces
  142.             </a>
  143.           </li>
  144.           <li class="mb-2">
  145.             <a
  146.               href="#"
  147.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  148.             >
  149.               <svg
  150.                 class="w-3 h-3 flex-shrink-0 mr-1"
  151.                 width="8"
  152.                 height="9"
  153.                 viewBox="0 0 8 9"
  154.                 fill="none"
  155.                 xmlns="http://www.w3.org/2000/svg"
  156.               >
  157.                 <path
  158.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  159.                   fill="#667085"
  160.                 /></svg
  161.               >Les catégories
  162.             </a>
  163.           </li>
  164.           <li class="mb-2">
  165.             <a
  166.               href="#"
  167.               class="flex items-center text-gray-500 dark:text-gray-400 font-normal text-sm"
  168.             >
  169.               <svg
  170.                 class="w-3 h-3 flex-shrink-0 mr-1"
  171.                 width="8"
  172.                 height="9"
  173.                 viewBox="0 0 8 9"
  174.                 fill="none"
  175.                 xmlns="http://www.w3.org/2000/svg"
  176.               >
  177.                 <path
  178.                   d="M3.1713 1.29575L5.91721 3.85194C6.05236 3.99473 6.11886 4.15965 6.11886 4.30646C6.11886 4.45328 6.05182 4.63589 5.91775 4.76159L3.17184 7.31778C2.97542 7.50192 2.68036 7.55711 2.42358 7.45742C2.16679 7.35772 2 7.15829 2 6.88075V1.75028C2 1.49003 2.16692 1.25513 2.42368 1.15537C2.68045 1.05562 2.97608 1.11133 3.1713 1.29575Z"
  179.                   fill="#667085"
  180.                 /></svg
  181.               >FAQ
  182.             </a>
  183.           </li>
  184.         </ul>
  185.       </div>
  186.       <div>
  187.         <div
  188.           class="text-base font-semibold text-gray-700 dark:text-gray-100 mb-4"
  189.         >
  190.           Contact Information
  191.         </div>
  192.         <div class="flex mb-3">
  193.           <svg
  194.             xmlns="http://www.w3.org/2000/svg"
  195.             class="w-4 mr-2 flex-shrink-0 text-gray-500 dark:text-gray-400"
  196.             viewBox="0 0 20 20"
  197.             fill="currentColor"
  198.           >
  199.             <path
  200.               fill-rule="evenodd"
  201.               d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z"
  202.               clip-rule="evenodd"
  203.             />
  204.           </svg>
  205.           <div class="text-sm text-gray-500 dark:text-gray-400">
  206.             Lieu dit Plamont, 24590 Saint-Geniès.
  207.           </div>
  208.         </div>
  209.         <div class="flex mb-3">
  210.           <svg
  211.             xmlns="http://www.w3.org/2000/svg"
  212.             class="w-4 mr-2 flex-shrink-0 text-gray-500 dark:text-gray-400"
  213.             fill="none"
  214.             viewBox="0 0 24 24"
  215.             stroke="currentColor"
  216.             stroke-width="2"
  217.           >
  218.             <path
  219.               stroke-linecap="round"
  220.               stroke-linejoin="round"
  221.               d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"
  222.             />
  223.           </svg>
  225.           <div class="text-sm text-gray-500 dark:text-gray-400">
  226.             06 00 00 00 00
  227.           </div>
  228.         </div>
  229.         <div class="flex mb-3">
  230.           <svg
  231.             xmlns="http://www.w3.org/2000/svg"
  232.             class="w-4 mr-2 flex-shrink-0 text-gray-500 dark:text-gray-400"
  233.             fill="none"
  234.             viewBox="0 0 24 24"
  235.             stroke="currentColor"
  236.             stroke-width="2"
  237.           >
  238.             <path
  239.               stroke-linecap="round"
  240.               stroke-linejoin="round"
  241.               d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
  242.             />
  243.           </svg>
  245.           <div class="text-sm text-gray-500 dark:text-gray-400">
  246.             contact@bestofsarlat.com
  247.           </div>
  248.         </div>
  249.       
  250.       </div>
  251.       <div class="lg:col-span-2 flex flex-col">
  252.         <div class="max-w-[482px] lg:ml-auto ml-0">
  253.           <h3
  254.             class="lg:text-3xl text-2xl font-medium text-gray-700 mb-3 dark:text-gray-100"
  255.           >
  256.             Inscrivez-vous à la Newsletter
  257.           </h3>
  258.           <p class="text-base mb-10 text-gray-500 dark:text-gray-400">
  259.             Recevez les dernières actualités par email.
  260.           </p>
  261.           <div
  262.             class="inline-flex bg-white dark:bg-background text-gray-400 p-2 rounded-lg shadow-front-4"
  263.           >
  264.             <svg
  265.               xmlns="http://www.w3.org/2000/svg"
  266.               class="h-w-5 w-5 mx-2 shrink-0"
  267.               fill="none"
  268.               viewBox="0 0 24 24"
  269.               stroke="currentColor"
  270.               stroke-width="2"
  271.             >
  272.               <path
  273.                 stroke-linecap="round"
  274.                 stroke-linejoin="round"
  275.                 d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
  276.               />
  277.             </svg>
  278.             <input
  279.               type="email"
  280.               placeholder="Entrez votre email"
  281.               class="focus:outline-none w-full dark:text-gray-400 dark:bg-background"
  282.             />
  283.             <button
  284.               type="button"
  285.               class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg ml-0 lg:ml-10"
  286.             >
  287.               S'inscrire
  288.             </button>
  289.           </div>
  290.         </div>
  291.       </div>
  292.     </div>
  293.   </div>
  294.   <div
  295.     class="text-base py-16 text-center border-t border-gray-200 dark:border-background"
  296.   >
  297.     <div class="container mx-auto flex justify-between items-center flex-wrap">
  298.       <p
  299.         class="text-gray-700 dark:text-gray-400 text-left font-normal lg:mb-0 mb-4"
  300.       >
  301.         Copyright (C) Best of Sarlat 2023. Tous droits réservés.
  302.       </p>
  303.       <div class="flex flex-wrap">
  304.         <a href="#" class="text-gray-400 hover:text-blue-500 mr-3">
  305.           <svg
  306.             class="w-[26px] h-[26px]"
  307.             width="20"
  308.             height="21"
  309.             viewBox="0 0 20 21"
  310.             fill="none"
  311.             xmlns="http://www.w3.org/2000/svg"
  312.           >
  313.             <path
  314.               d="M7.03344 16.563C13.0697 16.563 16.3722 11.5608 16.3722 7.22423C16.3722 7.0836 16.3691 6.93985 16.3628 6.79923C17.0052 6.33463 17.5597 5.75916 18 5.09985C17.4017 5.36605 16.7664 5.53991 16.1159 5.61548C16.8009 5.20493 17.3137 4.55997 17.5594 3.80017C16.915 4.18203 16.2104 4.4514 15.4756 4.59673C14.9806 4.0707 14.326 3.7224 13.6131 3.60569C12.9003 3.48898 12.1688 3.61036 11.5318 3.95105C10.8949 4.29175 10.3879 4.83279 10.0892 5.49053C9.7906 6.14827 9.71695 6.88606 9.87969 7.58985C8.575 7.52438 7.29862 7.18546 6.13332 6.59505C4.96802 6.00465 3.9398 5.17595 3.11531 4.16267C2.69627 4.88515 2.56804 5.74008 2.75669 6.55372C2.94534 7.36735 3.43671 8.07862 4.13094 8.54298C3.60975 8.52643 3.09998 8.38611 2.64375 8.1336V8.17423C2.64328 8.93242 2.9054 9.66738 3.38554 10.2542C3.86568 10.841 4.53422 11.2434 5.2775 11.393C4.7947 11.5251 4.28799 11.5443 3.79656 11.4492C4.0063 12.1013 4.41438 12.6716 4.96385 13.0805C5.51331 13.4895 6.17675 13.7167 6.86156 13.7305C5.69895 14.6437 4.26278 15.1391 2.78438 15.1367C2.52219 15.1363 2.26027 15.1203 2 15.0886C3.5019 16.0522 5.24902 16.5639 7.03344 16.563Z"
  315.               fill="currentColor"
  316.             />
  317.           </svg>
  318.         </a>
  319.         <a href="#" class="text-gray-400 hover:text-blue-500 mr-3">
  320.           <svg
  321.             class="w-[26px] h-[26px]"
  322.             width="20"
  323.             height="21"
  324.             viewBox="0 0 20 21"
  325.             fill="none"
  326.             xmlns="http://www.w3.org/2000/svg"
  327.           >
  328.             <path
  329.               d="M16.8156 2.5625H3.18125C2.52812 2.5625 2 3.07813 2 3.71563V17.4062C2 18.0438 2.52812 18.5625 3.18125 18.5625H16.8156C17.4688 18.5625 18 18.0438 18 17.4094V3.71563C18 3.07813 17.4688 2.5625 16.8156 2.5625ZM6.74687 16.1969H4.37188V8.55937H6.74687V16.1969ZM5.55938 7.51875C4.79688 7.51875 4.18125 6.90312 4.18125 6.14375C4.18125 5.38438 4.79688 4.76875 5.55938 4.76875C6.31875 4.76875 6.93437 5.38438 6.93437 6.14375C6.93437 6.9 6.31875 7.51875 5.55938 7.51875ZM15.6344 16.1969H13.2625V12.4844C13.2625 11.6 13.2469 10.4594 12.0281 10.4594C10.7937 10.4594 10.6062 11.425 10.6062 12.4219V16.1969H8.2375V8.55937H10.5125V9.60313H10.5437C10.8594 9.00313 11.6344 8.36875 12.7875 8.36875C15.1906 8.36875 15.6344 9.95 15.6344 12.0063V16.1969Z"
  330.               fill="currentColor"
  331.             />
  332.           </svg>
  333.         </a>
  334.         <a href="#" class="text-gray-400 hover:text-blue-500 mr-3">
  335.           <svg
  336.             class="w-[26px] h-[26px]"
  337.             width="20"
  338.             height="21"
  339.             viewBox="0 0 20 21"
  340.             fill="none"
  341.             xmlns="http://www.w3.org/2000/svg"
  342.           >
  343.             <path
  344.               d="M18 10.5625C18 6.14422 14.4183 2.5625 10 2.5625C5.58172 2.5625 2 6.14422 2 10.5625C2 14.5555 4.92547 17.8652 8.75 18.4653V12.875H6.71875V10.5625H8.75V8.8C8.75 6.795 9.94438 5.6875 11.7717 5.6875C12.6467 5.6875 13.5625 5.84375 13.5625 5.84375V7.8125H12.5538C11.56 7.8125 11.25 8.42922 11.25 9.0625V10.5625H13.4688L13.1141 12.875H11.25V18.4653C15.0745 17.8652 18 14.5555 18 10.5625Z"
  345.               fill="currentColor"
  346.             />
  347.           </svg>
  348.         </a>
  349.       </div>
  350.     </div>
  351.   </div>
  352. </footer>
  354.       <!-- end::footer  -->
  356. {% endblock %}