{"id":244,"date":"2025-07-14T17:01:52","date_gmt":"2025-07-14T17:01:52","guid":{"rendered":"https:\/\/expertdiag.ma\/?page_id=244"},"modified":"2025-08-07T17:09:13","modified_gmt":"2025-08-07T17:09:13","slug":"avis-client","status":"publish","type":"page","link":"https:\/\/expertdiag.ma\/?page_id=244","title":{"rendered":"avis client"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"244\" class=\"elementor elementor-244\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79c476f e-flex e-con-boxed e-con e-parent\" data-id=\"79c476f\" 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-6d024a9 elementor-widget elementor-widget-html\" data-id=\"6d024a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"\r\n  background: linear-gradient(135deg, #e6f2ed 0%, #f9fcfb 100%);\r\n  padding: 50px 15px;\r\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n  color: #064635;\r\n  max-width: 100%;\r\n  box-sizing: border-box;\r\n\">\r\n\r\n  <h2 style=\"\r\n    font-weight: 900;\r\n    font-size: 2.6em;\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    letter-spacing: 1px;\r\n    color: #064635;\r\n  \">\r\n    Ce que disent nos clients\r\n  <\/h2>\r\n\r\n  <ul id=\"reviewList\" style=\"\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 auto;\r\n    max-width: 720px;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 35px;\r\n  \" aria-live=\"polite\" aria-atomic=\"true\">\r\n    <!-- Avis seront inject\u00e9s ici -->\r\n  <\/ul>\r\n\r\n  <form id=\"reviewForm\" aria-label=\"Formulaire d'avis client\" style=\"\r\n    max-width: 720px;\r\n    margin: 50px auto 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n  \">\r\n    <input type=\"text\" name=\"name\" placeholder=\"Votre nom\" required style=\"\r\n      padding: 14px 18px;\r\n      font-size: 1em;\r\n      border: 2px solid #64a832;\r\n      border-radius: 12px;\r\n      color: #064635;\r\n      font-family: inherit;\r\n    \"\/>\r\n    <input type=\"text\" name=\"location\" placeholder=\"Votre ville\" required style=\"\r\n      padding: 14px 18px;\r\n      font-size: 1em;\r\n      border: 2px solid #64a832;\r\n      border-radius: 12px;\r\n      color: #064635;\r\n      font-family: inherit;\r\n    \"\/>\r\n    <textarea name=\"review\" placeholder=\"Votre avis\" rows=\"5\" required style=\"\r\n      padding: 14px 18px;\r\n      font-size: 1em;\r\n      border: 2px solid #64a832;\r\n      border-radius: 12px;\r\n      resize: none;\r\n      color: #064635;\r\n      font-family: inherit;\r\n    \"><\/textarea>\r\n    <select name=\"rating\" required style=\"\r\n      padding: 14px 18px;\r\n      font-size: 1em;\r\n      border: 2px solid #64a832;\r\n      border-radius: 12px;\r\n      color: #064635;\r\n      font-family: inherit;\r\n    \">\r\n      <option value=\"\" disabled selected>Note<\/option>\r\n      <option value=\"5\">\u2605\u2605\u2605\u2605\u2605 (Excellent)<\/option>\r\n      <option value=\"4\">\u2605\u2605\u2605\u2605\u2606 (Tr\u00e8s bon)<\/option>\r\n      <option value=\"3\">\u2605\u2605\u2605\u2606\u2606 (Bon)<\/option>\r\n      <option value=\"2\">\u2605\u2605\u2606\u2606\u2606 (Moyen)<\/option>\r\n      <option value=\"1\">\u2605\u2606\u2606\u2606\u2606 (Insuffisant)<\/option>\r\n    <\/select>\r\n    <button type=\"submit\" style=\"\r\n      background: #64a832;\r\n      color: #eaf9ea;\r\n      font-weight: 900;\r\n      padding: 16px 0;\r\n      border: none;\r\n      border-radius: 14px;\r\n      cursor: pointer;\r\n      font-size: 1.2em;\r\n      letter-spacing: 0.5px;\r\n      transition: background-color 0.3s ease;\r\n    \" onmouseenter=\"this.style.background='#8bc34a'\" onmouseleave=\"this.style.background='#64a832'\">\r\n      Envoyer\r\n    <\/button>\r\n  <\/form>\r\n\r\n  <script>\r\n    const reviews = [\r\n      {\r\n        name: \"Ahmed M.\",\r\n        location: \"Casablanca\",\r\n        review: \"Service tr\u00e8s professionnel, diagnostic pr\u00e9cis et rapide. Je recommande ExpertDiag \u00e0 tous ceux qui veulent acheter une voiture en toute confiance.\",\r\n        rating: 5\r\n      },\r\n      {\r\n        name: \"Sofia L.\",\r\n        location: \"Rabat\",\r\n        review: \"Une \u00e9quipe \u00e0 l\u2019\u00e9coute, un service impeccable et un rapport d\u00e9taill\u00e9 qui m\u2019a beaucoup aid\u00e9 dans mon achat.\",\r\n        rating: 4\r\n      },\r\n      {\r\n        name: \"Youssef B.\",\r\n        location: \"Marrakech\",\r\n        review: \"Je suis tr\u00e8s satisfait du diagnostic r\u00e9alis\u00e9, transparence et expertise au rendez-vous. Merci ExpertDiag !\",\r\n        rating: 5\r\n      }\r\n    ];\r\n\r\n    const reviewList = document.getElementById(\"reviewList\");\r\n    const reviewForm = document.getElementById(\"reviewForm\");\r\n\r\n    function starsHTML(rating) {\r\n      const fullStar = '\u2605';\r\n      const emptyStar = '\u2606';\r\n      return fullStar.repeat(rating) + emptyStar.repeat(5 - rating);\r\n    }\r\n\r\n    function renderReviews() {\r\n      reviewList.innerHTML = \"\";\r\n      reviews.forEach(({name, location, review, rating}, i) => {\r\n        const li = document.createElement(\"li\");\r\n        li.style.padding = \"20px 25px\";\r\n        li.style.borderLeft = \"4px solid #64a832\";\r\n        li.style.background = \"rgba(100, 168, 50, 0.08)\";\r\n        li.style.borderRadius = \"14px\";\r\n        li.style.color = \"#264d26\";\r\n        li.style.boxShadow = \"inset 0 0 12px rgb(100 168 50 \/ 0.15)\";\r\n        li.style.fontSize = \"1.1em\";\r\n        li.style.lineHeight = \"1.5\";\r\n        li.innerHTML = `\r\n          <p style=\"font-style: italic; margin-bottom: 15px;\">\u201c${review}\u201d<\/p>\r\n          <div style=\"color: #64a832; font-size: 1.4em; letter-spacing: 1.2px; margin-bottom: 15px;\" aria-label=\"Note ${rating} \u00e9toiles\">${starsHTML(rating)}<\/div>\r\n          <div style=\"font-weight: 700; color: #064635;\">${name} <span style=\"font-weight: 400; color: #4a7a60;\">\u2014 ${location}<\/span><\/div>\r\n        `;\r\n        reviewList.appendChild(li);\r\n      });\r\n    }\r\n\r\n    reviewForm.addEventListener(\"submit\", e => {\r\n      e.preventDefault();\r\n      const formData = new FormData(reviewForm);\r\n      const newReview = {\r\n        name: formData.get(\"name\").trim(),\r\n        location: formData.get(\"location\").trim(),\r\n        review: formData.get(\"review\").trim(),\r\n        rating: Number(formData.get(\"rating\"))\r\n      };\r\n      reviews.unshift(newReview);\r\n      renderReviews();\r\n      reviewForm.reset();\r\n      reviewForm.querySelector(\"input\").focus();\r\n      alert(\"Merci pour votre avis, il sera publi\u00e9 bient\u00f4t !\");\r\n    });\r\n\r\n    renderReviews();\r\n  <\/script>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f717218 e-flex e-con-boxed e-con e-parent\" data-id=\"f717218\" 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-5d2018f elementor-widget elementor-widget-html\" data-id=\"5d2018f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section style=\"\r\n  background: white;\r\n  padding: 80px 20px;\r\n  text-align: center;\r\n  max-width: 700px;\r\n  margin: 50px auto;\r\n  font-family: 'Segoe UI', sans-serif;\r\n  border-radius: 24px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n  position: relative;\r\n  overflow: hidden;\r\n\">\r\n\r\n  <!-- Conteneur logo avec n\u00e9on anim\u00e9 -->\r\n  <div style=\"\r\n    display: inline-block;\r\n    padding: 30px;\r\n    border-radius: 50%;\r\n    box-shadow:\r\n      0 0 10px #085648,\r\n      0 0 30px #3caea3,\r\n      0 0 60px #085648,\r\n      inset 0 0 20px #3caea3;\r\n    animation: neonPulse 3s ease-in-out infinite alternate;\r\n    margin-bottom: 35px;\r\n  \">\r\n    <img decoding=\"async\" src=\"https:\/\/expertdiag.ma\/wp-content\/uploads\/2025\/07\/cropped-WhatsApp-Image-2025-06-13-a-00.57-Photoroom-1.png\" \r\n         alt=\"Logo ExpertDiag\" \r\n         style=\"max-width: 160px; width: 100%; height: auto;\">\r\n  <\/div>\r\n\r\n  <h2 style=\"\r\n    font-weight: 900;\r\n    font-size: 2.8em;\r\n    margin-bottom: 15px;\r\n    color: #085648;\r\n    cursor: pointer;\r\n    transition: color 0.4s ease;\r\n  \" \r\n  onmouseover=\"this.style.color='#3caea3'\" \r\n  onmouseout=\"this.style.color='#085648'\">\r\n    ExpertDiag, confiance et expertise\r\n  <\/h2>\r\n\r\n  <p style=\"\r\n    font-size: 1.2em; \r\n    max-width: 520px; \r\n    margin: 0 auto; \r\n    line-height: 1.5;\r\n    color: #3c3c3c;\r\n  \">\r\n    Votre partenaire de confiance pour un diagnostic automobile pr\u00e9cis et transparent.\r\n  <\/p>\r\n\r\n  <style>\r\n    @keyframes neonPulse {\r\n      0% {\r\n        box-shadow:\r\n          0 0 10px #085648,\r\n          0 0 30px #3caea3,\r\n          0 0 60px #085648,\r\n          inset 0 0 20px #3caea3;\r\n      }\r\n      100% {\r\n        box-shadow:\r\n          0 0 20px #3caea3,\r\n          0 0 50px #085648,\r\n          0 0 100px #3caea3,\r\n          inset 0 0 40px #085648;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\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>Ce que disent nos clients Note\u2605\u2605\u2605\u2605\u2605 (Excellent)\u2605\u2605\u2605\u2605\u2606 (Tr\u00e8s bon)\u2605\u2605\u2605\u2606\u2606 (Bon)\u2605\u2605\u2606\u2606\u2606 (Moyen)\u2605\u2606\u2606\u2606\u2606 (Insuffisant) Envoyer ExpertDiag, confiance et expertise Votre partenaire de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","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":"","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-244","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"admin_ed","author_link":"https:\/\/expertdiag.ma\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Ce que disent nos clients Note\u2605\u2605\u2605\u2605\u2605 (Excellent)\u2605\u2605\u2605\u2605\u2606 (Tr\u00e8s bon)\u2605\u2605\u2605\u2606\u2606 (Bon)\u2605\u2605\u2606\u2606\u2606 (Moyen)\u2605\u2606\u2606\u2606\u2606 (Insuffisant) Envoyer ExpertDiag, confiance et expertise Votre partenaire de [&hellip;]","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=244"}],"version-history":[{"count":31,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/244\/revisions"}],"predecessor-version":[{"id":462,"href":"https:\/\/expertdiag.ma\/index.php?rest_route=\/wp\/v2\/pages\/244\/revisions\/462"}],"wp:attachment":[{"href":"https:\/\/expertdiag.ma\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}