{"id":695,"date":"2025-11-13T14:42:31","date_gmt":"2025-11-13T14:42:31","guid":{"rendered":"https:\/\/www.coden.ma\/?page_id=695"},"modified":"2026-04-04T21:44:06","modified_gmt":"2026-04-04T19:44:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.mogacode.ma\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"695\" class=\"elementor elementor-695 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-contact-main e-con-full e-flex e-con e-parent\" data-id=\"contact-main\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-contact-widget elementor-widget elementor-widget-html\" data-id=\"contact-widget\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MOGACODE CONTACT v1\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n.cv { opacity:0; transform:translateY(24px); transition:opacity .55s ease,transform .55s ease; }\n.cv.vis { opacity:1; transform:none; }\n.cv.d1{transition-delay:.07s}.cv.d2{transition-delay:.14s}.cv.d3{transition-delay:.21s}\n.cv.d4{transition-delay:.28s}.cv.d5{transition-delay:.35s}\n.cv.left  { transform:translateX(-24px); }\n.cv.right { transform:translateX(24px); }\n.cv.left.vis,.cv.right.vis { transform:none; }\n\n.gs {\n  background:linear-gradient(90deg,#B8860B 0%,#FFD700 40%,#B8860B 60%,#DAA520 100%);\n  background-size:250% auto;\n  -webkit-background-clip:text; background-clip:text;\n  -webkit-text-fill-color:transparent;\n  animation:goldShimmer 4s linear infinite;\n}\n@keyframes goldShimmer { to { background-position:250% center; } }\n.gold-line { display:block; width:48px; height:3px; background:linear-gradient(90deg,#B8860B,#DAA520); border-radius:2px; margin-bottom:18px; }\n.ct-eyebrow { font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#B8860B; margin-bottom:12px; }\n\n\/* \u2500\u2500 S1 HERO (compact) \u2500\u2500 *\/\n.ct-hero {\n  background:linear-gradient(160deg,#0F2237,#0a1828);\n  padding:80px 40px 72px;\n  text-align:center; position:relative; overflow:hidden;\n}\n.ct-hero::before {\n  content:\"\"; position:absolute; top:-60px; left:50%; transform:translateX(-50%);\n  width:500px; height:260px;\n  background:radial-gradient(ellipse,rgba(184,134,11,.09),transparent 70%);\n  pointer-events:none;\n}\n.ct-hero h1 {\n  font-size:clamp(1.9rem,4.5vw,3rem); font-weight:900;\n  color:#fff; line-height:1.12; margin:0 auto 16px; max-width:700px;\n}\n.ct-hero-sub {\n  font-size:1rem; color:#7a9ab5; max-width:520px; margin:0 auto; line-height:1.75;\n}\n\n\/* \u2500\u2500 S2 MAIN CONTENT \u2500\u2500 *\/\n.ct-main {\n  background:#F8F7F5;\n  padding:80px 40px 96px;\n}\n.ct-main-inner {\n  max-width:1100px; margin:0 auto;\n  display:grid; grid-template-columns:1fr 1.5fr; gap:64px; align-items:start;\n}\n@media(max-width:860px){\n  .ct-main-inner { grid-template-columns:1fr; gap:48px; }\n  .ct-main { padding:56px 24px 72px; }\n}\n\n\/* \u2500\u2500 LEFT: Info cards \u2500\u2500 *\/\n.ct-info-stack { display:flex; flex-direction:column; gap:16px; }\n\n.ct-info-card {\n  background:#fff; border-radius:16px; padding:24px;\n  border:1.5px solid #eee;\n  display:flex; align-items:flex-start; gap:16px;\n  transition:border-color .2s, transform .2s, box-shadow .2s;\n}\n.ct-info-card:hover {\n  border-color:rgba(184,134,11,.25);\n  transform:translateY(-3px);\n  box-shadow:0 12px 32px rgba(0,0,0,.07);\n}\n.ct-info-icon {\n  width:44px; height:44px; border-radius:12px;\n  background:linear-gradient(135deg,rgba(184,134,11,.1),rgba(218,165,32,.1));\n  display:flex; align-items:center; justify-content:center;\n  font-size:20px; flex-shrink:0;\n  border:1px solid rgba(184,134,11,.15);\n}\n.ct-info-label {\n  font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;\n  color:#B8860B; margin-bottom:4px;\n}\n.ct-info-value { font-size:14px; font-weight:600; color:#111; margin-bottom:2px; }\n.ct-info-sub   { font-size:12px; color:#888; line-height:1.5; }\n.ct-info-link  { color:#B8860B; text-decoration:none; font-weight:600; }\n.ct-info-link:hover { text-decoration:underline; }\n\n\/* WhatsApp card *\/\n.ct-wa-card {\n  background:linear-gradient(135deg,#075E54,#128C7E);\n  border-radius:16px; padding:24px;\n  display:flex; align-items:center; gap:16px;\n  text-decoration:none;\n  transition:transform .2s, box-shadow .2s;\n  border:1.5px solid rgba(255,255,255,.1);\n}\n.ct-wa-card:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(7,94,84,.3); }\n.ct-wa-icon { font-size:28px; flex-shrink:0; }\n.ct-wa-title { font-size:15px; font-weight:700; color:#fff; margin-bottom:3px; }\n.ct-wa-sub   { font-size:12px; color:rgba(255,255,255,.7); }\n.ct-wa-arrow { margin-left:auto; color:rgba(255,255,255,.5); font-size:18px; }\n\n\/* Dispo badge *\/\n.ct-dispo {\n  background:#fff; border-radius:12px; padding:16px 20px;\n  border:1px solid #eee;\n  display:flex; align-items:center; gap:12px;\n}\n.ct-dispo-dot {\n  width:10px; height:10px; border-radius:50%;\n  background:#22c55e; flex-shrink:0;\n  box-shadow:0 0 0 3px rgba(34,197,94,.2);\n  animation:dipulse 2s ease infinite;\n}\n@keyframes dipulse {\n  0%,100%{box-shadow:0 0 0 3px rgba(34,197,94,.2)}\n  50%{box-shadow:0 0 0 6px rgba(34,197,94,.08)}\n}\n.ct-dispo-text { font-size:13px; color:#555; }\n.ct-dispo-text strong { color:#111; }\n\n\/* \u2500\u2500 RIGHT: Form \u2500\u2500 *\/\n.ct-form-wrap {\n  background:#fff; border-radius:20px; padding:40px;\n  border:1.5px solid #eee;\n  box-shadow:0 4px 32px rgba(0,0,0,.06);\n}\n@media(max-width:500px){ .ct-form-wrap { padding:28px 20px; } }\n\n.ct-form-header { margin-bottom:28px; }\n.ct-form-title  { font-size:1.2rem; font-weight:800; color:#111; margin-bottom:6px; }\n.ct-form-sub    { font-size:13px; color:#888; line-height:1.6; }\n\n\/* Project type selector *\/\n.ct-type-grid {\n  display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:20px;\n}\n@media(max-width:480px){ .ct-type-grid { grid-template-columns:1fr 1fr; } }\n.ct-type-btn {\n  padding:10px 8px; border-radius:10px; text-align:center;\n  font-size:12px; font-weight:600; cursor:pointer; user-select:none;\n  border:1.5px solid #e8e8e8; background:#fff; color:#666;\n  transition:all .15s;\n}\n.ct-type-btn:hover { border-color:#B8860B; color:#B8860B; }\n.ct-type-btn.sel   { border-color:#B8860B; background:rgba(184,134,11,.06); color:#B8860B; }\n.ct-type-icon { font-size:18px; display:block; margin-bottom:4px; }\n\n\/* Fields *\/\n.ct-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:12px; }\n@media(max-width:480px){ .ct-field-grid { grid-template-columns:1fr; } }\n.ct-field { display:flex; flex-direction:column; gap:5px; }\n.ct-field.full { grid-column:1\/-1; }\n.ct-label { font-size:12px; font-weight:600; color:#555; letter-spacing:.3px; }\n.ct-input, .ct-select, .ct-textarea {\n  padding:12px 14px; border-radius:10px;\n  border:1.5px solid #e8e8e8; background:#fafafa;\n  font-size:14px; color:#111; font-family:inherit;\n  outline:none; transition:border-color .2s, background .2s;\n  width:100%;\n}\n.ct-input:focus, .ct-select:focus, .ct-textarea:focus {\n  border-color:#B8860B; background:#fff;\n  box-shadow:0 0 0 3px rgba(184,134,11,.08);\n}\n.ct-input.error, .ct-textarea.error { border-color:#e74c3c; }\n.ct-textarea { resize:vertical; min-height:110px; }\n.ct-select { cursor:pointer; }\n\n\/* Budget slider feel *\/\n.ct-budget-row {\n  display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px;\n}\n.ct-budget-pill {\n  padding:7px 14px; border-radius:20px;\n  font-size:12px; font-weight:600; cursor:pointer; user-select:none;\n  border:1.5px solid #e8e8e8; background:#fff; color:#888;\n  transition:all .15s;\n}\n.ct-budget-pill:hover { border-color:#B8860B; color:#B8860B; }\n.ct-budget-pill.sel   { border-color:#B8860B; background:rgba(184,134,11,.07); color:#B8860B; }\n\n\/* Submit *\/\n.ct-submit {\n  width:100%; padding:15px; margin-top:8px;\n  background:linear-gradient(135deg,#B8860B,#DAA520);\n  color:#fff; font-size:15px; font-weight:700;\n  border:none; border-radius:12px; cursor:pointer;\n  font-family:inherit;\n  box-shadow:0 8px 24px rgba(184,134,11,.3);\n  transition:transform .2s, box-shadow .2s;\n  display:flex; align-items:center; justify-content:center; gap:10px;\n}\n.ct-submit:hover { transform:translateY(-2px); box-shadow:0 14px 36px rgba(184,134,11,.4); }\n.ct-submit:disabled { opacity:.6; cursor:not-allowed; transform:none; }\n.ct-submit-spinner {\n  width:18px; height:18px; border-radius:50%;\n  border:2px solid rgba(255,255,255,.4); border-top-color:#fff;\n  animation:spin .7s linear infinite; display:none;\n}\n@keyframes spin { to { transform:rotate(360deg); } }\n\n.ct-form-note {\n  font-size:11px; color:#aaa; text-align:center; margin-top:12px;\n  display:flex; align-items:center; justify-content:center; gap:6px;\n}\n\n\/* Success\/error states *\/\n.ct-success {\n  display:none; text-align:center; padding:40px 20px;\n}\n.ct-success-icon { font-size:56px; margin-bottom:16px; display:block; }\n.ct-success-title { font-size:1.2rem; font-weight:800; color:#111; margin-bottom:8px; }\n.ct-success-sub   { font-size:14px; color:#666; line-height:1.7; }\n\n\/* Error msg *\/\n.ct-field-error { font-size:11px; color:#e74c3c; margin-top:3px; display:none; }\n\n\/* \u2500\u2500 S3 MAP \/ LOCALISATION \u2500\u2500 *\/\n.ct-localisation {\n  background:#fff;\n  padding:72px 40px;\n}\n.ct-loc-inner {\n  max-width:1100px; margin:0 auto;\n  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;\n}\n@media(max-width:800px){ .ct-loc-inner { grid-template-columns:1fr; gap:36px; } .ct-localisation { padding:56px 24px; } }\n\n.ct-loc-text h2 { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:800; color:#111; line-height:1.2; margin:0 0 20px; }\n.ct-loc-text p  { font-size:14px; color:#666; line-height:1.8; margin-bottom:12px; }\n.ct-loc-text strong { color:#111; }\n\n.ct-loc-flags {\n  display:flex; gap:12px; flex-wrap:wrap; margin-top:20px;\n}\n.ct-flag-badge {\n  display:inline-flex; align-items:center; gap:8px;\n  padding:8px 14px; border-radius:8px;\n  background:#f5f5f5; border:1px solid #e8e8e8;\n  font-size:13px; font-weight:600; color:#444;\n}\n\n\/* Map embed placeholder styled *\/\n.ct-map-box {\n  border-radius:20px; overflow:hidden;\n  border:2px solid #eee;\n  aspect-ratio:4\/3;\n  background:linear-gradient(135deg,#0F2237,#1a3050);\n  display:flex; flex-direction:column;\n  align-items:center; justify-content:center;\n  text-align:center; gap:12px;\n  position:relative;\n}\n.ct-map-pin { font-size:48px; }\n.ct-map-name { font-size:16px; font-weight:700; color:#fff; }\n.ct-map-addr { font-size:13px; color:#7a9ab5; }\n.ct-map-btn {\n  margin-top:8px; display:inline-flex; align-items:center; gap:6px;\n  padding:10px 20px; border-radius:8px;\n  background:rgba(184,134,11,.15); color:#B8860B;\n  border:1px solid rgba(184,134,11,.3);\n  font-size:13px; font-weight:600; text-decoration:none;\n  transition:background .2s;\n}\n.ct-map-btn:hover { background:rgba(184,134,11,.25); }\n\n@media(max-width:440px){ .ct-hero { padding:64px 20px; } }\n<\/style>\n\n\n<!-- \u2550\u2550\u2550 S1: HERO \u2550\u2550\u2550 -->\n<div class=\"ct-hero\">\n  <p class=\"ct-eyebrow cv\">Contact<\/p>\n  <h1 class=\"cv d1\">\n    Un projet ? Une question ?<br>\n    <span class=\"gs\">On vous r\u00e9pond en 24h.<\/span>\n  <\/h1>\n  <p class=\"ct-hero-sub cv d2\">\n    Devis gratuit \u00b7 Conseil honn\u00eate \u00b7 Sans engagement.\n    Bas\u00e9s \u00e0 Essaouira, op\u00e9rationnels Maroc \u00b7 Belgique \u00b7 France \u00b7 Espagne.\n  <\/p>\n<\/div>\n\n<!-- \u2550\u2550\u2550 S2: MAIN \u2550\u2550\u2550 -->\n<div class=\"ct-main\">\n  <div class=\"ct-main-inner\">\n\n    <!-- LEFT: Infos -->\n    <div class=\"ct-info-stack\">\n\n      <div class=\"cv\">\n        <p class=\"ct-eyebrow\">Nous contacter<\/p>\n        <h2 style=\"font-size:1.5rem;font-weight:800;color:#111;line-height:1.2;margin:0 0 24px\">\n          Parlons de votre <span class=\"gs\">projet.<\/span>\n        <\/h2>\n      <\/div>\n\n      <!-- WhatsApp \u2014 priorit\u00e9 1 -->\n      <a href=\"https:\/\/wa.me\/212620229114?text=Bonjour%20MogaCode%2C%20je%20voudrais%20discuter%20de%20mon%20projet.\"\n         target=\"_blank\" rel=\"noopener\" class=\"ct-wa-card cv d1\">\n        <span class=\"ct-wa-icon\">\ud83d\udcac<\/span>\n        <div>\n          <div class=\"ct-wa-title\">WhatsApp \u2014 R\u00e9ponse rapide<\/div>\n          <div class=\"ct-wa-sub\">+212 620 229 114 \u00b7 Lun\u2013Ven 9h\u201318h<\/div>\n        <\/div>\n        <span class=\"ct-wa-arrow\">\u2192<\/span>\n      <\/a>\n\n      <!-- Email -->\n      <div class=\"ct-info-card cv d2\">\n        <div class=\"ct-info-icon\">\u2709\ufe0f<\/div>\n        <div>\n          <div class=\"ct-info-label\">Email<\/div>\n          <div class=\"ct-info-value\">\n            <a href=\"mailto:hello@mogacode.ma\" class=\"ct-info-link\">hello@mogacode.ma<\/a>\n          <\/div>\n          <div class=\"ct-info-sub\">R\u00e9ponse sous 24h ouvr\u00e9es<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Adresse -->\n      <div class=\"ct-info-card cv d3\">\n        <div class=\"ct-info-icon\">\ud83d\udccd<\/div>\n        <div>\n          <div class=\"ct-info-label\">Adresse<\/div>\n          <div class=\"ct-info-value\">Essaouira, Maroc<\/div>\n          <div class=\"ct-info-sub\">Essaouira, Maroc 44000<br>\u00c9galement joignable depuis Bruxelles, Belgique<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Horaires -->\n      <div class=\"ct-info-card cv d4\">\n        <div class=\"ct-info-icon\">\ud83d\udd50<\/div>\n        <div>\n          <div class=\"ct-info-label\">Disponibilit\u00e9<\/div>\n          <div class=\"ct-info-value\">Lun\u2013Ven \u00b7 9h00\u201318h00<\/div>\n          <div class=\"ct-info-sub\">GMT+1 (Maroc) \u00b7 Urgences sur WhatsApp<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Disponibilit\u00e9 en temps r\u00e9el -->\n      <div class=\"ct-dispo cv d5\">\n        <div class=\"ct-dispo-dot\"><\/div>\n        <div class=\"ct-dispo-text\">\n          <strong>Disponible actuellement<\/strong> \u2014 Disponible pour nouveaux projets\n        <\/div>\n      <\/div>\n\n      <!-- LinkedIn -->\n      <div class=\"ct-info-card cv d5\">\n        <div class=\"ct-info-icon\">\ud83d\udd17<\/div>\n        <div>\n          <div class=\"ct-info-label\">LinkedIn<\/div>\n          <div class=\"ct-info-value\">\n            <a href=\"https:\/\/www.ma.linkedin.com\/company\/mogacode-essaouira\" target=\"_blank\" rel=\"noopener\" class=\"ct-info-link\">MogaCode<\/a>\n          <\/div>\n          <div class=\"ct-info-sub\">Suivez nos actualit\u00e9s, r\u00e9alisations et conseils<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT: Form -->\n    <div class=\"ct-form-wrap cv right\">\n\n      <div class=\"ct-form-header\">\n        <div class=\"ct-form-title\">D\u00e9crivez votre projet<\/div>\n        <div class=\"ct-form-sub\">Remplissez le formulaire \u2014 nous vous r\u00e9pondons sous 24h ouvr\u00e9es avec un retour personnalis\u00e9.<\/div>\n      <\/div>\n\n      <!-- Project type selector -->\n      <div style=\"margin-bottom:8px\">\n        <div class=\"ct-label\" style=\"margin-bottom:10px\">Type de projet<\/div>\n        <div class=\"ct-type-grid\">\n          <div class=\"ct-type-btn\" data-type=\"Cr\u00e9ation de site\">\n            <span class=\"ct-type-icon\">\ud83c\udf10<\/span>Cr\u00e9ation site\n          <\/div>\n          <div class=\"ct-type-btn\" data-type=\"Refonte\">\n            <span class=\"ct-type-icon\">\ud83d\udd04<\/span>Refonte\n          <\/div>\n          <div class=\"ct-type-btn\" data-type=\"E-commerce\">\n            <span class=\"ct-type-icon\">\ud83d\uded2<\/span>E-commerce\n          <\/div>\n          <div class=\"ct-type-btn\" data-type=\"SEO \/ Audit\">\n            <span class=\"ct-type-icon\">\ud83d\udcc8<\/span>SEO \/ Audit\n          <\/div>\n          <div class=\"ct-type-btn\" data-type=\"SEO Master SaaS\">\n            <span class=\"ct-type-icon\">\u2b50<\/span>SEO Master\n          <\/div>\n          <div class=\"ct-type-btn\" data-type=\"Autre\">\n            <span class=\"ct-type-icon\">\ud83d\udcac<\/span>Autre\n          <\/div>\n        <\/div>\n        <input type=\"hidden\" id=\"ct-type-val\" value=\"\">\n      <\/div>\n\n      <form id=\"ct-form\" novalidate>\n\n        <div class=\"ct-field-grid\">\n          <div class=\"ct-field\">\n            <label class=\"ct-label\" for=\"ct-prenom\">Pr\u00e9nom *<\/label>\n            <input class=\"ct-input\" type=\"text\" id=\"ct-prenom\" placeholder=\"Patrick\" required>\n            <span class=\"ct-field-error\" id=\"err-prenom\">Pr\u00e9nom requis<\/span>\n          <\/div>\n          <div class=\"ct-field\">\n            <label class=\"ct-label\" for=\"ct-nom\">Nom<\/label>\n            <input class=\"ct-input\" type=\"text\" id=\"ct-nom\" placeholder=\"Dupont\">\n          <\/div>\n          <div class=\"ct-field\">\n            <label class=\"ct-label\" for=\"ct-email\">Email *<\/label>\n            <input class=\"ct-input\" type=\"email\" id=\"ct-email\" placeholder=\"vous@entreprise.com\" required>\n            <span class=\"ct-field-error\" id=\"err-email\">Email invalide<\/span>\n          <\/div>\n          <div class=\"ct-field\">\n            <label class=\"ct-label\" for=\"ct-tel\">T\u00e9l\u00e9phone<\/label>\n            <input class=\"ct-input\" type=\"tel\" id=\"ct-tel\" placeholder=\"+212 6XX XXX XXX\">\n          <\/div>\n          <div class=\"ct-field\">\n            <label class=\"ct-label\" for=\"ct-entreprise\">Entreprise<\/label>\n            <input class=\"ct-input\" type=\"text\" id=\"ct-entreprise\" placeholder=\"MaSoci\u00e9t\u00e9 SARL\">\n          <\/div>\n          <div class=\"ct-field\">\n            <label class=\"ct-label\" for=\"ct-pays\">Pays<\/label>\n            <select class=\"ct-select\" id=\"ct-pays\">\n              <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n              <option selected>Maroc \ud83c\uddf2\ud83c\udde6<\/option>\n              <option>Belgique \ud83c\udde7\ud83c\uddea<\/option>\n              <option>France \ud83c\uddeb\ud83c\uddf7<\/option>\n              <option>Espagne \ud83c\uddea\ud83c\uddf8<\/option>\n              <option>Autre<\/option>\n            <\/select>\n          <\/div>\n        <\/div>\n\n        <!-- Budget -->\n        <div style=\"margin-bottom:16px\">\n          <div class=\"ct-label\" style=\"margin-bottom:10px\">Budget estim\u00e9 (optionnel)<\/div>\n          <div class=\"ct-budget-row\" id=\"ct-budget-row\">\n            <div class=\"ct-budget-pill\" data-val=\"< 500 EUR \/ 5 000 MAD\">&lt; 500 \u20ac<\/div>\n            <div class=\"ct-budget-pill\" data-val=\"500\u20131 500 EUR \/ 5\u201315k MAD\">500\u20131 500 \u20ac<\/div>\n            <div class=\"ct-budget-pill\" data-val=\"1 500\u20134 000 EUR \/ 15\u201340k MAD\">1 500\u20134 000 \u20ac<\/div>\n            <div class=\"ct-budget-pill\" data-val=\"> 4 000 EUR \/ 40k MAD\">&gt; 4 000 \u20ac<\/div>\n            <div class=\"ct-budget-pill\" data-val=\"\u00c0 d\u00e9finir\">\u00c0 d\u00e9finir<\/div>\n          <\/div>\n          <input type=\"hidden\" id=\"ct-budget-val\" value=\"\">\n        <\/div>\n\n        <div class=\"ct-field full\" style=\"margin-bottom:16px\">\n          <label class=\"ct-label\" for=\"ct-message\">D\u00e9crivez votre projet *<\/label>\n          <textarea class=\"ct-textarea\" id=\"ct-message\" placeholder=\"Expliquez votre besoin : type de site, secteur, objectifs, d\u00e9lai souhait\u00e9...\" required><\/textarea>\n          <span class=\"ct-field-error\" id=\"err-message\">Message requis (min. 20 caract\u00e8res)<\/span>\n        <\/div>\n\n        <!-- Site existant (optionnel) -->\n        <div class=\"ct-field full\" style=\"margin-bottom:20px\">\n          <label class=\"ct-label\" for=\"ct-site\">Site actuel (si refonte \/ SEO)<\/label>\n          <input class=\"ct-input\" type=\"url\" id=\"ct-site\" placeholder=\"https:\/\/votresite.com\">\n        <\/div>\n\n        <button type=\"submit\" class=\"ct-submit\" id=\"ct-submit-btn\">\n          <span id=\"ct-submit-text\">Envoyer ma demande \u2192<\/span>\n          <span class=\"ct-submit-spinner\" id=\"ct-spinner\"><\/span>\n        <\/button>\n\n        <div class=\"ct-form-note\">\n          \ud83d\udd12 Donn\u00e9es confidentielles \u00b7 R\u00e9ponse sous 24h \u00b7 Sans engagement\n        <\/div>\n\n      <\/form>\n\n      <!-- Success state -->\n      <div class=\"ct-success\" id=\"ct-success\">\n        <span class=\"ct-success-icon\">\u2705<\/span>\n        <div class=\"ct-success-title\">Message envoy\u00e9 !<\/div>\n        <div class=\"ct-success-sub\">\n          Merci <strong id=\"ct-success-name\"><\/strong> \u2014 nous avons bien re\u00e7u votre demande.<br>\n          Vous recevrez une r\u00e9ponse sous <strong>24h ouvr\u00e9es<\/strong>.<br><br>\n          En attendant, vous pouvez nous joindre directement sur\n          <a href=\"https:\/\/wa.me\/212620229114\" target=\"_blank\" rel=\"noopener\"\n             style=\"color:#128C7E;font-weight:600\">WhatsApp<\/a>.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550 S3: LOCALISATION \u2550\u2550\u2550 -->\n<div class=\"ct-localisation\">\n  <div class=\"ct-loc-inner\">\n    <div class=\"cv left\">\n      <span class=\"gold-line\"><\/span>\n      <p class=\"ct-eyebrow\">O\u00f9 sommes-nous<\/p>\n      <h2>Essaouira, Maroc \u2014<br><span class=\"gs\">Actifs dans 4 pays.<\/span><\/h2>\n      <p>\n        Bas\u00e9s \u00e0 <strong>Essaouira<\/strong>, sur la c\u00f4te atlantique marocaine,\n        nous intervenons \u00e0 distance dans toute la francophonie.\n      <\/p>\n      <p>\n        Patrick est \u00e9galement joignable depuis <strong>Bruxelles, Belgique<\/strong>\n        pour des rendez-vous en personne lors de ses passages r\u00e9guliers.\n      <\/p>\n      <div class=\"ct-loc-flags\">\n        <span class=\"ct-flag-badge\">\ud83c\uddf2\ud83c\udde6 Essaouira \u00b7 Casablanca<\/span>\n        <span class=\"ct-flag-badge\">\ud83c\udde7\ud83c\uddea Bruxelles<\/span>\n        <span class=\"ct-flag-badge\">\ud83c\uddeb\ud83c\uddf7 Paris<\/span>\n        <span class=\"ct-flag-badge\">\ud83c\uddea\ud83c\uddf8 Ibiza<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"cv right\">\n      <div class=\"ct-map-box\">\n        <span class=\"ct-map-pin\">\ud83d\udccd<\/span>\n        <div class=\"ct-map-name\">Essaouira \ud83c\udf0a<\/div>\n        <div class=\"ct-map-addr\">Essaouira, Maroc 44000<br>GPS : 31.5085\u00b0 N, 9.7595\u00b0 W<\/div>\n        <a href=\"https:\/\/maps.google.com\/?q=Essaouira+Maroc\" target=\"_blank\" rel=\"noopener\" class=\"ct-map-btn\">\n          \ud83d\udccd Ouvrir dans Google Maps\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n<script>\n(function(){\n\n  \/* Scroll reveal *\/\n  var io = new IntersectionObserver(function(e){\n    e.forEach(function(x){ if(x.isIntersecting){ x.target.classList.add(\"vis\"); io.unobserve(x.target); } });\n  },{threshold:.08});\n  document.querySelectorAll(\".cv\").forEach(function(el){ io.observe(el); });\n\n  \/* Type selector *\/\n  document.querySelectorAll(\".ct-type-btn\").forEach(function(btn){\n    btn.addEventListener(\"click\", function(){\n      document.querySelectorAll(\".ct-type-btn\").forEach(function(b){ b.classList.remove(\"sel\"); });\n      this.classList.add(\"sel\");\n      document.getElementById(\"ct-type-val\").value = this.getAttribute(\"data-type\");\n    });\n  });\n\n  \/* Budget pills *\/\n  document.querySelectorAll(\".ct-budget-pill\").forEach(function(pill){\n    pill.addEventListener(\"click\", function(){\n      document.querySelectorAll(\".ct-budget-pill\").forEach(function(p){ p.classList.remove(\"sel\"); });\n      this.classList.add(\"sel\");\n      document.getElementById(\"ct-budget-val\").value = this.getAttribute(\"data-val\");\n    });\n  });\n\n  \/* Form validation & submit *\/\n  var form = document.getElementById(\"ct-form\");\n  if(!form) return;\n\n  function showErr(id, show){\n    var el = document.getElementById(\"err-\"+id);\n    var inp = document.getElementById(\"ct-\"+id);\n    if(el) el.style.display = show ? \"block\" : \"none\";\n    if(inp){ if(show) inp.classList.add(\"error\"); else inp.classList.remove(\"error\"); }\n  }\n\n  form.addEventListener(\"submit\", function(e){\n    e.preventDefault();\n    var ok = true;\n    var prenom  = document.getElementById(\"ct-prenom\").value.trim();\n    var email   = document.getElementById(\"ct-email\").value.trim();\n    var message = document.getElementById(\"ct-message\").value.trim();\n\n    showErr(\"prenom\",  prenom.length < 2);\n    showErr(\"email\",   !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email));\n    showErr(\"message\", message.length < 20);\n\n    if(prenom.length < 2 || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email) || message.length < 20) return;\n\n    \/* Build WhatsApp message as fallback delivery *\/\n    var nom       = document.getElementById(\"ct-nom\").value.trim();\n    var tel       = document.getElementById(\"ct-tel\").value.trim();\n    var entreprise= document.getElementById(\"ct-entreprise\").value.trim();\n    var pays      = document.getElementById(\"ct-pays\").value;\n    var site      = document.getElementById(\"ct-site\").value.trim();\n    var type      = document.getElementById(\"ct-type-val\").value;\n    var budget    = document.getElementById(\"ct-budget-val\").value;\n\n    \/* Animate submit button *\/\n    var btn = document.getElementById(\"ct-submit-btn\");\n    var txt = document.getElementById(\"ct-submit-text\");\n    var spn = document.getElementById(\"ct-spinner\");\n    btn.disabled = true;\n    txt.style.display = \"none\";\n    spn.style.display = \"block\";\n\n    \/* Build mailto href *\/\n    var subject = encodeURIComponent(\"[MogaCode] Nouveau contact \u2014 \" + (type||\"Demande\") + \" \u2014 \" + prenom);\n    var body = encodeURIComponent(\n      \"Pr\u00e9nom : \" + prenom + \"\\n\" +\n      (nom ? \"Nom : \" + nom + \"\\n\" : \"\") +\n      \"Email : \" + email + \"\\n\" +\n      (tel ? \"T\u00e9l : \" + tel + \"\\n\" : \"\") +\n      (entreprise ? \"Entreprise : \" + entreprise + \"\\n\" : \"\") +\n      (pays ? \"Pays : \" + pays + \"\\n\" : \"\") +\n      (type ? \"Type de projet : \" + type + \"\\n\" : \"\") +\n      (budget ? \"Budget : \" + budget + \"\\n\" : \"\") +\n      (site ? \"Site actuel : \" + site + \"\\n\" : \"\") +\n      \"\\nMessage :\\n\" + message\n    );\n\n    \/* Try mailto *\/\n    window.location.href = \"mailto:hello@mogacode.ma?subject=\" + subject + \"&body=\" + body;\n\n    \/* After short delay, show success *\/\n    setTimeout(function(){\n      form.style.display = \"none\";\n      var suc = document.getElementById(\"ct-success\");\n      suc.style.display = \"block\";\n      var nameEl = document.getElementById(\"ct-success-name\");\n      if(nameEl) nameEl.textContent = prenom;\n    }, 800);\n  });\n\n})();\n<\/script>\n\n<script type=\"application\/ld+json\">\n[{\"@context\":\"https:\/\/schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.mogacode.ma\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\",\"item\":\"https:\/\/www.mogacode.ma\/contact\/\"}]}]\n<\/script>\n\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>Contactez-nous Parlons de VotreProjet Digital Une \u00e9quipe r\u00e9active et \u00e0 l&rsquo;\u00e9coute pour transformer vos id\u00e9es en r\u00e9alit\u00e9 Comment pouvons-nous vous aider ? Contactez-nous pour une consultation gratuite et d\u00e9couvrez comment nous pouvons vous aider \u00e0 atteindre vos objectifs. Formulaire &#8211; WhatsApp Nom complet E-mail T\u00e9l\u00e9phone Sujet Message Envoyer le message Le bouton ouvre WhatsApp avec [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-695","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Contact \u2014 Devis gratuit en 24h | MogaCode Essaouira<\/title>\n<meta name=\"description\" content=\"Contactez MogaCode pour votre projet web, SEO ou SaaS. R\u00e9ponse sous 24h, devis gratuit, sans engagement. +212 620 229 114 \u00b7 hello@mogacode.ma\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mogacode.ma\/en\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact\" \/>\n<meta property=\"og:description\" content=\"Contactez MogaCode pour votre projet web, SEO ou SaaS. R\u00e9ponse sous 24h, devis gratuit, sans engagement. +212 620 229 114 \u00b7 hello@mogacode.ma\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mogacode.ma\/en\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"Mogacode\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mogacode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-04T19:44:06+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@mogacode\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/contact\\\/\",\"url\":\"https:\\\/\\\/www.mogacode.ma\\\/contact\\\/\",\"name\":\"Contact \u2014 Devis gratuit en 24h | MogaCode Essaouira\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/#website\"},\"datePublished\":\"2025-11-13T14:42:31+00:00\",\"dateModified\":\"2026-04-04T19:44:06+00:00\",\"description\":\"Contactez MogaCode pour votre projet web, SEO ou SaaS. R\u00e9ponse sous 24h, devis gratuit, sans engagement. +212 620 229 114 \u00b7 hello@mogacode.ma\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mogacode.ma\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.mogacode.ma\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/\",\"name\":\"Mogacode - D\u00e9veloppement de sites web et applications \u00e0 Essaouira\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/#organization\",\"name\":\"MogaCode\",\"alternateName\":\"MogaCode SARL-AU\",\"url\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mogacode.ma\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/ChatGPT-Image-22-oct.-2025-a-09_49_53.png\",\"contentUrl\":\"https:\\\/\\\/www.mogacode.ma\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/ChatGPT-Image-22-oct.-2025-a-09_49_53.png\",\"width\":1024,\"height\":1024,\"caption\":\"MogaCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mogacode.ma\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mogacode\",\"https:\\\/\\\/x.com\\\/mogacode\"],\"description\":\"Agence digitale sp\u00e9cialis\u00e9e en d\u00e9veloppement WordPress, SaaS IA et SEO. Fond\u00e9e \u00e0 Essaouira par un expert judiciaire informaticien avec 30 ans d'exp\u00e9rience IT. Clients en France, Belgique, Luxembourg et Maroc.\",\"email\":\"contact@mogacode.ma\",\"telephone\":\"+212620229114\",\"legalName\":\"MogaCode SARL-AU\",\"foundingDate\":\"2019\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Contact \u2014 Devis gratuit en 24h | MogaCode Essaouira","description":"Contactez MogaCode pour votre projet web, SEO ou SaaS. R\u00e9ponse sous 24h, devis gratuit, sans engagement. +212 620 229 114 \u00b7 hello@mogacode.ma","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mogacode.ma\/en\/contact\/","og_locale":"en_US","og_type":"article","og_title":"Contact","og_description":"Contactez MogaCode pour votre projet web, SEO ou SaaS. R\u00e9ponse sous 24h, devis gratuit, sans engagement. +212 620 229 114 \u00b7 hello@mogacode.ma","og_url":"https:\/\/www.mogacode.ma\/en\/contact\/","og_site_name":"Mogacode","article_publisher":"https:\/\/www.facebook.com\/mogacode","article_modified_time":"2026-04-04T19:44:06+00:00","twitter_card":"summary_large_image","twitter_site":"@mogacode","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mogacode.ma\/contact\/","url":"https:\/\/www.mogacode.ma\/contact\/","name":"Contact \u2014 Devis gratuit en 24h | MogaCode Essaouira","isPartOf":{"@id":"https:\/\/www.mogacode.ma\/en\/#website"},"datePublished":"2025-11-13T14:42:31+00:00","dateModified":"2026-04-04T19:44:06+00:00","description":"Contactez MogaCode pour votre projet web, SEO ou SaaS. R\u00e9ponse sous 24h, devis gratuit, sans engagement. +212 620 229 114 \u00b7 hello@mogacode.ma","breadcrumb":{"@id":"https:\/\/www.mogacode.ma\/contact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mogacode.ma\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mogacode.ma\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.mogacode.ma\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/www.mogacode.ma\/en\/#website","url":"https:\/\/www.mogacode.ma\/en\/","name":"Mogacode - D\u00e9veloppement de sites web et applications \u00e0 Essaouira","description":"","publisher":{"@id":"https:\/\/www.mogacode.ma\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mogacode.ma\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.mogacode.ma\/en\/#organization","name":"MogaCode","alternateName":"MogaCode SARL-AU","url":"https:\/\/www.mogacode.ma\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.mogacode.ma\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-22-oct.-2025-a-09_49_53.png","contentUrl":"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-22-oct.-2025-a-09_49_53.png","width":1024,"height":1024,"caption":"MogaCode"},"image":{"@id":"https:\/\/www.mogacode.ma\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mogacode","https:\/\/x.com\/mogacode"],"description":"Agence digitale sp\u00e9cialis\u00e9e en d\u00e9veloppement WordPress, SaaS IA et SEO. Fond\u00e9e \u00e0 Essaouira par un expert judiciaire informaticien avec 30 ans d'exp\u00e9rience IT. Clients en France, Belgique, Luxembourg et Maroc.","email":"contact@mogacode.ma","telephone":"+212620229114","legalName":"MogaCode SARL-AU","foundingDate":"2019"}]}},"_links":{"self":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":0,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/695\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media?parent=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}