{"id":10051,"date":"2025-07-01T11:40:58","date_gmt":"2025-07-01T11:40:58","guid":{"rendered":"https:\/\/derrick-draa.com\/?page_id=10051"},"modified":"2026-04-05T00:41:00","modified_gmt":"2026-04-05T00:41:00","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/derrick-draa.com\/index.php\/thank-you\/","title":{"rendered":"Thank you!"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10051\" class=\"elementor elementor-10051\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"no-position  elementor-element elementor-element-fc13952 e-flex e-con-boxed e-con e-parent\" data-id=\"fc13952\" 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-13b91f2 gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"13b91f2\" 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<!-- Meta Pixel Code -->\n<script>\n!function(f,b,e,v,n,t,s)\n{if(f.fbq)return;n=f.fbq=function(){n.callMethod?\nn.callMethod.apply(n,arguments):n.queue.push(arguments)};\nif(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\nn.queue=[];t=b.createElement(e);t.async=!0;\nt.src=v;s=b.getElementsByTagName(e)[0];\ns.parentNode.insertBefore(t,s)}(window, document,'script',\n'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\nfbq('init', '1459525512389625');\nfbq('track', 'Lead');\n<\/script>\n<noscript><img height=\"1\" width=\"1\" style=\"display:none\"\nsrc=\"https:\/\/www.facebook.com\/tr?id=1459525512389625&ev=PageView&noscript=1\"\n\/><\/noscript>\n<!-- End Meta Pixel Code -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a363ee gsap-move-no rs-tween_max_btn-no elementor-widget elementor-widget-html\" data-id=\"4a363ee\" 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 class=\"thank-you-section\">\r\n  <div class=\"thank-you-container\">\r\n    <!-- Success Header -->\r\n    <div class=\"success-header\">\r\n      <div class=\"success-icon\">\r\n        <i class=\"fas fa-check-circle\"><\/i>\r\n      <\/div>\r\n      <h1 class=\"success-title\">\r\n        <span class=\"highlight\">Merci pour votre demande !<\/span>\r\n        <span class=\"subtitle\">Votre devis a \u00e9t\u00e9 envoy\u00e9 avec succ\u00e8s<\/span>\r\n      <\/h1>\r\n      <div class=\"success-badge\">\r\n        <i class=\"fas fa-bolt\"><\/i> R\u00c9PONSE SOUS 24H GARANTIE\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content - Centered -->\r\n    <div class=\"thank-you-content\">\r\n      <!-- Steps Container -->\r\n      <div class=\"steps-container\">\r\n        <h2><i class=\"fas fa-route\"><\/i> Prochaines \u00e9tapes<\/h2>\r\n\r\n        <div class=\"step-item\">\r\n          <div class=\"step-number\">1<\/div>\r\n          <div class=\"step-content\">\r\n            <h3><i class=\"fas fa-user-tie\"><\/i> Analyse par nos experts<\/h3>\r\n            <p>Notre \u00e9quipe technique \u00e9tudie votre demande et pr\u00e9pare une proposition personnalis\u00e9e adapt\u00e9e \u00e0 vos besoins.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item\">\r\n          <div class=\"step-number\">2<\/div>\r\n          <div class=\"step-content\">\r\n            <h3><i class=\"fas fa-phone-alt\"><\/i> Contact sous 24h<\/h3>\r\n            <p>Un de nos conseillers vous contactera dans les 24h pour discuter de votre projet et vous pr\u00e9senter notre devis d\u00e9taill\u00e9.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"step-item\">\r\n          <div class=\"step-number\">3<\/div>\r\n          <div class=\"step-content\">\r\n            <h3><i class=\"fas fa-handshake\"><\/i> Finalisation<\/h3>\r\n            <p>Nous finalisons ensemble les d\u00e9tails de votre commande et planifions la livraison selon vos exigences.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Contact Info Card -->\r\n      <div class=\"contact-card\">\r\n        <h3><i class=\"fas fa-headset\"><\/i> Besoin d'aide imm\u00e9diate ?<\/h3>\r\n        <div class=\"contact-methods\">\r\n          <div class=\"contact-method\">\r\n            <i class=\"fas fa-phone\"><\/i>\r\n            <div>\r\n              <strong>Appelez-nous<\/strong>\r\n              <p>0662807395<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-method\">\r\n            <i class=\"fas fa-envelope\"><\/i>\r\n            <div>\r\n              <strong>\u00c9crivez-nous<\/strong>\r\n              <p>abouhfid@contrepair.net<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-method\">\r\n            <i class=\"fas fa-clock\"><\/i>\r\n            <div>\r\n              <strong>Horaires<\/strong>\r\n              <p>Lun-Ven: 8h-18h<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Add Font Awesome CDN *\/\r\n@import url('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css');\r\n\r\n.thank-you-section {\r\n  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);\r\n  min-height: 100vh;\r\n  padding: 40px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.thank-you-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 50%;\r\n  height: 100%;\r\n  background: linear-gradient(45deg, rgba(26, 54, 93, 0.05) 0%, rgba(220, 38, 38, 0.05) 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.thank-you-container {\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.success-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.success-icon {\r\n  font-size: 4rem;\r\n  color: #10b981;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.success-title {\r\n  font-size: 3rem;\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  margin-bottom: 20px;\r\n  color: #1a365d;\r\n}\r\n\r\n.success-title .highlight {\r\n  color: #dc2626;\r\n  display: block;\r\n}\r\n\r\n.success-title .subtitle {\r\n  color: #4a5568;\r\n  font-size: 2.2rem;\r\n  font-weight: 600;\r\n  display: block;\r\n}\r\n\r\n.success-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(45deg, #10b981, #059669);\r\n  color: white;\r\n  padding: 12px 30px;\r\n  border-radius: 30px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 1px;\r\n  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.success-badge i {\r\n  margin-right: 8px;\r\n}\r\n\r\n.thank-you-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n  align-items: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.steps-container {\r\n  background: white;\r\n  padding: 35px;\r\n  border-radius: 16px;\r\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n  border-top: 4px solid #dc2626;\r\n  width: 100%;\r\n  max-width: 700px;\r\n}\r\n\r\n.steps-container h2 {\r\n  color: #1a365d;\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  margin-bottom: 30px;\r\n  text-align: center;\r\n}\r\n\r\n.steps-container h2 i {\r\n  color: #dc2626;\r\n  margin-right: 10px;\r\n}\r\n\r\n.step-item {\r\n  display: flex;\r\n  gap: 20px;\r\n  margin-bottom: 25px;\r\n  align-items: flex-start;\r\n}\r\n\r\n.step-item:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.step-number {\r\n  background: linear-gradient(45deg, #dc2626, #b91c1c);\r\n  color: white;\r\n  width: 35px;\r\n  height: 35px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.step-content h3 {\r\n  color: #1a365d;\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.step-content h3 i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n  font-size: 1rem;\r\n}\r\n\r\n.step-content p {\r\n  color: #4a5568;\r\n  font-size: 1rem;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n.contact-card {\r\n  background: rgba(26, 54, 93, 0.05);\r\n  padding: 30px;\r\n  border-radius: 16px;\r\n  border-left: 4px solid #1a365d;\r\n  width: 100%;\r\n  max-width: 500px;\r\n}\r\n\r\n.contact-card h3 {\r\n  color: #1a365d;\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  text-align: center;\r\n}\r\n\r\n.contact-card h3 i {\r\n  color: #dc2626;\r\n  margin-right: 8px;\r\n}\r\n\r\n.contact-methods {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 15px;\r\n}\r\n\r\n.contact-method {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.contact-method i {\r\n  color: #dc2626;\r\n  font-size: 1.2rem;\r\n  width: 20px;\r\n  text-align: center;\r\n}\r\n\r\n.contact-method strong {\r\n  color: #1a365d;\r\n  font-size: 1rem;\r\n  display: block;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.contact-method p {\r\n  color: #4a5568;\r\n  font-size: 0.95rem;\r\n  margin: 0;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 768px) {\r\n  .thank-you-container {\r\n    padding: 0 20px;\r\n  }\r\n  \r\n  .thank-you-section {\r\n    padding: 30px 0;\r\n  }\r\n  \r\n  .success-header {\r\n    margin-bottom: 40px;\r\n  }\r\n  \r\n  .success-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .success-title .subtitle {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .success-icon {\r\n    font-size: 3rem;\r\n  }\r\n  \r\n  .steps-container,\r\n  .contact-card {\r\n    padding: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .success-title {\r\n    font-size: 1.7rem;\r\n  }\r\n  \r\n  .success-title .subtitle {\r\n    font-size: 1.3rem;\r\n  }\r\n  \r\n  .steps-container,\r\n  .contact-card {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .step-item {\r\n    gap: 15px;\r\n  }\r\n  \r\n  .step-number {\r\n    width: 30px;\r\n    height: 30px;\r\n    font-size: 1rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Add animation on scroll for step items\r\n  const observerOptions = {\r\n    threshold: 0.1,\r\n    rootMargin: '0px 0px -50px 0px'\r\n  };\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.style.opacity = '1';\r\n        entry.target.style.transform = 'translateY(0)';\r\n      }\r\n    });\r\n  }, observerOptions);\r\n\r\n  const stepItems = document.querySelectorAll('.step-item');\r\n  stepItems.forEach((item, index) => {\r\n    item.style.opacity = '0';\r\n    item.style.transform = 'translateY(20px)';\r\n    item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\r\n    observer.observe(item);\r\n  });\r\n});\r\n<\/script>\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>Merci pour votre demande ! Votre devis a \u00e9t\u00e9 envoy\u00e9 avec succ\u00e8s R\u00c9PONSE SOUS 24H GARANTIE Prochaines \u00e9tapes 1 Analyse par nos experts Notre \u00e9quipe technique \u00e9tudie votre demande et pr\u00e9pare une proposition personnalis\u00e9e adapt\u00e9e \u00e0 vos besoins. 2 Contact sous 24h Un de nos conseillers vous contactera dans les 24h pour discuter de votre&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10051","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages\/10051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/comments?post=10051"}],"version-history":[{"count":26,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages\/10051\/revisions"}],"predecessor-version":[{"id":10150,"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/pages\/10051\/revisions\/10150"}],"wp:attachment":[{"href":"https:\/\/derrick-draa.com\/index.php\/wp-json\/wp\/v2\/media?parent=10051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}