{"id":280,"date":"2025-11-17T19:13:27","date_gmt":"2025-11-17T18:13:27","guid":{"rendered":"https:\/\/meowcoffee.fr\/?page_id=280"},"modified":"2025-11-26T14:28:24","modified_gmt":"2025-11-26T13:28:24","slug":"reserver-une-table","status":"publish","type":"page","link":"https:\/\/meowcoffee.fr\/?page_id=280","title":{"rendered":"R\u00e9servation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"280\" class=\"elementor elementor-280\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71a24eb e-flex e-con-boxed e-con e-parent\" data-id=\"71a24eb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2097da elementor-widget elementor-widget-html\" data-id=\"d2097da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tr-shell\">\n  <header class=\"tr-topbar\">\n    <div class=\"tr-top-left\">\n      <div class=\"tr-title\">R\u00e9server une table<\/div>\n      <div class=\"tr-sub\"><\/div>\n    <\/div>\n  <\/header>\n\n  <div class=\"tr-card\">\n    <div class=\"tr-row\">\n      <label class=\"label-small\">Jour<\/label>\n      <div class=\"input-row\">\n        <input id=\"visual-date\" type=\"date\" class=\"input-field\" \/>\n      <\/div>\n    <\/div>\n\n    <div class=\"tr-row\">\n      <label class=\"label-small\">Personnes<\/label>\n      <div class=\"input-row\">\n        <select id=\"visual-persons\" class=\"input-field\">\n          <option value=\"1\">1 personne<\/option>\n          <option value=\"2\">2 personnes<\/option>\n          <option value=\"3\">3 personnes<\/option>\n          <option value=\"4\">4 personnes<\/option>\n          <option value=\"5\">5 personnes<\/option>\n          <option value=\"6\">6 personnes<\/option>\n          <option value=\"7\">7 personnes<\/option>\n          <option value=\"8\">8 personnes<\/option>\n          <option value=\"9\">9 personnes<\/option>\n          <option value=\"10\">10 personnes<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <div class=\"tr-row\">\n      <label class=\"label-small\">Horaires<\/label>\n      <div class=\"hours-wrap\" id=\"hours-wrap\">\n        <button type=\"button\" class=\"hour\">12:00<\/button>\n        <button type=\"button\" class=\"hour\">12:30<\/button>\n        <button type=\"button\" class=\"hour\">13:00<\/button>\n        <button type=\"button\" class=\"hour\">13:30<\/button>\n        <button type=\"button\" class=\"hour\">14:00<\/button>\n        <button type=\"button\" class=\"hour\">14:30<\/button>\n        <button type=\"button\" class=\"hour\">15:00<\/button>\n        <button type=\"button\" class=\"hour\">15:30<\/button>\n        <button type=\"button\" class=\"hour\">16:00<\/button>\n        <button type=\"button\" class=\"hour\">16:30<\/button>\n        <button type=\"button\" class=\"hour\">17:00<\/button>\n        <button type=\"button\" class=\"hour\">17:30<\/button>\n        <button type=\"button\" class=\"hour\">18:00<\/button>\n        <button type=\"button\" class=\"hour\">18:30<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- Champs texte mis \u00e0 jour avec la classe input-field -->\n    <div class=\"tr-row\">\n      <label class=\"label-small\">Nom<\/label>\n      <input type=\"text\" class=\"input-field\">\n    <\/div>\n\n    <div class=\"tr-row\">\n      <label class=\"label-small\">Email<\/label>\n      <input type=\"text\" class=\"input-field\">\n    <\/div>\n\n    <div class=\"tr-row\">\n      <label class=\"label-small\">T\u00e9l<\/label>\n      <input type=\"tel\" class=\"input-field\">\n    <\/div>\n\n    <div class=\"tr-actions\">\n      <button class=\"confirm-btn\" id=\"confirm-visual\">CONFIRMER<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.tr-shell { max-width:720px; margin:30px auto; font-family: \"Montserrat\", sans-serif; }\n\n.tr-topbar {\n  background:#2b1f5a;\n  color:#fff;\n  padding:18px 20px;\n  border-top-left-radius:18px;\n  border-top-right-radius:18px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n.tr-top-left { display:flex; flex-direction:column; gap:4px; }\n.tr-title { font-weight:700; font-size:18px; letter-spacing:0.2px; }\n.tr-sub { font-size:13px; opacity:0.9; }\n\n.tr-card {\n  background:#f5dff5;\n  padding:22px;\n  border-bottom-left-radius:18px;\n  border-bottom-right-radius:18px;\n  box-shadow:0 8px 24px rgba(37,21,53,0.06);\n}\n\n.tr-row { margin-bottom:16px; display:flex; flex-direction:column; gap:8px; }\n.label-small { font-size:13px; font-weight:700; color:#3b2940; }\n\n.input-row { display:flex; align-items:center; gap:12px; }\n.icon { font-size:18px; opacity:0.9; }\n\n.input-field {\n  flex:1;\n  padding:12px 14px;\n  border-radius:12px;\n  border:1px solid #d6c5df;\n  background:#fff;\n  font-size:15px;\n  outline: none;\n  box-sizing: border-box;\n}\n\n.input-field[type=\"date\"]::-webkit-calendar-picker-indicator {\n  cursor:pointer;\n  filter:invert(0.15) sepia(0.6) saturate(2) hue-rotate(180deg);\n}\n\n.hours-wrap { display:flex; flex-wrap:wrap; gap:10px; padding:10px 2px; }\n.hour {\n  background:#efefef;\n  border:1px solid #e0d7e6;\n  padding:10px 14px;\n  border-radius:12px;\n  font-weight:700;\n  cursor:pointer;\n  transition: transform .08s ease, box-shadow .08s ease;\n}\n.hour:hover { transform: translateY(-3px); }\n.hour.selected {\n  background: linear-gradient(180deg,#b79bd6,#9b7ac2);\n  color:#fff;\n  box-shadow: inset 0 -4px rgba(0,0,0,0.08);\n  border-color: transparent;\n}\n\n.tr-actions { text-align:center; margin-top:8px; }\n.confirm-btn {\n  background:#7a2f2f;\n  color:#fff;\n  border:0;\n  padding:12px 44px;\n  border-radius:14px;\n  font-weight:800;\n  letter-spacing:0.6px;\n  cursor:pointer;\n  box-shadow:0 8px 0 rgba(122,47,47,0.08);\n}\n.confirm-btn:active { transform: translateY(2px); box-shadow:none; }\n\n@media (max-width:600px){\n  .tr-shell { padding:12px; }\n  .tr-topbar { padding:14px; }\n  .tr-card { padding:16px; }\n  .hours-wrap { gap:8px; }\n  .hour { padding:10px 12px; font-size:14px; }\n}\n<\/style>\n\n<script>\n\/* JS purement visuel pour la s\u00e9lection d\u2019un cr\u00e9neau et animation du bouton CONFIRMER *\/\n(function(){\n  \/\/ S\u00e9lection des horaires\n  const hours = document.querySelectorAll('.hour');\n  hours.forEach(b => b.addEventListener('click', () => {\n    hours.forEach(x => x.classList.remove('selected'));\n    b.classList.add('selected');\n  }));\n\n  \/\/ Bouton CONFIRMER \u2014 uniquement animation visuelle\n  const btn = document.getElementById('confirm-visual');\n  btn.addEventListener('click', () => {\n    btn.textContent = '\u2714\ufe0e Confirm\u00e9';\n    setTimeout(()=> btn.textContent = 'CONFIRMER', 1400);\n  });\n\n  \/\/ La partie date est d\u00e9sactiv\u00e9e : rien ne s'affiche en haut\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9server une table Jour Personnes 1 personne2 personnes3 personnes4 personnes5 personnes6 personnes7 personnes8 personnes9 personnes10 personnes Horaires 12:00 12:30 13:00 13:30 14:00 14:30 15:00 15:30 16:00 16:30 17:00 17:30 18:00 18:30 Nom Email T\u00e9l CONFIRMER<\/p>\n","protected":false},"author":1,"featured_media":39,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-280","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>R\u00e9server une table<\/title>\n<meta name=\"description\" content=\"R\u00e9server une table chez nous ! Choisissez un cr\u00e9neau, le nombre de personne, nom, pr\u00e9nom et un email. C&#039;est aussi simple que \u00e7a !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/meowcoffee.fr\/?page_id=280\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00e9server une table\" \/>\n<meta property=\"og:description\" content=\"R\u00e9server une table chez nous ! Choisissez un cr\u00e9neau, le nombre de personne, nom, pr\u00e9nom et un email. C&#039;est aussi simple que \u00e7a !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/meowcoffee.fr\/?page_id=280\" \/>\n<meta property=\"og:site_name\" content=\"Meow coffee\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T13:28:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"547\" \/>\n\t<meta property=\"og:image:height\" content=\"422\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/meowcoffee.fr\/?page_id=280\",\"url\":\"https:\/\/meowcoffee.fr\/?page_id=280\",\"name\":\"R\u00e9server une table\",\"isPartOf\":{\"@id\":\"https:\/\/meowcoffee.fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/meowcoffee.fr\/?page_id=280#primaryimage\"},\"image\":{\"@id\":\"https:\/\/meowcoffee.fr\/?page_id=280#primaryimage\"},\"thumbnailUrl\":\"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png\",\"datePublished\":\"2025-11-17T18:13:27+00:00\",\"dateModified\":\"2025-11-26T13:28:24+00:00\",\"description\":\"R\u00e9server une table chez nous ! Choisissez un cr\u00e9neau, le nombre de personne, nom, pr\u00e9nom et un email. C'est aussi simple que \u00e7a !\",\"breadcrumb\":{\"@id\":\"https:\/\/meowcoffee.fr\/?page_id=280#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/meowcoffee.fr\/?page_id=280\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/meowcoffee.fr\/?page_id=280#primaryimage\",\"url\":\"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png\",\"contentUrl\":\"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png\",\"width\":547,\"height\":422,\"caption\":\"image table\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/meowcoffee.fr\/?page_id=280#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/meowcoffee.fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"R\u00e9servation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/meowcoffee.fr\/#website\",\"url\":\"https:\/\/meowcoffee.fr\/\",\"name\":\"Meow coffee\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/meowcoffee.fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/meowcoffee.fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/meowcoffee.fr\/#organization\",\"name\":\"Meow coffee\",\"url\":\"https:\/\/meowcoffee.fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/meowcoffee.fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/logo.svg\",\"contentUrl\":\"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/logo.svg\",\"width\":684,\"height\":629,\"caption\":\"Meow coffee\"},\"image\":{\"@id\":\"https:\/\/meowcoffee.fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"R\u00e9server une table","description":"R\u00e9server une table chez nous ! Choisissez un cr\u00e9neau, le nombre de personne, nom, pr\u00e9nom et un email. C'est aussi simple que \u00e7a !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/meowcoffee.fr\/?page_id=280","og_locale":"fr_FR","og_type":"article","og_title":"R\u00e9server une table","og_description":"R\u00e9server une table chez nous ! Choisissez un cr\u00e9neau, le nombre de personne, nom, pr\u00e9nom et un email. C'est aussi simple que \u00e7a !","og_url":"https:\/\/meowcoffee.fr\/?page_id=280","og_site_name":"Meow coffee","article_modified_time":"2025-11-26T13:28:24+00:00","og_image":[{"width":547,"height":422,"url":"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/meowcoffee.fr\/?page_id=280","url":"https:\/\/meowcoffee.fr\/?page_id=280","name":"R\u00e9server une table","isPartOf":{"@id":"https:\/\/meowcoffee.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/meowcoffee.fr\/?page_id=280#primaryimage"},"image":{"@id":"https:\/\/meowcoffee.fr\/?page_id=280#primaryimage"},"thumbnailUrl":"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png","datePublished":"2025-11-17T18:13:27+00:00","dateModified":"2025-11-26T13:28:24+00:00","description":"R\u00e9server une table chez nous ! Choisissez un cr\u00e9neau, le nombre de personne, nom, pr\u00e9nom et un email. C'est aussi simple que \u00e7a !","breadcrumb":{"@id":"https:\/\/meowcoffee.fr\/?page_id=280#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/meowcoffee.fr\/?page_id=280"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/meowcoffee.fr\/?page_id=280#primaryimage","url":"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png","contentUrl":"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/table-min.png","width":547,"height":422,"caption":"image table"},{"@type":"BreadcrumbList","@id":"https:\/\/meowcoffee.fr\/?page_id=280#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/meowcoffee.fr\/"},{"@type":"ListItem","position":2,"name":"R\u00e9servation"}]},{"@type":"WebSite","@id":"https:\/\/meowcoffee.fr\/#website","url":"https:\/\/meowcoffee.fr\/","name":"Meow coffee","description":"","publisher":{"@id":"https:\/\/meowcoffee.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/meowcoffee.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/meowcoffee.fr\/#organization","name":"Meow coffee","url":"https:\/\/meowcoffee.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/meowcoffee.fr\/#\/schema\/logo\/image\/","url":"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/logo.svg","contentUrl":"https:\/\/meowcoffee.fr\/wp-content\/uploads\/2025\/11\/logo.svg","width":684,"height":629,"caption":"Meow coffee"},"image":{"@id":"https:\/\/meowcoffee.fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=\/wp\/v2\/pages\/280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=280"}],"version-history":[{"count":14,"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions"}],"predecessor-version":[{"id":488,"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=\/wp\/v2\/pages\/280\/revisions\/488"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=\/wp\/v2\/media\/39"}],"wp:attachment":[{"href":"https:\/\/meowcoffee.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}