{"id":4400,"date":"2021-10-12T15:51:09","date_gmt":"2021-10-12T15:51:09","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart2\/elementor\/?page_id=4400"},"modified":"2026-05-17T20:40:05","modified_gmt":"2026-05-17T19:40:05","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/curla.ma\/ar\/a-propos\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646\u061f"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n \u00c0 propos \u2014 Curla<\/title>\n <meta name=\"description\" content=\"Curla, la marque marocaine pour les femmes aux cheveux boucl\u00e9s, ondul\u00e9s et fris\u00e9s.\">\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 Curla)\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\n p { color: var(--c-muted); }\n\n \/* ============================================\n SECTION 1 \u2014 HERO (tr\u00e8s \u00e9pur\u00e9)\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 position: relative;\n }\n\n .hero-logo {\n font-family: 'DM Serif Display', serif;\n font-style: italic;\n font-size: 2.4rem;\n color: var(--c-pink);\n margin-bottom: 28px;\n display: inline-block;\n animation: fadeUp 0.7s ease-out;\n }\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 .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.8s ease-out 0.15s both;\n }\n\n .hero-intro {\n font-size: 1.1rem;\n max-width: 580px;\n margin: 0 auto;\n line-height: 1.8;\n animation: fadeUp 0.8s ease-out 0.3s 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 CE QUE NOUS FAISONS\n ============================================ *\/\n .about {\n padding: 110px 6%;\n background: var(--c-bg);\n }\n\n .about-content {\n max-width: 720px;\n margin: 0 auto;\n text-align: center;\n }\n\n .about h2 {\n font-size: clamp(2rem, 3.5vw, 2.8rem);\n margin-bottom: 32px;\n }\n\n .about p {\n font-size: 1.05rem;\n margin-bottom: 22px;\n line-height: 1.8;\n }\n\n .about p:last-child { margin-bottom: 0; }\n\n \/* ============================================\n SECTION 3 \u2014 NOS ENGAGEMENTS (3 valeurs simples)\n ============================================ *\/\n .engagements {\n padding: 110px 6%;\n background: linear-gradient(180deg, var(--c-cream) 0%, var(--c-bg) 100%);\n }\n\n .engagements-head {\n text-align: center;\n margin-bottom: 70px;\n }\n\n .engagements-head h2 {\n font-size: clamp(2rem, 3.5vw, 2.8rem);\n }\n\n .engagements-grid {\n max-width: 1100px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n }\n\n .engagement-card {\n background: white;\n padding: 44px 36px;\n border-radius: 12px;\n text-align: center;\n transition: all 0.4s ease;\n border: 1px solid var(--c-line);\n }\n\n .engagement-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 .engagement-icon {\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: var(--c-pink-bg);\n margin: 0 auto 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.3s;\n }\n\n .engagement-card:hover .engagement-icon {\n background: var(--c-pink-soft);\n }\n\n .engagement-icon svg {\n width: 26px;\n height: 26px;\n color: var(--c-pink-deep);\n stroke-width: 1.8;\n }\n\n .engagement-card h3 {\n font-size: 1.25rem;\n margin-bottom: 12px;\n }\n\n .engagement-card p {\n font-size: 0.92rem;\n line-height: 1.65;\n }\n\n \/* ============================================\n SECTION 4 \u2014 CTA FINAL (\u00e9pur\u00e9)\n ============================================ *\/\n .cta {\n padding: 130px 6%;\n background: var(--c-bg);\n text-align: center;\n }\n\n .cta-curl {\n width: 70px;\n height: 70px;\n margin: 0 auto 28px;\n display: block;\n opacity: 0.65;\n }\n\n .cta h2 {\n font-size: clamp(2rem, 3.8vw, 3rem);\n margin-bottom: 24px;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta p {\n font-size: 1.02rem;\n max-width: 480px;\n margin: 0 auto 40px;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 17px 38px;\n border-radius: 50px;\n font-size: 0.9rem;\n font-weight: 500;\n letter-spacing: 0.8px;\n text-decoration: none;\n background: var(--c-pink);\n color: white;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n font-family: 'Inter', sans-serif;\n }\n\n .btn: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 .btn .arrow { transition: transform 0.3s; }\n .btn:hover .arrow { transform: translateX(4px); }\n\n \/* Contact links sous le CTA *\/\n .contact-line {\n margin-top: 50px;\n padding-top: 32px;\n border-top: 1px solid var(--c-line);\n max-width: 480px;\n margin-left: auto;\n margin-right: auto;\n display: flex;\n justify-content: center;\n gap: 24px;\n flex-wrap: wrap;\n font-size: 0.85rem;\n color: var(--c-muted);\n }\n\n .contact-line a {\n color: var(--c-text);\n text-decoration: none;\n border-bottom: 1px solid var(--c-line);\n padding-bottom: 2px;\n transition: all 0.3s;\n }\n\n .contact-line a:hover {\n color: var(--c-pink-deep);\n border-color: var(--c-pink-deep);\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 900px) {\n .engagements-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n max-width: 480px;\n }\n }\n\n @media (max-width: 600px) {\n .hero { padding: 100px 5% 70px; }\n .about, .engagements { padding: 70px 5%; }\n .cta { padding: 80px 5%; }\n .engagement-card { padding: 36px 28px; }\n .contact-line { flex-direction: column; gap: 14px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- ============================================ -->\n <!-- ============ HERO ========================== -->\n <!-- ============================================ -->\n <section class=\"hero\">\n <div class=\"eyebrow\">\u00c0 propos<\/div>\n <h1>La marque marocaine pour <em>vos boucles<\/em>.<\/h1>\n <p class=\"hero-intro\">\n Curla, c'est une s\u00e9lection d'accessoires et d'outils pens\u00e9s pour les femmes aux cheveux\n boucl\u00e9s, ondul\u00e9s et fris\u00e9s. Au quotidien comme la nuit.\n <\/p>\n <\/section>\n\n\n <!-- ============================================ -->\n <!-- ============ CE QUE NOUS FAISONS =========== -->\n <!-- ============================================ -->\n <section class=\"about\">\n <div class=\"about-content\">\n\n <h2>Ce que nous <em>faisons<\/em><\/h2>\n\n <p>\n Curla propose une gamme compl\u00e8te d'accessoires capillaires : brosses, pinces, bandeaux,\n \u00e9lastiques en satin, taies d'oreiller, bonnets et turbans de nuit. Tous nos produits sont\n con\u00e7us pour respecter la fibre des cheveux boucl\u00e9s, ondul\u00e9s et fris\u00e9s.\n <\/p>\n\n <p>\n Notre approche est simple : choisir des mati\u00e8res douces, des designs efficaces, et proposer\n des prix accessibles partout au Maroc \u2014 avec paiement \u00e0 la livraison et livraison offerte\n d\u00e8s 299 DH.\n <\/p>\n\n <\/div>\n <\/section>\n\n\n <!-- ============================================ -->\n <!-- ============ NOS ENGAGEMENTS =============== -->\n <!-- ============================================ -->\n <section class=\"engagements\">\n\n <div class=\"engagements-head\">\n <h2>Nos <em>engagements<\/em><\/h2>\n <\/div>\n\n <div class=\"engagements-grid\">\n\n <!-- Engagement 1 -->\n <div class=\"engagement-card\">\n <div class=\"engagement-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n <\/svg>\n <\/div>\n <h3>Pour vos boucles<\/h3>\n <p>Des produits choisis pour respecter la texture et la fibre des cheveux boucl\u00e9s.<\/p>\n <\/div>\n\n <!-- Engagement 2 -->\n <div class=\"engagement-card\">\n <div class=\"engagement-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 6L9 17l-5-5\"\/>\n <\/svg>\n <\/div>\n <h3>Satisfait ou remplac\u00e9<\/h3>\n <p>Une garantie sur tous nos produits. Si vous n'\u00eates pas satisfaite, on remplace.<\/p>\n <\/div>\n\n <!-- Engagement 3 -->\n <div class=\"engagement-card\">\n <div class=\"engagement-icon\">\n <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\/>\n <path d=\"M6 12h.01M18 12h.01\"\/>\n <\/svg>\n <\/div>\n <h3>\u0627\u0644\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u062a\u0633\u0644\u064a\u0645<\/h3>\n <p>Vous recevez d'abord, vous payez ensuite. Partout au Maroc, sans risque.<\/p>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n\n <!-- ============================================ -->\n <!-- ============ CTA FINAL ===================== -->\n <!-- ============================================ -->\n <section class=\"cta\">\n\n <!-- Petit SVG boucle (inspir\u00e9 du logo) -->\n <svg class=\"cta-curl\" viewbox=\"0 0 70 70\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M56 35 C 56 15, 38 5, 21 16 C 8 24, 7 40, 19 49 C 32 58, 49 51, 53 36\"\n stroke=\"#D88891\" stroke-width=\"2.5\" stroke-linecap=\"round\" fill=\"none\"\/>\n <\/svg>\n\n <h2>D\u00e9couvrez nos <em>produits<\/em><\/h2>\n <p>Toute la collection Curla pour prendre soin de vos boucles, jour et nuit.<\/p>\n\n <a href=\"https:\/\/curla.ma\/ar\/boutique\/\" class=\"btn\">\n Voir la boutique\n <span class=\"arrow\">\u2192<\/span>\n <\/a>\n\n <!-- Contact -->\n <div class=\"contact-line\">\n <span><a href=\"mailto:contact@curla.ma\">contact@curla.ma<\/a><\/span>\n <span><a href=\"https:\/\/wa.me\/212605177125\">WhatsApp<\/a><\/span>\n <span><a href=\"https:\/\/www.instagram.com\/curla.ma\/\">@curla.ma<\/a><\/span>\n <\/div>\n\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>\u00c0 propos \u2014 Curla \u00c0 propos La marque marocaine pour vos boucles. Curla, c’est une s\u00e9lection d’accessoires et d’outils pens\u00e9s<\/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-4400","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/pages\/4400","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=4400"}],"version-history":[{"count":22,"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/pages\/4400\/revisions"}],"predecessor-version":[{"id":38259,"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/pages\/4400\/revisions\/38259"}],"wp:attachment":[{"href":"https:\/\/curla.ma\/ar\/wp-json\/wp\/v2\/media?parent=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}