{"id":5763,"date":"2025-12-15T23:41:55","date_gmt":"2025-12-15T23:41:55","guid":{"rendered":"https:\/\/yoddifashion.com\/?page_id=5763"},"modified":"2025-12-16T00:27:28","modified_gmt":"2025-12-16T00:27:28","slug":"contact","status":"publish","type":"page","link":"https:\/\/yoddifashion.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"5763\" class=\"elementor elementor-5763\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1286f3e e-flex e-con-boxed e-con e-parent\" data-id=\"1286f3e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e6ce5b elementor-widget elementor-widget-html\" data-id=\"8e6ce5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- YODDI FASHION - Formulaire de Contact Web3Forms -->\r\n<!-- Coller ce code dans un widget HTML Elementor -->\r\n\r\n<style>\r\n\/* ========================================\r\n   YODDI FORM - CSS SCOP\u00c9 (ne modifie pas Elementor)\r\n   ======================================== *\/\r\n.yoddi-form-wrapper * {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.yoddi-form-wrapper {\r\n  --yoddi-black: #000000;\r\n  --yoddi-white: #FFFFFF;\r\n  --yoddi-copper: #CB7A40;\r\n  --yoddi-peach: #FFE9E5;\r\n  --yoddi-gray-dark: #54595F;\r\n  --yoddi-gray-medium: #7A7A7A;\r\n  --yoddi-gray-light: #5A5A5A;\r\n  --yoddi-border: #DEDEDE;\r\n  --yoddi-pink: #F42958;\r\n  --yoddi-green: #61CE70;\r\n  \r\n  font-family: 'sofia-pro', 'Poppins', -apple-system, sans-serif;\r\n  max-width: 100%;\r\n  margin: 0 auto;\r\n  padding: 0;\r\n}\r\n\r\n\/* Container principal *\/\r\n.yoddi-form-container {\r\n  background: var(--yoddi-white);\r\n  border-radius: 24px;\r\n  padding: 48px 40px;\r\n  box-shadow: \r\n    0 4px 6px -1px rgba(0, 0, 0, 0.05),\r\n    0 20px 40px -8px rgba(203, 122, 64, 0.12);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Accent d\u00e9coratif *\/\r\n.yoddi-form-container::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, var(--yoddi-copper), var(--yoddi-pink), var(--yoddi-copper));\r\n}\r\n\r\n\/* Header du formulaire *\/\r\n.yoddi-form-header {\r\n  text-align: center;\r\n  margin-bottom: 36px;\r\n}\r\n\r\n.yoddi-form-icon {\r\n  width: 64px;\r\n  height: 64px;\r\n  background: var(--yoddi-peach);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px;\r\n  animation: yoddi-float 3s ease-in-out infinite;\r\n}\r\n\r\n@keyframes yoddi-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-6px); }\r\n}\r\n\r\n.yoddi-form-icon svg {\r\n  width: 28px;\r\n  height: 28px;\r\n  color: var(--yoddi-copper);\r\n}\r\n\r\n.yoddi-form-title {\r\n  font-family: 'GT Walsheim', 'Playfair Display', Georgia, serif;\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: var(--yoddi-black);\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.yoddi-form-subtitle {\r\n  font-size: 15px;\r\n  color: var(--yoddi-gray-medium);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* Groupes de champs *\/\r\n.yoddi-form-row {\r\n  display: flex;\r\n  gap: 16px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.yoddi-form-group {\r\n  flex: 1;\r\n  position: relative;\r\n}\r\n\r\n.yoddi-form-group.full-width {\r\n  width: 100%;\r\n}\r\n\r\n\/* Labels *\/\r\n.yoddi-form-label {\r\n  display: block;\r\n  font-size: 12px;\r\n  font-weight: 500;\r\n  color: var(--yoddi-gray-dark);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.yoddi-form-label span {\r\n  color: var(--yoddi-copper);\r\n}\r\n\r\n\/* Inputs *\/\r\n.yoddi-form-input,\r\n.yoddi-form-textarea {\r\n  width: 100%;\r\n  padding: 16px 18px;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  color: var(--yoddi-black);\r\n  background: var(--yoddi-white);\r\n  border: 1.5px solid var(--yoddi-border);\r\n  border-radius: 12px;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  outline: none;\r\n}\r\n\r\n.yoddi-form-input:hover,\r\n.yoddi-form-textarea:hover {\r\n  border-color: #BEBEBE;\r\n}\r\n\r\n.yoddi-form-input:focus,\r\n.yoddi-form-textarea:focus {\r\n  border-color: var(--yoddi-copper);\r\n  box-shadow: 0 0 0 4px rgba(203, 122, 64, 0.1);\r\n}\r\n\r\n.yoddi-form-input::placeholder,\r\n.yoddi-form-textarea::placeholder {\r\n  color: #AAAAAA;\r\n}\r\n\r\n\/* Textarea *\/\r\n.yoddi-form-textarea {\r\n  min-height: 130px;\r\n  resize: vertical;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* Ic\u00f4ne dans l'input *\/\r\n.yoddi-input-icon {\r\n  position: absolute;\r\n  right: 16px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  color: var(--yoddi-border);\r\n  pointer-events: none;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.yoddi-form-group:focus-within .yoddi-input-icon {\r\n  color: var(--yoddi-copper);\r\n}\r\n\r\n\/* Bouton submit *\/\r\n.yoddi-form-submit {\r\n  width: 100%;\r\n  padding: 18px 32px;\r\n  margin-top: 28px;\r\n  font-family: inherit;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.12em;\r\n  color: var(--yoddi-white);\r\n  background: var(--yoddi-black);\r\n  border: none;\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.yoddi-form-submit::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.yoddi-form-submit:hover {\r\n  background: var(--yoddi-copper);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 24px -4px rgba(203, 122, 64, 0.4);\r\n}\r\n\r\n.yoddi-form-submit:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.yoddi-form-submit:active {\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u00c9tat de chargement *\/\r\n.yoddi-form-submit.loading {\r\n  pointer-events: none;\r\n  opacity: 0.8;\r\n}\r\n\r\n.yoddi-form-submit.loading::after {\r\n  content: '';\r\n  width: 18px;\r\n  height: 18px;\r\n  border: 2px solid transparent;\r\n  border-top-color: var(--yoddi-white);\r\n  border-radius: 50%;\r\n  animation: yoddi-spin 0.8s linear infinite;\r\n  display: inline-block;\r\n  margin-left: 10px;\r\n  vertical-align: middle;\r\n}\r\n\r\n@keyframes yoddi-spin {\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Footer *\/\r\n.yoddi-form-footer {\r\n  text-align: center;\r\n  margin-top: 24px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(--yoddi-border);\r\n}\r\n\r\n.yoddi-form-footer p {\r\n  font-size: 13px;\r\n  color: var(--yoddi-gray-medium);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n}\r\n\r\n.yoddi-form-footer svg {\r\n  width: 14px;\r\n  height: 14px;\r\n  color: var(--yoddi-green);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 540px) {\r\n  .yoddi-form-container {\r\n    padding: 36px 24px;\r\n    border-radius: 20px;\r\n  }\r\n  \r\n  .yoddi-form-row {\r\n    flex-direction: column;\r\n    gap: 0;\r\n  }\r\n  \r\n  .yoddi-form-group {\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .yoddi-form-title {\r\n    font-size: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"yoddi-form-wrapper\">\r\n  <div class=\"yoddi-form-container\">\r\n    \r\n    <!-- Header -->\r\n    <div class=\"yoddi-form-header\">\r\n      <div class=\"yoddi-form-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h2 class=\"yoddi-form-title\">Contact us<\/h2>\r\n      <p class=\"yoddi-form-subtitle\">We'll get back to you as soon as possible.<\/p>\r\n    <\/div>\r\n    \r\n    <!-- Formulaire Web3Forms -->\r\n    <form action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\" id=\"yoddiContactForm\">\r\n      \r\n      <!-- Cl\u00e9 API Web3Forms -->\r\n      <input type=\"hidden\" name=\"access_key\" value=\"3b2f2267-fd38-42fa-bda2-951eb6feac9b\">\r\n      \r\n      <!-- Page de redirection apr\u00e8s soumission -->\r\n      <input type=\"hidden\" name=\"redirect\" value=\"https:\/\/yoddifashion.com\/recu\/\">\r\n      \r\n      <!-- Sujet de l'email -->\r\n      <input type=\"hidden\" name=\"subject\" value=\"Nouveau message - Yoddi Fashion\">\r\n      \r\n      <!-- Anti-spam honeypot -->\r\n      <input type=\"hidden\" name=\"botcheck\" style=\"display: none;\">\r\n      \r\n      <!-- Nom & Pr\u00e9nom -->\r\n      <div class=\"yoddi-form-row\">\r\n        <div class=\"yoddi-form-group\">\r\n          <label class=\"yoddi-form-label\" for=\"yoddi-nom\">Name <span>*<\/span><\/label>\r\n          <input \r\n            type=\"text\" \r\n            id=\"yoddi-nom\" \r\n            name=\"nom\" \r\n            class=\"yoddi-form-input\" \r\n            placeholder=\"Your name\"\r\n            required\r\n>\r\n        <\/div>\r\n        <div class=\"yoddi-form-group\">\r\n          <label class=\"yoddi-form-label\" for=\"yoddi-prenom\">First name <span>*<\/span><\/label>\r\n          <input \r\n            type=\"text\" \r\n            id=\"yoddi-prenom\" \r\n            name=\"prenom\" \r\n            class=\"yoddi-form-input\" \r\n            placeholder=\"Your first name\"\r\n            required\r\n>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- T\u00e9l\u00e9phone -->\r\n      <div class=\"yoddi-form-group full-width\" style=\"margin-bottom: 20px;\">\r\n        <label class=\"yoddi-form-label\" for=\"yoddi-phone\">Phone <span>*<\/span><\/label>\r\n        <input \r\n          type=\"tel\" \r\n          id=\"yoddi-phone\" \r\n          name=\"telephone\" \r\n          class=\"yoddi-form-input\" \r\n          placeholder=\"+221 XX XXX XX XX\"\r\n          required\r\n>\r\n      <\/div>\r\n      \r\n      <!-- Message -->\r\n      <div class=\"yoddi-form-group full-width\">\r\n        <label class=\"yoddi-form-label\" for=\"yoddi-message\">Message <span>*<\/span><\/label>\r\n        <textarea \r\n          id=\"yoddi-message\" \r\n          name=\"message\" \r\n          class=\"yoddi-form-textarea\" \r\n          placeholder=\"How can we help you?\"\r\n          required\r\n><\/textarea>\r\n      <\/div>\r\n      \r\n      <!-- Bouton Submit -->\r\n      <button type=\"submit\" class=\"yoddi-form-submit\">\r\n        Send message\r\n      <\/button>\r\n      \r\n    <\/form>\r\n    \r\n    <!-- Footer -->\r\n    <div class=\"yoddi-form-footer\">\r\n      <p>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/>\r\n        <\/svg>\r\n        Your data is secure and confidential\r\n      <\/p>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Animation du bouton au submit\r\n(function() {\r\n  const form = document.getElementById('yoddiContactForm');\r\n  if (form) {\r\n    form.addEventListener('submit', function() {\r\n      const btn = form.querySelector('.yoddi-form-submit');\r\n      if (btn) {\r\n        btn.classList.add('loading');\r\n        btn.innerHTML = 'Envoi en cours';\r\n      }\r\n    });\r\n  }\r\n})();\r\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>","protected":false},"excerpt":{"rendered":"<p>Contactez-nous Nous vous r\u00e9pondrons dans les plus brefs d\u00e9lais Nom * Pr\u00e9nom * T\u00e9l\u00e9phone * Message * Envoyer le message Vos donn\u00e9es sont s\u00e9curis\u00e9es et confidentielles<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":14,"footnotes":""},"class_list":["post-5763","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/pages\/5763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/comments?post=5763"}],"version-history":[{"count":19,"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/pages\/5763\/revisions"}],"predecessor-version":[{"id":5805,"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/pages\/5763\/revisions\/5805"}],"wp:attachment":[{"href":"https:\/\/yoddifashion.com\/en\/wp-json\/wp\/v2\/media?parent=5763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}