{"id":3299,"date":"2026-04-09T20:52:05","date_gmt":"2026-04-09T18:52:05","guid":{"rendered":"https:\/\/dardaniella.com\/?page_id=3299"},"modified":"2026-04-17T00:41:36","modified_gmt":"2026-04-16T22:41:36","slug":"dining","status":"publish","type":"page","link":"https:\/\/laclemantn.keral.co\/fr\/dining\/","title":{"rendered":"Dining"},"content":{"rendered":"\n<div class=\"gb-element-f8bda043 fs-hero\">\n<div class=\"gb-element-c71db899\">\n<p class=\"gb-text gb-text-5b59ed0d\">Dar Daniella<\/p>\n\n\n\n<h1 class=\"gb-text gb-text-9b69d23f\">TABARKA<\/h1>\n<\/div>\n\n\n\n<div class=\"gb-element-4df79cc7\">\n<div class=\"gb-element-5039826f\">\n<p class=\"gb-text gb-text-bed9fea8\">Tabarka<\/p>\n\n\n\n<h1 class=\"gb-text gb-text-bd94b5b9\">Restauration<\/h1>\n\n\n\n<div class=\"gb-element-ac772882\">\n<p class=\"gb-text gb-text-a4969d05\"><a href=\"tel:0021621359877\">+216 98 591 169<\/a><\/p>\n\n\n\n<p class=\"gb-text gb-text-21da3bb6\"><a href=\"https:\/\/dardaniella.com\/contact-us\/\" data-type=\"page\" data-id=\"1649\" target=\"_blank\" rel=\"noopener\">Contact<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-08af3069 center-luxury\">\n<p class=\"gb-text gb-text-83515c69 luxury-title\">D\u00e9couvrez le raffinement m\u00e9diterran\u00e9en dans les restaurants du Four Seasons Hotel Tunis, en d\u00e9gustant une cuisine exquise face \u00e0 l&rsquo;oc\u00e9an. Que vous savouriez un d\u00eener priv\u00e9 au Creek Bistro Chic ou des fruits de mer au BLU, nos restaurants et bars vous invitent \u00e0 Gammarth pour un somptueux voyage culinaire qui r\u00e9gale les sens.<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-fcd481b2\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div>\n<p class=\"gb-text luxury-title\">Toute la restauration<\/p>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<style>\n.dd-accommodations-wrap {\n  width: 100%;\n  background: #ffffff;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: visible;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\n.dd-swiper {\n  width: 100%;\n  height: 580px !important;\n  padding: 20px 0 0 0 !important;\n  overflow: visible !important;\n}\n.dd-swiper .swiper-wrapper { align-items: flex-start; }\n.dd-swiper .swiper-slide {\n  width: 320px !important;\n  height: auto !important;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  cursor: pointer;\n  opacity: 0.5;\n  transform: scale(0.88);\n  transition: transform 0.8s ease, opacity 0.8s ease;\n  will-change: transform, opacity;\n}\n\n\/* Image INACTIVE \u2014 haute *\/\n.dd-slide__img-container {\n  width: 100%;\n  max-width: 320px;\n  height: 380px;\n  margin: 0 auto;\n  overflow: hidden;\n  position: relative;\n  transition: height 0.8s ease, box-shadow 0.8s ease;\n}\n\n.dd-swiper .swiper-slide .dd-slide__img-container img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  object-position: center !important;\n  display: block !important;\n}\n\n\/* Slide active *\/\n.dd-swiper .swiper-slide-active {\n  transform: scale(1);\n  opacity: 1;\n  z-index: 10;\n}\n\n\/* Image ACTIVE \u2014 r\u00e9duite, le texte monte *\/\n.dd-swiper .swiper-slide-active .dd-slide__img-container {\n  height: 220px;\n  box-shadow: 0 20px 50px rgba(0,0,0,0.15);\n}\n\n\/* Label sur slides inactives *\/\n.dd-slide__label {\n  position: absolute;\n  bottom: 20px;\n  left: 0;\n  right: 0;\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 11px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: #ffffff;\n  transition: opacity 0.3s;\n}\n.swiper-slide-active .dd-slide__label { opacity: 0; }\n\n\/* Contenu texte *\/\n.dd-slide__content {\n  width: 100%;\n  background: #ffffff;\n  padding: 0 24px;\n  box-sizing: border-box;\n  opacity: 0;\n  height: 0;\n  overflow: hidden;\n  transition: opacity 0.5s ease, height 0.5s ease, padding 0.5s ease;\n  box-shadow: 0 20px 60px rgba(44, 40, 37, 0.12);\n}\n.swiper-slide-active .dd-slide__content {\n  opacity: 1;\n  height: 230px;\n  padding: 28px 24px;\n}\n\n\/* Typographie *\/\n.dd-slide__category {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 13px;\n  font-style: italic;\n  color: #888;\n  margin: 0 0 8px 0;\n}\n.dd-slide__name {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.15em;\n  text-transform: uppercase;\n  margin: 0 0 12px 0;\n  color: #000;\n}\n.dd-slide__divider {\n  width: 30px;\n  height: 1px;\n  background: #000;\n  margin: 0 auto 16px;\n}\n.dd-slide__desc {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 13px;\n  color: #555;\n  line-height: 1.7;\n  margin: 0 0 20px 0;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.dd-slide__buttons { display: flex; justify-content: center; }\n.dd-slide__btn-primary {\n  padding: 13px 32px;\n  background: #000;\n  color: #fff;\n  font-family: 'Inter', sans-serif;\n  font-size: 9px;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  text-decoration: none;\n  display: inline-block;\n}\n\n\/* Navigation *\/\n.dd-swiper-nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 24px;\n  padding: 20px 0 30px 0;\n  height: 50px;\n}\n.dd-swiper-nav button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 20px;\n  color: #000;\n  transition: 0.3s;\n  padding: 10px;\n}\n.dd-counter {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 14px;\n  color: #000;\n  min-width: 60px;\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n  .dd-swiper { height: 580px !important; }\n  .dd-swiper .swiper-slide { width: 85vw !important; transform: scale(0.9); }\n  .dd-swiper .swiper-slide-active { transform: scale(1); }\n  .dd-slide__img-container { height: 280px; }\n  .dd-swiper .swiper-slide-active .dd-slide__img-container { height: 180px; }\n  .swiper-slide-active .dd-slide__content { height: 260px; padding: 20px 15px; }\n  .dd-slide__btn-primary { width: 100%; box-sizing: border-box; text-align: center; }\n}\n<\/style>\n\n<div class=\"dd-accommodations-wrap\">\n  <div class=\"swiper dd-swiper\">\n    <div class=\"swiper-wrapper\" id=\"dd-swiper-wrapper\"><\/div>\n  <\/div>\n  <div class=\"dd-swiper-nav\">\n    <button class=\"dd-prev\">&#8592;<\/button>\n    <span class=\"dd-counter\">1 \/ 5<\/span>\n    <button class=\"dd-next\">&#8594;<\/button>\n  <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n\n  \/\/ \u2705 MODIFIE UNIQUEMENT CE TABLEAU\n  const CHAMBRES = [\n    {\n      image: \"https:\/\/images.unsplash.com\/photo-1631049307264-da0ec9d70304?w=600\",\n      categorie: \"Sea view\",\n      nom: \"Sea-View Suite\",\n      description: \"Profitez d'une vue imprenable sur la mer M\u00e9diterran\u00e9e depuis votre terrasse priv\u00e9e.\",\n      lienDetails: \"#\"\n    },\n    {\n      image: \"https:\/\/images.unsplash.com\/photo-1618773928121-c32242e63f39?w=600\",\n      categorie: \"Garden view\",\n      nom: \"Deluxe Garden Room\",\n      description: \"Une chambre \u00e9l\u00e9gante avec vue sur les jardins luxuriants de Dar Daniella.\",\n      lienDetails: \"#\"\n    },\n    {\n      image: \"https:\/\/images.unsplash.com\/photo-1582719478250-c89cae4dc85b?w=600\",\n      categorie: \"Suite\",\n      nom: \"Mediterranean Suite\",\n      description: \"Ces suites au premier \u00e9tage offrent une terrasse priv\u00e9e avec bassin de plong\u00e9e.\",\n      lienDetails: \"#\"\n    },\n    {\n      image: \"https:\/\/images.unsplash.com\/photo-1590490360182-c33d57733427?w=600\",\n      categorie: \"Suite\",\n      nom: \"Executive Suite\",\n      description: \"Une suite executive avec tout le confort pour un s\u00e9jour d'exception \u00e0 Tabarka.\",\n      lienDetails: \"#\"\n    },\n    {\n      image: \"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?w=600\",\n      categorie: \"Premium\",\n      nom: \"Premier Room\",\n      description: \"Notre chambre Premier offre un design soign\u00e9 et toutes les commodit\u00e9s modernes.\",\n      lienDetails: \"#\"\n    }\n  ];\n\n  const CHAMBRES_LOOP = [...CHAMBRES, ...CHAMBRES];\n\n  const wrapper = document.getElementById('dd-swiper-wrapper');\n  CHAMBRES_LOOP.forEach(function(chambre) {\n    wrapper.innerHTML += `\n      <div class=\"swiper-slide\">\n        <div class=\"dd-slide__img-container\">\n          <img decoding=\"async\" src=\"${chambre.image}\" alt=\"${chambre.nom}\">\n          <div class=\"dd-slide__label\">${chambre.nom}<\/div>\n        <\/div>\n        <div class=\"dd-slide__content\">\n          <p class=\"dd-slide__category\">${chambre.categorie}<\/p>\n          <p class=\"dd-slide__name\">${chambre.nom}<\/p>\n          <div class=\"dd-slide__divider\"><\/div>\n          <p class=\"dd-slide__desc\">${chambre.description}<\/p>\n          <div class=\"dd-slide__buttons\">\n            <a href=\"${chambre.lienDetails}\" class=\"dd-slide__btn-primary\">Learn More<\/a>\n          <\/div>\n        <\/div>\n      <\/div>`;\n  });\n\n  const swiper = new Swiper('.dd-swiper', {\n    centeredSlides: true,\n    slidesPerView: 'auto',\n    spaceBetween: 0,\n    initialSlide: 0,\n    speed: 900,\n    grabCursor: true,\n    slideToClickedSlide: true,\n    watchSlidesProgress: true,\n    loop: true,\n    loopAdditionalSlides: 2,\n    observer: true,\n    observeParents: true,\n    on: {\n      init: function() { updateCounter(this); },\n      slideChange: function() { updateCounter(this); }\n    }\n  });\n\n  function updateCounter(s) {\n    const counter = document.querySelector('.dd-counter');\n    if (counter) counter.textContent = (s.realIndex % CHAMBRES.length + 1) + ' \/ ' + CHAMBRES.length;\n  }\n\n  document.querySelector('.dd-prev').addEventListener('click', () => swiper.slidePrev());\n  document.querySelector('.dd-next').addEventListener('click', () => swiper.slideNext());\n});\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez le raffinement m\u00e9diterran\u00e9en dans les restaurants du Four Seasons Hotel Tunis, en d\u00e9gustant une cuisine exquise face \u00e0 l&rsquo;oc\u00e9an. Que vous savouriez un d\u00eener priv\u00e9 au Creek Bistro Chic ou des fruits de mer au BLU, nos restaurants et bars vous invitent \u00e0 Gammarth pour un somptueux voyage culinaire qui r\u00e9gale les sens. Toute &#8230; <a title=\"Dining\" class=\"read-more\" href=\"https:\/\/laclemantn.keral.co\/fr\/dining\/\" aria-label=\"En savoir plus sur Dining\">Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3299","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages\/3299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/comments?post=3299"}],"version-history":[{"count":48,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages\/3299\/revisions"}],"predecessor-version":[{"id":4602,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages\/3299\/revisions\/4602"}],"wp:attachment":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/media?parent=3299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}