{"id":42,"date":"2026-01-09T17:13:54","date_gmt":"2026-01-09T16:13:54","guid":{"rendered":"https:\/\/alapetitereine.com\/?page_id=42"},"modified":"2026-02-03T16:43:08","modified_gmt":"2026-02-03T15:43:08","slug":"demande-devis","status":"publish","type":"page","link":"https:\/\/alapetitereine.com\/en\/demande-devis\/","title":{"rendered":"Quote Request"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42\" class=\"elementor elementor-42\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d549b8b e-flex e-con-boxed e-con e-parent\" data-id=\"d549b8b\" 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-7248d97 elementor-widget elementor-widget-html\" data-id=\"7248d97\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.apr-recaptcha-wrap {\r\n  width: 100%;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.apr-recaptcha-wrap .g-recaptcha {\r\n  transform-origin: 0 0;\r\n}\r\n\r\n.apr-contact-page {\r\n  max-width: 900px;\r\n  margin: 40px auto;\r\n  padding: 30px;\r\n  background: #ffffff;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.06);\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.apr-contact-page h1 {\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 34px;\r\n  color: #0A3B5C;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.apr-contact-page p.intro {\r\n  color: #556;\r\n  font-size: 16px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.apr-contact-form {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.apr-contact-form .full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.apr-contact-form label {\r\n  font-size: 14px;\r\n  color: #0A3B5C;\r\n  font-weight: 600;\r\n  margin-bottom: 6px;\r\n  display: block;\r\n}\r\n\r\n.apr-contact-form input,\r\n.apr-contact-form textarea {\r\n  width: 100%;\r\n  padding: 12px 14px;\r\n  border-radius: 8px;\r\n  border: 1px solid #d7dde5;\r\n  font-size: 14px;\r\n  resize: vertical;\r\n}\r\n\r\n.apr-submit {\r\n  grid-column: 1 \/ -1;\r\n  padding: 14px 20px;\r\n  border-radius: 10px;\r\n  background: #B6D800;\r\n  color: #0A3B5C;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-weight: 600;\r\n  border: none;\r\n  cursor: pointer;\r\n}\r\n\r\n.apr-required {\r\n  color: #e53935;\r\n  margin-left: 4px;\r\n  font-weight: 700;\r\n}\r\n\r\n.apr-form-error {\r\n  display: none;\r\n  grid-column: 1 \/ -1;\r\n  padding: 14px 16px;\r\n  border-radius: 10px;\r\n  background: #fdecea;\r\n  color: #b71c1c;\r\n  font-size: 14px;\r\n  border-left: 4px solid #e53935;\r\n}\r\n\r\n.apr-form-success {\r\n  grid-column: 1 \/ -1;\r\n  padding: 14px 16px;\r\n  border-radius: 10px;\r\n  background: #e8f5e9;\r\n  color: #1b5e20;\r\n  font-size: 14px;\r\n  border-left: 4px solid #4caf50;\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"apr-contact-page\">\r\n  <h1>Demande de devis<\/h1>\r\n  <p class=\"intro\">\r\n    Vous avez rep\u00e9r\u00e9 un v\u00e9lo ou un accessoire qui vous int\u00e9resse ?\r\n    Remplissez ce formulaire et nous vous r\u00e9pondrons rapidement.\r\n  <\/p>\r\n  \r\n  <p style=\"font-size:13px;color:#777;margin-top:8px;\">\r\n    <span class=\"apr-required\">*<\/span> Champs obligatoires\r\n  <\/p>\r\n\r\n\r\n  <form class=\"apr-contact-form\" id=\"aprForm\">\r\n  <input type=\"hidden\" name=\"action\" value=\"apr_send_quote\">\r\n  <input type=\"hidden\" name=\"apr_nonce\" value=\"<?php echo wp_create_nonce('apr_send_quote'); ?>\">\r\n  <input type=\"text\" name=\"website\" value=\"\" style=\"display:none;\">\r\n\r\n  <div class=\"apr-form-error\" id=\"aprError\"><\/div>\r\n  <div class=\"apr-form-success\" id=\"aprSuccess\" style=\"display:none;\"><\/div>\r\n\r\n  <div>\r\n    <label>Pr\u00e9nom <span class=\"apr-required\">*<\/span><\/label>\r\n    <input type=\"text\" name=\"prenom\" required>\r\n  <\/div>\r\n\r\n  <div>\r\n    <label>Nom <span class=\"apr-required\">*<\/span><\/label>\r\n    <input type=\"text\" name=\"nom\" required>\r\n  <\/div>\r\n\r\n  <div>\r\n    <label>Email <span class=\"apr-required\">*<\/span><\/label>\r\n    <input type=\"email\" name=\"email\" required>\r\n  <\/div>\r\n\r\n  <div>\r\n    <label>T\u00e9l\u00e9phone<\/label>\r\n    <input type=\"tel\" name=\"tel\">\r\n  <\/div>\r\n\r\n  <div class=\"full\">\r\n    <label>Produit concern\u00e9 <span class=\"apr-required\">*<\/span><\/label>\r\n    <input type=\"text\" id=\"produit\" name=\"produit\" required>\r\n  <\/div>\r\n\r\n  <div class=\"full\">\r\n    <label>Votre message<\/label>\r\n    <textarea name=\"message\"><\/textarea>\r\n  <\/div>\r\n\r\n  <div class=\"full\">\r\n    <div class=\"apr-recaptcha-wrap\">\r\n      <div class=\"g-recaptcha\" data-sitekey=\"6LfwkEksAAAAAMby1_KNLpxQklm4K9DClxxvbEOj\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <button type=\"submit\" class=\"apr-submit\">\ud83d\udce9 Envoyer ma demande<\/button>\r\n  <\/form>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\r\n\r\n<script>\r\ndocument.getElementById(\"aprForm\").addEventListener(\"submit\", async function(e) {\r\n  e.preventDefault();\r\n\r\n  const errorBox = document.getElementById(\"aprError\");\r\n  const successBox = document.getElementById(\"aprSuccess\");\r\n  errorBox.style.display = \"none\";\r\n  successBox.style.display = \"none\";\r\n\r\n  const required = this.querySelectorAll(\"[required]\");\r\n  for (let field of required) {\r\n    if (!field.value.trim()) {\r\n      errorBox.innerText = \"Merci de remplir tous les champs obligatoires.\";\r\n      errorBox.style.display = \"block\";\r\n      field.focus();\r\n      return;\r\n    }\r\n  }\r\n\r\n  if (typeof grecaptcha !== \"undefined\" && !grecaptcha.getResponse()) {\r\n    errorBox.innerText = \"Merci de valider le captcha.\";\r\n    errorBox.style.display = \"block\";\r\n    return;\r\n  }\r\n\r\n  const btn = this.querySelector(\"button\");\r\n  btn.disabled = true;\r\n  btn.innerText = \"Envoi en cours\u2026\";\r\n\r\n  const formData = new FormData(this);\r\n\r\n  const res = await fetch(\"\/wp-admin\/admin-post.php\", {\r\n    method: \"POST\",\r\n    body: formData\r\n  });\r\n\r\n  const text = await res.text();\r\n\r\n  btn.disabled = false;\r\n  btn.innerText = \"\ud83d\udce9 Envoyer ma demande\";\r\n\r\n  if (text.trim() === \"OK\") {\r\n    this.reset();\r\n    if (typeof grecaptcha !== \"undefined\") grecaptcha.reset();\r\n    successBox.innerText = \"Votre demande a bien \u00e9t\u00e9 envoy\u00e9e. Nous vous r\u00e9pondrons rapidement.\";\r\n    successBox.style.display = \"block\";\r\n  } else {\r\n    errorBox.innerText = text || \"Une erreur est survenue. Veuillez r\u00e9essayer.\";\r\n    errorBox.style.display = \"block\";\r\n  }\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n  const params = new URLSearchParams(window.location.search);\r\n  const produit = params.get(\"produit\");\r\n  if (produit) {\r\n    const input = document.getElementById(\"produit\");\r\n    if (input) input.value = decodeURIComponent(produit.replace(\/\\+\/g, \" \"));\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<script>\r\nfunction resizeCaptcha() {\r\n  const el = document.querySelector('.apr-recaptcha-wrap');\r\n  if (!el) return;\r\n\r\n  const captcha = el.querySelector('.g-recaptcha');\r\n  if (!captcha) return;\r\n\r\n  const parentWidth = el.offsetWidth;\r\n  const captchaWidth = 304;\r\n\r\n  if (parentWidth < captchaWidth) {\r\n    const scale = parentWidth \/ captchaWidth;\r\n    captcha.style.transform = \"scale(\" + scale + \")\";\r\n    captcha.style.height = (78 * scale) + \"px\";\r\n  } else {\r\n    captcha.style.transform = \"scale(1)\";\r\n    captcha.style.height = \"78px\";\r\n  }\r\n}\r\n\r\nwindow.addEventListener(\"load\", resizeCaptcha);\r\nwindow.addEventListener(\"resize\", resizeCaptcha);\r\n<\/script>\r\n\r\n\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>Demande de devis Vous avez rep\u00e9r\u00e9 un v\u00e9lo ou un accessoire qui vous int\u00e9resse ? Remplissez ce formulaire et nous [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":53,"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":1085,"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/pages\/42\/revisions\/1085"}],"wp:attachment":[{"href":"https:\/\/alapetitereine.com\/en\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}