{"id":4439,"date":"2021-10-12T16:27:24","date_gmt":"2021-10-12T16:27:24","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=4439"},"modified":"2026-06-15T11:36:17","modified_gmt":"2026-06-15T10:36:17","slug":"contact","status":"publish","type":"page","link":"https:\/\/curla.ma\/ar\/contact\/","title":{"rendered":"\u062a\u0648\u0627\u0635\u0644\u0648\u0627 \u0645\u0639\u0646\u0627"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Contact \u2014 Curla<\/title>\n <meta name=\"description\" content=\"Une question, une commande, un retour ? L'\u00e9quipe Curla est disponible par email, WhatsApp et Instagram.\">\n\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* ============================================\n PALETTE (identique \u00e0 la home & \u00e0 propos)\n ============================================ *\/\n :root {\n --c-bg: #FBF6F2;\n --c-cream: #F5EBE2;\n --c-pink: #EDA4A9;\n --c-pink-soft: #F8D5D7;\n --c-pink-bg: #FCE9EB;\n --c-pink-deep: #D88891;\n --c-text: #2B1F1F;\n --c-muted: #8A7575;\n --c-line: rgba(43, 31, 31, 0.1);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Inter', sans-serif;\n background: var(--c-bg);\n color: var(--c-text);\n line-height: 1.7;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3 {\n font-family: 'DM Serif Display', serif;\n font-weight: 400;\n color: var(--c-text);\n line-height: 1.1;\n letter-spacing: -0.5px;\n }\n\n em { font-style: italic; color: var(--c-pink); }\n p { color: var(--c-muted); }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-size: 0.72rem;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--c-pink-deep);\n font-weight: 500;\n margin-bottom: 24px;\n }\n\n .eyebrow::before, .eyebrow::after {\n content: '';\n width: 32px;\n height: 1px;\n background: var(--c-pink-deep);\n }\n\n \/* ============================================\n SECTION 1 \u2014 HERO\n ============================================ *\/\n .hero {\n padding: 140px 6% 100px;\n text-align: center;\n background: linear-gradient(180deg, var(--c-pink-bg) 0%, var(--c-bg) 100%);\n }\n\n .hero h1 {\n font-size: clamp(2.4rem, 5vw, 4rem);\n margin-bottom: 28px;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n animation: fadeUp 0.7s ease-out;\n }\n\n .hero-intro {\n font-size: 1.1rem;\n max-width: 540px;\n margin: 0 auto;\n line-height: 1.8;\n animation: fadeUp 0.7s ease-out 0.2s both;\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(15px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ============================================\n SECTION 2 \u2014 CARTES DE CONTACT\n ============================================ *\/\n .contact-methods {\n padding: 90px 6% 70px;\n background: var(--c-bg);\n }\n\n .methods-grid {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n }\n\n .method-card {\n background: white;\n padding: 44px 32px;\n border-radius: 12px;\n text-align: center;\n text-decoration: none;\n color: inherit;\n border: 1px solid var(--c-line);\n transition: all 0.4s ease;\n display: block;\n }\n\n .method-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 50px rgba(43, 31, 31, 0.08);\n border-color: transparent;\n }\n\n .method-icon {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: var(--c-pink-bg);\n margin: 0 auto 22px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.3s;\n }\n\n .method-card:hover .method-icon {\n background: var(--c-pink-soft);\n }\n\n .method-icon svg {\n width: 26px;\n height: 26px;\n color: var(--c-pink-deep);\n stroke-width: 1.8;\n }\n\n .method-label {\n font-size: 0.72rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--c-muted);\n margin-bottom: 8px;\n font-weight: 500;\n }\n\n .method-value {\n font-family: 'DM Serif Display', serif;\n font-size: 1.15rem;\n color: var(--c-text);\n margin-bottom: 10px;\n word-break: break-word;\n }\n\n .method-cta {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 0.82rem;\n color: var(--c-pink-deep);\n font-weight: 500;\n letter-spacing: 0.5px;\n transition: gap 0.3s;\n }\n\n .method-card:hover .method-cta { gap: 10px; }\n\n \/* ============================================\n SECTION 3 \u2014 FORMULAIRE\n ============================================ *\/\n .form-section {\n padding: 100px 6% 130px;\n background: linear-gradient(180deg, var(--c-bg) 0%, var(--c-cream) 100%);\n }\n\n .form-wrap {\n max-width: 680px;\n margin: 0 auto;\n }\n\n .form-head {\n text-align: center;\n margin-bottom: 50px;\n }\n\n .form-head h2 {\n font-size: clamp(2rem, 3.5vw, 2.8rem);\n margin-bottom: 18px;\n }\n\n .form-head p {\n font-size: 1rem;\n max-width: 480px;\n margin: 0 auto;\n }\n\n .contact-form {\n background: white;\n padding: 48px 44px;\n border-radius: 14px;\n box-shadow: 0 30px 60px rgba(43, 31, 31, 0.06);\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n margin-bottom: 22px;\n }\n\n .form-field {\n display: flex;\n flex-direction: column;\n }\n\n .form-field.full { grid-column: 1 \/ -1; }\n\n .form-field label {\n font-size: 0.78rem;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--c-text);\n font-weight: 500;\n margin-bottom: 10px;\n }\n\n .form-field input,\n .form-field textarea {\n width: 100%;\n padding: 14px 18px;\n border: 1px solid var(--c-line);\n border-radius: 10px;\n font-family: 'Inter', sans-serif;\n font-size: 0.95rem;\n color: var(--c-text);\n background: var(--c-bg);\n outline: none;\n transition: all 0.3s ease;\n resize: vertical;\n }\n\n .form-field input::placeholder,\n .form-field textarea::placeholder {\n color: var(--c-muted);\n opacity: 0.7;\n }\n\n .form-field input:focus,\n .form-field textarea:focus {\n border-color: var(--c-pink);\n background: white;\n box-shadow: 0 0 0 4px rgba(237, 164, 169, 0.15);\n }\n\n .form-field textarea {\n min-height: 140px;\n font-family: 'Inter', sans-serif;\n }\n\n .form-submit {\n width: 100%;\n padding: 17px;\n border-radius: 50px;\n background: var(--c-pink);\n color: white;\n font-family: 'Inter', sans-serif;\n font-size: 0.92rem;\n font-weight: 500;\n letter-spacing: 1px;\n text-transform: uppercase;\n border: none;\n cursor: pointer;\n margin-top: 14px;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .form-submit:hover {\n background: var(--c-pink-deep);\n transform: translateY(-2px);\n box-shadow: 0 14px 30px rgba(216, 136, 145, 0.35);\n }\n\n .form-submit .arrow { transition: transform 0.3s; }\n .form-submit:hover .arrow { transform: translateX(4px); }\n\n .form-note {\n text-align: center;\n margin-top: 20px;\n font-size: 0.82rem;\n color: var(--c-muted);\n }\n\n \/* ============================================\n SECTION 4 \u2014 INFOS PRATIQUES (bandeau bas)\n ============================================ *\/\n .info-strip {\n padding: 60px 6%;\n background: var(--c-text);\n color: white;\n text-align: center;\n }\n\n .info-strip-grid {\n max-width: 900px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n }\n\n .info-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n\n .info-item svg {\n width: 24px;\n height: 24px;\n color: var(--c-pink-soft);\n stroke-width: 1.8;\n margin-bottom: 6px;\n }\n\n .info-label {\n font-size: 0.7rem;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--c-pink-soft);\n font-weight: 500;\n }\n\n .info-value {\n font-family: 'DM Serif Display', serif;\n font-size: 1.05rem;\n color: white;\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 900px) {\n .methods-grid {\n grid-template-columns: 1fr;\n gap: 18px;\n max-width: 480px;\n }\n .info-strip-grid {\n grid-template-columns: 1fr;\n gap: 28px;\n }\n }\n\n @media (max-width: 600px) {\n .hero { padding: 100px 5% 70px; }\n .contact-methods { padding: 60px 5% 40px; }\n .form-section { padding: 70px 5% 90px; }\n .info-strip { padding: 50px 5%; }\n .contact-form { padding: 32px 24px; border-radius: 10px; }\n .form-row { grid-template-columns: 1fr; gap: 18px; }\n .method-card { padding: 36px 28px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- ============================================ -->\n <!-- ============ HERO ========================== -->\n <!-- ============================================ -->\n <section class=\"hero\">\n <div class=\"eyebrow\">\u062a\u0648\u0627\u0635\u0644\u0648\u0627 \u0645\u0639\u0646\u0627<\/div>\n <h1>On est <em>l\u00e0 pour vous<\/em>.<\/h1>\n <p class=\"hero-intro\">\n Une question sur un produit, votre commande, ou un retour \u00e0 nous faire ?\n L'\u00e9quipe Curla vous r\u00e9pond rapidement, par le canal qui vous convient.\n <\/p>\n <\/section>\n\n\n <!-- ============================================ -->\n <!-- ============ M\u00c9THODES DE CONTACT =========== -->\n <!-- ============================================ -->\n <section class=\"contact-methods\">\n <div class=\"methods-grid\">\n\n <!-- WhatsApp -->\n <a href=\"https:\/\/wa.me\/212605177125\" class=\"method-card\" target=\"_blank\" rel=\"noopener\">\n <div class=\"method-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.95.36 1.87.7 2.75a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.33-1.33a2 2 0 0 1 2.11-.45c.88.34 1.8.57 2.75.7A2 2 0 0 1 22 16.92z\"\/>\n <\/svg>\n <\/div>\n <div class=\"method-label\">Le plus rapide<\/div>\n <div class=\"method-value\">WhatsApp<\/div>\n <div class=\"method-cta\">+212 605 17 71 25 \u2192<\/div>\n <\/a>\n\n <!-- Email -->\n <a href=\"mailto:contact@curla.ma\" class=\"method-card\">\n <div class=\"method-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n <polyline points=\"22,6 12,13 2,6\"\/>\n <\/svg>\n <\/div>\n <div class=\"method-label\">Pour les d\u00e9tails<\/div>\n <div class=\"method-value\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\n <div class=\"method-cta\">contact@curla.ma \u2192<\/div>\n <\/a>\n\n <!-- Instagram -->\n <a href=\"https:\/\/www.instagram.com\/curla.ma\/\" class=\"method-card\" target=\"_blank\" rel=\"noopener\">\n <div class=\"method-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/>\n <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"method-label\">Pour suivre<\/div>\n <div class=\"method-value\">Instagram<\/div>\n <div class=\"method-cta\">@curla.ma \u2192<\/div>\n <\/a>\n\n <\/div>\n <\/section>\n\n\n <!-- ============================================ -->\n <!-- ============ FORMULAIRE ==================== -->\n <!-- ============================================ -->\n <section class=\"form-section\">\n <div class=\"form-wrap\">\n\n <div class=\"form-head\">\n <h2>Envoyez-nous un <em>message<\/em><\/h2>\n <p>Remplissez le formulaire et l'\u00e9quipe vous r\u00e9pond sous 24 h.<\/p>\n <\/div>\n\n <form class=\"contact-form\" onsubmit=\"event.preventDefault(); alert('Merci ! Votre message a bien \u00e9t\u00e9 envoy\u00e9. On vous r\u00e9pond sous 24h \ud83d\udc8c');\" action=\"\">\n\n <div class=\"form-row\">\n <div class=\"form-field\">\n <label for=\"name\">Pr\u00e9nom & Nom<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Votre nom\" required>\n <\/div>\n <div class=\"form-field\">\n <label for=\"phone\">WhatsApp<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"06xxxxxxxx\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-field full\">\n <label for=\"email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"votre@email.com\" required>\n <\/div>\n <\/div>\n\n <div class=\"form-row\">\n <div class=\"form-field full\">\n <label for=\"message\">Votre message<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"Une question, un retour, une demande sp\u00e9ciale\u2026\" required><\/textarea>\n <\/div>\n <\/div>\n\n <button type=\"submit\" class=\"form-submit\">\n Envoyer le message\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n\n <p class=\"form-note\">\n Vos donn\u00e9es restent priv\u00e9es. Aucune utilisation marketing sans votre accord.\n <\/p>\n\n <input type=\"hidden\" name=\"trp-form-language\" value=\"ar\"\/><\/form>\n\n <\/div>\n <\/section>\n\n\n <!-- ============================================ -->\n <!-- ============ INFOS PRATIQUES =============== -->\n <!-- ============================================ -->\n <section class=\"info-strip\">\n <div class=\"info-strip-grid\">\n\n <div class=\"info-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <div class=\"info-label\">D\u00e9lai de r\u00e9ponse<\/div>\n <div class=\"info-value\">Sous 24h<\/div>\n <\/div>\n\n <div class=\"info-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n <\/svg>\n <div class=\"info-label\">Bas\u00e9e \u00e0<\/div>\n <div class=\"info-value\">Casablanca, Maroc<\/div>\n <\/div>\n\n <div class=\"info-item\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/>\n <\/svg>\n <div class=\"info-label\">Service client<\/div>\n <div class=\"info-value\">Lun\u2013Sam \u00b7 9h\u201319h<\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact \u2014 Curla Contact On est l\u00e0 pour vous. Une question sur un produit, votre commande, ou un retour \u00e0<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4439","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/pages\/4439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/comments?post=4439"}],"version-history":[{"count":40,"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/pages\/4439\/revisions"}],"predecessor-version":[{"id":38270,"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/pages\/4439\/revisions\/38270"}],"wp:attachment":[{"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/media?parent=4439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}