{"id":1616,"date":"2026-04-02T14:34:51","date_gmt":"2026-04-02T14:34:51","guid":{"rendered":"https:\/\/www.mogacode.ma\/agence\/"},"modified":"2026-09-17T22:08:37","modified_gmt":"2026-09-17T22:08:37","slug":"agence","status":"publish","type":"page","link":"https:\/\/www.mogacode.ma\/en\/agence\/","title":{"rendered":"L&rsquo;Agence, MogaCode, WordPress &amp; SaaS depuis Essaouira"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1616\" class=\"elementor elementor-1616 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-agence-main e-con-full e-flex e-con e-parent\" data-id=\"agence-main\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-agence-widget elementor-widget elementor-widget-html\" data-id=\"agence-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\u2550\u2550\u2550\u2550\n   MOGACODE AGENCE v2\n   Fix: tables et labels lisibles sur fonds sombres\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\u2550\u2550\u2550\u2550 *\/\n\n\/* Scroll reveal *\/\n.ar { opacity:0; transform:translateY(28px); transition:opacity .6s ease,transform .6s ease; }\n.ar.vis { opacity:1; transform:none; }\n.ar.d1{transition-delay:.07s}.ar.d2{transition-delay:.14s}.ar.d3{transition-delay:.21s}\n.ar.d4{transition-delay:.28s}.ar.d5{transition-delay:.35s}.ar.d6{transition-delay:.42s}\n.ar.left { transform:translateX(-28px); }\n.ar.right { transform:translateX(28px); }\n.ar.left.vis,.ar.right.vis { transform:none; }\n\n\/* Gold shimmer *\/\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\n\/* Gold line *\/\n.gold-line {\n  display: block;\n  width: 48px; height: 3px;\n  background: linear-gradient(90deg, #B8860B, #DAA520);\n  border-radius: 2px;\n  margin-bottom: 20px;\n}\n\n\/* Eyebrow *\/\n.ag-eyebrow {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: #B8860B;\n  margin-bottom: 14px;\n}\n\n\/* \u2500\u2500 S1 HERO \u2500\u2500 *\/\n.ag-hero {\n  background: linear-gradient(160deg, #0F2237 0%, #0d1f32 60%, #0a1620 100%);\n  padding: 100px 40px 80px;\n  position: relative;\n  overflow: hidden;\n}\n.ag-hero::before {\n  content:\"\";\n  position:absolute; top:-100px; right:-100px;\n  width:500px; height:500px;\n  background:radial-gradient(circle,rgba(184,134,11,.08),transparent 70%);\n  pointer-events:none;\n}\n.ag-hero::after {\n  content:\"\";\n  position:absolute; bottom:-60px; left:-60px;\n  width:300px; height:300px;\n  background:radial-gradient(circle,rgba(184,134,11,.05),transparent 70%);\n  pointer-events:none;\n}\n.ag-hero-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  gap: 48px;\n  align-items: start;\n}\n.ahi-text { grid-column: 1; }\n.ahi-photo { grid-column: 2; max-width: 340px; }\n.ag-hero-cards { grid-column: 3; }\n@media(max-width:900px){\n  .ag-hero-inner { grid-template-columns: 1fr; }\n  .ahi-photo { max-width: 220px; margin: 0 auto; grid-row: 2; }\n  .ag-hero-cards { grid-column: 1; }\n}\n@media(max-width:860px){\n  .ag-hero-inner { grid-template-columns:1fr; gap:48px; }\n  .ag-hero { padding:72px 24px 64px; }\n}\n.ag-hero h1 {\n  font-size: clamp(2rem, 4.5vw, 3.2rem);\n  font-weight: 900;\n  color: #fff;\n  line-height: 1.12;\n  margin: 0 0 20px;\n  letter-spacing: -0.5px;\n}\n.ag-hero-sub {\n  font-size: 1.05rem;\n  color: #7a9ab5;\n  line-height: 1.75;\n  margin-bottom: 36px;\n}\n.ag-hero-ctas {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.btn-gold {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: linear-gradient(135deg,#B8860B,#DAA520);\n  color: #fff; font-weight: 700; font-size: 14px;\n  padding: 13px 28px; border-radius: 10px;\n  text-decoration: none;\n  box-shadow: 0 8px 24px rgba(184,134,11,.35);\n  transition: transform .2s, box-shadow .2s;\n}\n.btn-gold:hover { transform:translateY(-3px); box-shadow:0 16px 40px rgba(184,134,11,.45); }\n.btn-ghost {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: transparent; color: #B8860B;\n  font-weight: 600; font-size: 14px;\n  padding: 13px 28px; border-radius: 10px;\n  text-decoration: none;\n  border: 1.5px solid rgba(184,134,11,.4);\n  transition: background .2s, border-color .2s;\n}\n.btn-ghost:hover { background:rgba(184,134,11,.08); border-color:#B8860B; }\n\n\/* Hero right: stat card stack *\/\n.ag-hero-cards {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n.ag-hero-card {\n  background: rgba(255,255,255,.04);\n  border: 1px solid rgba(255,255,255,.08);\n  border-radius: 16px;\n  padding: 20px 24px;\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  transition: border-color .2s, background .2s;\n}\n.ag-hero-card:hover {\n  background: rgba(255,255,255,.07);\n  border-color: rgba(184,134,11,.25);\n}\n.ag-hcard-icon {\n  font-size: 28px;\n  flex-shrink: 0;\n  width: 52px; height: 52px;\n  background: rgba(184,134,11,.1);\n  border-radius: 12px;\n  display: flex; align-items: center; justify-content: center;\n}\n.ag-hcard-num {\n  font-size: 1.8rem;\n  font-weight: 900;\n  color: #B8860B;\n  line-height: 1;\n}\n\/* FIX v2: was #666, near-invisible on dark card bg *\/\n.ag-hcard-label {\n  font-size: 12px;\n  color: rgba(255,255,255,0.55);\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-top: 3px;\n}\n\n\/* \u2500\u2500 S2 HISTOIRE (white bg) \u2500\u2500 *\/\n.ag-histoire {\n  background: #fff;\n  padding: 96px 40px;\n}\n.ag-histoire-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: start;\n}\n@media(max-width:860px){\n  .ag-histoire-inner { grid-template-columns:1fr; gap:48px; }\n  .ag-histoire { padding:64px 24px; }\n}\n.ag-histoire h2 {\n  font-size: clamp(1.7rem,3.5vw,2.5rem);\n  font-weight: 800;\n  color: #111;\n  line-height: 1.2;\n  margin: 0 0 24px;\n}\n.ag-histoire p {\n  font-size: 15px;\n  color: #555;\n  line-height: 1.8;\n  margin-bottom: 16px;\n}\n.ag-histoire p:last-child { margin-bottom: 0; }\n.ag-histoire strong { color: #111; font-weight: 600; }\n\n\/* Timeline, on white bg, dark text *\/\n.ag-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  position: relative;\n}\n.ag-timeline::before {\n  content:\"\";\n  position:absolute;\n  left: 19px; top: 24px; bottom: 24px;\n  width: 2px;\n  background: linear-gradient(to bottom, #B8860B, rgba(184,134,11,.1));\n}\n.ag-tl-item {\n  display: flex;\n  gap: 20px;\n  padding-bottom: 32px;\n  position: relative;\n}\n.ag-tl-item:last-child { padding-bottom: 0; }\n.ag-tl-dot {\n  width: 40px; height: 40px;\n  border-radius: 50%;\n  background: linear-gradient(135deg,#B8860B,#DAA520);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 16px;\n  flex-shrink: 0;\n  box-shadow: 0 4px 12px rgba(184,134,11,.3);\n  z-index: 1;\n}\n.ag-tl-year {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  color: #B8860B;\n  text-transform: uppercase;\n  margin-bottom: 4px;\n}\n.ag-tl-title {\n  font-size: 15px;\n  font-weight: 700;\n  color: #111;\n  margin-bottom: 4px;\n}\n.ag-tl-desc {\n  font-size: 13px;\n  color: #777;\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 S3 VALEURS (light grey bg) \u2500\u2500 *\/\n.ag-valeurs {\n  background: #F8F7F5;\n  padding: 96px 40px;\n}\n.ag-section-center {\n  text-align: center;\n  max-width: 640px;\n  margin: 0 auto 64px;\n}\n.ag-section-center h2 {\n  font-size: clamp(1.7rem,3.5vw,2.5rem);\n  font-weight: 800;\n  color: #111;\n  line-height: 1.2;\n  margin: 0 0 16px;\n}\n.ag-section-center p {\n  font-size: 15px;\n  color: #666;\n  line-height: 1.7;\n}\n.ag-valeurs-grid {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 28px;\n}\n@media(max-width:840px){ .ag-valeurs-grid { grid-template-columns:1fr 1fr; } }\n@media(max-width:520px){ .ag-valeurs-grid { grid-template-columns:1fr; } }\n.ag-valeur-card {\n  background: #fff;\n  border-radius: 16px;\n  padding: 32px 28px;\n  border: 1.5px solid transparent;\n  box-shadow: 0 2px 12px rgba(0,0,0,.06);\n  transition: transform .25s, box-shadow .25s, border-color .25s;\n}\n.ag-valeur-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 20px 48px rgba(0,0,0,.1);\n  border-color: rgba(184,134,11,.25);\n}\n.ag-valeur-icon {\n  font-size: 36px;\n  margin-bottom: 18px;\n  display: block;\n}\n.ag-valeur-title {\n  font-size: 17px;\n  font-weight: 700;\n  color: #111;\n  margin-bottom: 10px;\n}\n.ag-valeur-desc {\n  font-size: 14px;\n  color: #666;\n  line-height: 1.7;\n}\n\n\/* \u2500\u2500 S4 \u00c9QUIPE (white bg) \u2500\u2500 *\/\n.ag-equipe {\n  background: #fff;\n  padding: 96px 40px;\n}\n.ag-team-grid {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 80px;\n  align-items: start;\n}\n@media(max-width:860px){\n  .ag-team-grid { grid-template-columns:1fr; gap:48px; }\n  .ag-equipe { padding:64px 24px; }\n}\n.ag-team-bio h2 {\n  font-size: clamp(1.7rem,3.5vw,2.4rem);\n  font-weight: 800;\n  color: #111;\n  line-height: 1.2;\n  margin: 0 0 20px;\n}\n.ag-team-bio p {\n  font-size: 15px;\n  color: #555;\n  line-height: 1.8;\n  margin-bottom: 14px;\n}\n.ag-team-bio strong { color: #111; }\n\n\/* Expertise badges, on white bg *\/\n.ag-expertise {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 24px;\n}\n.ag-exp-badge {\n  display: inline-flex; align-items: center; gap: 6px;\n  font-size: 12px; font-weight: 600;\n  padding: 6px 12px;\n  border-radius: 6px;\n  background: #f5f5f5;\n  color: #444;\n  border: 1px solid #e8e8e8;\n}\n\n\/* Profile card, dark bg: all text must be light *\/\n.ag-profile-card {\n  background: linear-gradient(160deg, #0F2237, #0d1f32);\n  border-radius: 20px;\n  padding: 40px 32px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.ag-profile-card::before {\n  content:\"\";\n  position:absolute; top:-50px; right:-50px;\n  width:200px; height:200px;\n  background:radial-gradient(circle,rgba(184,134,11,.12),transparent 70%);\n}\n.ag-profile-avatar {\n  width: 80px; height: 80px;\n  border-radius: 50%;\n  background: linear-gradient(135deg,#B8860B,#DAA520);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 32px;\n  font-weight: 900;\n  color: #fff;\n  margin: 0 auto 20px;\n  box-shadow: 0 8px 24px rgba(184,134,11,.3);\n}\n.ag-profile-name {\n  font-size: 1.3rem;\n  font-weight: 800;\n  color: #fff;\n  margin-bottom: 6px;\n}\n.ag-profile-role {\n  font-size: 12px;\n  color: #B8860B;\n  font-weight: 600;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n}\n.ag-profile-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\/* FIX v2: was #aaa, improved on dark card *\/\n.ag-profile-tag {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 4px 10px;\n  border-radius: 20px;\n  background: rgba(255,255,255,.08);\n  color: rgba(255,255,255,0.75);\n  border: 1px solid rgba(255,255,255,.12);\n}\n.ag-profile-links {\n  display: flex;\n  gap: 10px;\n  justify-content: center;\n}\n.ag-profile-link {\n  display: flex; align-items: center; gap: 6px;\n  font-size: 12px; font-weight: 600;\n  padding: 8px 16px; border-radius: 8px;\n  text-decoration: none;\n  transition: background .2s;\n}\n.ag-profile-link.linkedin {\n  background: rgba(10,102,194,.2);\n  color: #60a5fa;\n  border: 1px solid rgba(10,102,194,.3);\n}\n.ag-profile-link.linkedin:hover { background: rgba(10,102,194,.35); }\n.ag-profile-link.wa {\n  background: rgba(18,140,126,.2);\n  color: #34d399;\n  border: 1px solid rgba(18,140,126,.3);\n}\n.ag-profile-link.wa:hover { background: rgba(18,140,126,.35); }\n\n\/* Expert judiciaire badge *\/\n.ag-expert-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: rgba(184,134,11,.1);\n  border: 1px solid rgba(184,134,11,.25);\n  border-radius: 8px;\n  padding: 10px 16px;\n  margin-top: 20px;\n  font-size: 12px;\n  color: #B8860B;\n  font-weight: 600;\n  width: 100%;\n  justify-content: center;\n}\n\n\/* \u2500\u2500 S5 PARTENAIRES (light grey bg) \u2500\u2500 *\/\n.ag-partenaires {\n  background: #F8F7F5;\n  padding: 80px 40px;\n}\n.ag-partner-grid {\n  max-width: 900px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 24px;\n}\n@media(max-width:640px){ .ag-partner-grid { grid-template-columns:1fr; } }\n.ag-partner-card {\n  background: #fff;\n  border-radius: 16px;\n  padding: 32px 24px;\n  text-align: center;\n  border: 1.5px solid #f0f0f0;\n  transition: border-color .2s, transform .2s;\n}\n.ag-partner-card:hover {\n  border-color: rgba(184,134,11,.25);\n  transform: translateY(-4px);\n}\n.ag-partner-logo {\n  font-size: 36px;\n  margin-bottom: 14px;\n  display: block;\n}\n.ag-partner-name {\n  font-size: 16px;\n  font-weight: 700;\n  color: #111;\n  margin-bottom: 8px;\n}\n.ag-partner-desc {\n  font-size: 13px;\n  color: #777;\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 S6 CHIFFRES (dark bg) \u2500\u2500 *\/\n.ag-chiffres {\n  background: linear-gradient(160deg,#0F2237,#0a1828);\n  padding: 80px 40px;\n}\n.ag-chiffres-grid {\n  max-width: 900px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 32px;\n  text-align: center;\n}\n@media(max-width:640px){ .ag-chiffres-grid { grid-template-columns: repeat(2,1fr); } }\n.ag-chiffre-num {\n  font-size: 3rem;\n  font-weight: 900;\n  color: #B8860B;\n  line-height: 1;\n  display: block;\n}\n\/* FIX v2: was #556, near-invisible on dark bg *\/\n.ag-chiffre-label {\n  font-size: 12px;\n  color: #8fa8c0;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  margin-top: 8px;\n  display: block;\n}\n\n\/* \u2500\u2500 S7 TABLEAU COMPARATIF (dark bg) \u2500\u2500 *\/\n.ag-tableau {\n  background: linear-gradient(160deg,#0a1620,#0d1f32);\n  padding: 80px 40px;\n}\n.ag-tableau-inner {\n  max-width: 960px;\n  margin: 0 auto;\n}\n\/* Override section-center defaults for dark bg *\/\n.ag-tableau .ag-section-center h2 { color: #e8ecf0; }\n.ag-tableau .ag-section-center p  { color: rgba(255,255,255,0.6); }\n\n\/* Scrollable wrapper *\/\n.ag-table-wrap {\n  overflow-x: auto;\n  border-radius: 12px;\n  border: 1px solid rgba(255,255,255,0.12);\n}\n\n\/* TABLE on DARK background *\/\n.ag-table-dark {\n  width: 100%;\n  border-collapse: collapse;\n  color: #e8ecf0;\n  font-size: 14px;\n}\n.ag-table-dark th {\n  background: rgba(255,255,255,0.07);\n  color: #fff;\n  font-weight: 700;\n  font-size: 12px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  padding: 14px 20px;\n  text-align: left;\n  border: 1px solid rgba(255,255,255,0.12);\n}\n.ag-table-dark td {\n  color: rgba(255,255,255,0.8);\n  padding: 13px 20px;\n  border: 1px solid rgba(255,255,255,0.12);\n  line-height: 1.5;\n  vertical-align: middle;\n}\n.ag-table-dark tr:nth-child(odd) td  { background: rgba(255,255,255,0.04); }\n.ag-table-dark tr:nth-child(even) td { background: transparent; }\n.ag-table-dark tr:hover td           { background: rgba(255,255,255,0.07); }\n.ag-table-dark td:first-child { font-weight: 600; color: #e8ecf0; }\n.ag-table-dark .td-check { color: #4ade80; font-weight: 700; }\n.ag-table-dark .td-cross { color: rgba(255,255,255,0.3); }\n.ag-table-dark .td-gold  { color: #DAA520; font-weight: 700; }\n\n\/* TABLE on WHITE background (utility class, not used on this page but defined for consistency) *\/\n.ag-table-light {\n  width: 100%;\n  border-collapse: collapse;\n  color: #111;\n  font-size: 14px;\n}\n.ag-table-light th {\n  background: #f5f5f5;\n  color: #111;\n  font-weight: 700;\n  font-size: 12px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  padding: 14px 20px;\n  text-align: left;\n  border: 1px solid #e5e7eb;\n}\n.ag-table-light td {\n  color: #111;\n  padding: 13px 20px;\n  border: 1px solid #e5e7eb;\n  line-height: 1.5;\n}\n.ag-table-light tr:nth-child(even) td { background: #fafafa; }\n.ag-table-light tr:hover td           { background: #f0f4ff; }\n\n\/* \u2500\u2500 S8 CTA (white bg) \u2500\u2500 *\/\n.ag-cta {\n  background: #fff;\n  padding: 96px 40px;\n  text-align: center;\n}\n.ag-cta h2 {\n  font-size: clamp(1.7rem,4vw,2.8rem);\n  font-weight: 900;\n  color: #111;\n  max-width: 700px;\n  margin: 0 auto 16px;\n  line-height: 1.2;\n}\n.ag-cta-sub {\n  font-size: 15px;\n  color: #888;\n  margin-bottom: 40px;\n}\n.ag-cta-btns {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n@media(max-width:480px){\n  .ag-valeurs,.ag-equipe,.ag-partenaires { padding: 56px 20px; }\n  .ag-cta { padding: 64px 20px; }\n  .ag-chiffres,.ag-tableau { padding: 56px 20px; }\n}\n<\/style>\n\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S1: HERO (dark bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-hero\">\n  <div class=\"ag-hero-inner ahi-split\">\n    <div class=\"ahi-text\">\n      <p class=\"ag-eyebrow ar\">L'agence derri\u00e8re MisterGoo<\/p>\n      <h1 class=\"ar d1\">\n        On vous met en t\u00eate de Google.<br>\n        <span class=\"gs\">En abonnement.<\/span>\n      <\/h1>\n      <p class=\"ag-hero-sub ar d2\">\n        MogaCode est une agence digitale fond\u00e9e \u00e0 Essaouira, au Maroc, par un ing\u00e9nieur\n        et expert judiciaire informatique avec 30 ans de m\u00e9tier. On ne vend pas un site\n        et on s'en va : on con\u00e7oit le site, on l'h\u00e9berge en Europe et on le\n        <strong style=\"color:#ccc\">r\u00e9f\u00e8re en continu<\/strong>, dans un seul abonnement,\n        port\u00e9 par notre propre technologie, MisterGoo.\n      <\/p>\n      <div class=\"ag-hero-ctas ar d3\">\n        <a href=\"\/en\/mistergoo\/\" class=\"btn-gold\">D\u00e9couvrir la m\u00e9thode MisterGoo &rarr;<\/a>\n        <a href=\"https:\/\/wa.me\/212620229114\" class=\"btn-ghost\">En parler sur WhatsApp<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"ahi-photo\">\n      <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/04\/IMG_2333.jpeg\"\n           alt=\"Patrick, fondateur de MogaCode, Expert judiciaire informaticien, fondateur MogaCode Essaouira\"\n           width=\"420\" height=\"500\"\n           style=\"width:100%;height:auto;border-radius:16px;object-fit:cover;object-position:center top;box-shadow:0 20px 60px rgba(0,0,0,.4)\">\n    <\/div>\n    <div class=\"ag-hero-cards\">\n      <div class=\"ag-hero-card ar d1\">\n        <div class=\"ag-hcard-icon\">\ud83c\udfc6<\/div>\n        <div>\n          <div class=\"ag-hcard-num\">130+<\/div>\n          <div class=\"ag-hcard-label\">Sites en production<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ag-hero-card ar d2\">\n        <div class=\"ag-hcard-icon\">\ud83c\udfd7\ufe0f<\/div>\n        <div>\n          <div class=\"ag-hcard-num\">30+<\/div>\n          <div class=\"ag-hcard-label\">Years of IT expertise<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ag-hero-card ar d3\">\n        <div class=\"ag-hcard-icon\">\u2696\ufe0f<\/div>\n        <div>\n          <div class=\"ag-hcard-num\" style=\"font-size:1.1rem;color:#e8ecf0\">Court-appointed expert<\/div>\n          <div class=\"ag-hcard-label\">Commercial Court of Brussels<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ag-hero-card ar d4\">\n        <div class=\"ag-hcard-icon\">\ud83d\ude80<\/div>\n        <div>\n          <div class=\"ag-hcard-num\" style=\"font-size:1.1rem;color:#e8ecf0\">MisterGoo<\/div>\n          <div class=\"ag-hcard-label\">Notre technologie de r\u00e9f\u00e9rencement<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ar d4\" style=\"grid-column:1\/-1;margin-top:16px;font-size:13px;color:rgba(255,255,255,.6);line-height:1.8\">\n        Areas covered: <a href=\"\/en\/agence-wordpress-belgique\/\" style=\"color:#B8860B;text-decoration:underline\">WordPress Belgium &amp; Luxembourg<\/a> \u00b7 <a href=\"\/en\/creation-site-web-essaouira\/\" style=\"color:#B8860B;text-decoration:underline\">Website creation Essaouira<\/a> \u00b7 <a href=\"\/en\/sites-wordpress\/\" style=\"color:#B8860B;text-decoration:underline\">WordPress Sites<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S1b: M\u00c9THODE MISTERGOO (light bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-histoire\" style=\"padding-top:64px;padding-bottom:8px\">\n  <div style=\"max-width:1000px;margin:0 auto;text-align:center;padding:0 24px\">\n    <span class=\"gold-line\" style=\"margin:0 auto 20px;display:block;width:48px\"><\/span>\n    <p class=\"ag-eyebrow\">Notre fa\u00e7on de livrer<\/p>\n    <h2 style=\"margin-bottom:14px\">On ne vend pas un site. <span class=\"gs\">On vend du r\u00e9f\u00e9rencement.<\/span><\/h2>\n    <p style=\"max-width:720px;margin:0 auto 34px;color:#4a5568;line-height:1.75\">\n      Aujourd'hui, tout le monde sort un joli site gr\u00e2ce \u00e0 l'IA. La vraie question, c'est : est-ce qu'on vous trouve sur Google ? C'est pour \u00e7a qu'on r\u00e9unit la conception, l'h\u00e9bergement en Europe et le r\u00e9f\u00e9rencement continu dans un seul abonnement, MisterGoo, la technologie que nous d\u00e9veloppons et poss\u00e9dons. Sans engagement, au trimestre.\n    <\/p>\n    <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:900px;margin:0 auto 34px;text-align:left\">\n      <div style=\"background:#f8f7f5;border:1px solid rgba(184,134,11,.18);border-radius:14px;padding:24px\">\n        <div style=\"font-weight:800;color:#0F2237;margin-bottom:8px\">Le site<\/div>\n        <div style=\"color:#5A6B80;font-size:.95rem;line-height:1.6\">Con\u00e7u sur mesure, rapide, mobile, que vous poss\u00e9dez vraiment. Il vous appartient d\u00e8s la fin du deuxi\u00e8me trimestre.<\/div>\n      <\/div>\n      <div style=\"background:#f8f7f5;border:1px solid rgba(184,134,11,.18);border-radius:14px;padding:24px\">\n        <div style=\"font-weight:800;color:#0F2237;margin-bottom:8px\">L'h\u00e9bergement<\/div>\n        <div style=\"color:#5A6B80;font-size:.95rem;line-height:1.6\">En Europe, chez Infomaniak, souverain et \u00e9coresponsable. S\u00e9curit\u00e9 et sauvegardes g\u00e9r\u00e9es par nous.<\/div>\n      <\/div>\n      <div style=\"background:#f8f7f5;border:1px solid rgba(184,134,11,.18);border-radius:14px;padding:24px\">\n        <div style=\"font-weight:800;color:#0F2237;margin-bottom:8px\">Le r\u00e9f\u00e9rencement<\/div>\n        <div style=\"color:#5A6B80;font-size:.95rem;line-height:1.6\">Travaill\u00e9 en continu avec MisterGoo. Vous suivez vos positions en direct. Obligation de moyens, jamais de promesse de place.<\/div>\n      <\/div>\n    <\/div>\n    <a href=\"\/en\/mistergoo\/\" class=\"btn-gold\" style=\"color:#fff\">D\u00e9couvrir la m\u00e9thode MisterGoo &rarr;<\/a>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S2: HISTOIRE & TIMELINE (white bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-histoire\">\n  <div class=\"ag-histoire-inner\">\n    <div class=\"ar left\">\n      <span class=\"gold-line\"><\/span>\n      <p class=\"ag-eyebrow\">Our story<\/p>\n      <h2>Born from a conviction:<br>the Moroccan web <span class=\"gs\">deserves better.<\/span><\/h2>\n      <p>\n        Patrick, founder of MogaCode, is a digital pioneer with over 30 years of experience in IT. He is a court-appointed expert with the\n        <strong>Commercial Court of Brussels<\/strong>, He practiced in Belgium before settling in <strong>Essaouira, Morocco<\/strong>, convinced of the untapped potential of local businesses in the digital sphere.\n      <\/p>\n      <p>\n        MogaCode est n\u00e9e de cette conviction : les TPE, cabinets, clubs, formateurs\n        et porteurs de projets au Maroc et dans la diaspora m\u00e9ritent une pr\u00e9sence\n        digitale aussi professionnelle que les grandes enseignes europ\u00e9ennes, <strong>without European tariffs.<\/strong>\n      <\/p>\n      <p>\n        From <strong>Essaouira, in the heart of Atlantic Morocco<\/strong>, notre \u00e9quipe\n        livre des sites WordPress premium qui rankent, port\u00e9s par notre propre technologie\n        de r\u00e9f\u00e9rencement, <a href=\"\/en\/mistergoo\/\" style=\"color:#B8860B;font-weight:600\">MisterGoo<\/a>,\n        pour des clients au Maroc, en Belgique, en France et au Luxembourg. On d\u00e9veloppe nos\n        outils au lieu de louer ceux des autres : on ma\u00eetrise chaque levier qu'on actionne pour vous.\n      <\/p>\n    <\/div>\n    <div class=\"ar right\">\n      <p class=\"ag-eyebrow\">Key benchmarks<\/p>\n      <div class=\"ag-timeline\">\n        <div class=\"ag-tl-item\">\n          <div class=\"ag-tl-dot\">\ud83d\udda5\ufe0f<\/div>\n          <div>\n            <div class=\"ag-tl-year\">1990s<\/div>\n            <div class=\"ag-tl-title\">Early days in computing, Belgium<\/div>\n            <div class=\"ag-tl-desc\">Software development, networks and infrastructure for Belgian SMEs.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ag-tl-item\">\n          <div class=\"ag-tl-dot\">\u2696\ufe0f<\/div>\n          <div>\n            <div class=\"ag-tl-year\">2019, 2025<\/div>\n            <div class=\"ag-tl-title\">Expert IT judiciaire, faillites frauduleuses<\/div>\n            <div class=\"ag-tl-desc\">Missions for the Brussels Commercial Court: inventory, data extraction, fraud analysis, reporting to lawyers and the supervising judge.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ag-tl-item\">\n          <div class=\"ag-tl-dot\">\ud83c\udfd7\ufe0f<\/div>\n          <div>\n            <div class=\"ag-tl-year\">2020, 2025<\/div>\n            <div class=\"ag-tl-title\">Digital entrepreneurship, Belgium \/ Luxembourg<\/div>\n            <div class=\"ag-tl-desc\">B2C e-commerce (200 tonnes\/year), web development, AI. Coden: digitalization of SMEs in Belgium and Luxembourg.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ag-tl-item\">\n          <div class=\"ag-tl-dot\">\ud83c\uddf2\ud83c\udde6<\/div>\n          <div>\n            <div class=\"ag-tl-year\">October 2025<\/div>\n            <div class=\"ag-tl-title\">Creation of MogaCode SARL-AU<\/div>\n            <div class=\"ag-tl-desc\">MogaCode was founded in Essaouira, Morocco. It is the region&#039;s first WordPress &amp; SaaS agency.<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"ag-tl-item\">\n          <div class=\"ag-tl-dot\">\ud83d\ude80<\/div>\n          <div>\n            <div class=\"ag-tl-year\">2025 \u2192<\/div>\n            <div class=\"ag-tl-title\">Lancement de MisterGoo<\/div>\n            <div class=\"ag-tl-desc\">Premier SaaS SEO marocain, audits IA, suivi de positions, Ghost Writer, automatisation GMB.<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S3: VALEURS (light grey bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-valeurs\">\n  <div class=\"ag-section-center ar\">\n    <span class=\"gold-line\" style=\"margin:0 auto 20px;display:block;width:48px\"><\/span>\n    <p class=\"ag-eyebrow\">What defines us<\/p>\n    <h2>Our <span class=\"gs\">values<\/span> on a daily basis<\/h2>\n    <p>No fluff. Here&#039;s how we work, in practice.<\/p>\n  <\/div>\n  <div class=\"ag-valeurs-grid\">\n    <div class=\"ag-valeur-card ar d1\">\n      <span class=\"ag-valeur-icon\">\ud83c\udfaf<\/span>\n      <div class=\"ag-valeur-title\">Results first<\/div>\n      <div class=\"ag-valeur-desc\">Un site beau mais sans trafic ne sert \u00e0 rien. On con\u00e7oit pour convertir, positionner et performer, pas juste pour impressionner en portfolio.<\/div>\n    <\/div>\n    <div class=\"ag-valeur-card ar d2\">\n      <span class=\"ag-valeur-icon\">\ud83e\udd1d<\/span>\n      <div class=\"ag-valeur-title\">Total transparency<\/div>\n      <div class=\"ag-valeur-desc\">Tarifs fixes et clairs, d\u00e9lais tenus, acc\u00e8s direct au code et aux analytics. Aucune boite noire entre vous et votre site.<\/div>\n    <\/div>\n    <div class=\"ag-valeur-card ar d3\">\n      <span class=\"ag-valeur-icon\">\u26a1<\/span>\n      <div class=\"ag-valeur-title\">Speed of execution<\/div>\n      <div class=\"ag-valeur-desc\">Sites livr\u00e9s en 2 \u00e0 4 jours, parfois le jour m\u00eame si le client est bien organis\u00e9. Pas de projets qui trainent des mois dans un backlog oubli\u00e9.<\/div>\n    <\/div>\n    <div class=\"ag-valeur-card ar d4\">\n      <span class=\"ag-valeur-icon\">\ud83c\udfd7\ufe0f<\/span>\n      <div class=\"ag-valeur-title\">solid foundations<\/div>\n      <div class=\"ag-valeur-desc\">Clean architecture, readable code, premium Infomaniak hosting, daily backups. Your site stands the test of time.<\/div>\n    <\/div>\n    <div class=\"ag-valeur-card ar d5\">\n      <span class=\"ag-valeur-icon\">\ud83c\udf31<\/span>\n      <div class=\"ag-valeur-title\">Local growth<\/div>\n      <div class=\"ag-valeur-desc\">Training of interns in Essaouira. Each funded project contributes to building a competent Moroccan digital ecosystem.<\/div>\n    <\/div>\n    <div class=\"ag-valeur-card ar d6\">\n      <span class=\"ag-valeur-icon\">\ud83d\udd12<\/span>\n      <div class=\"ag-valeur-title\">Rigour &amp; integrity<\/div>\n      <div class=\"ag-valeur-desc\">30 years of rigorous expertise in forensic science are reflected in every deliverable. We stand behind what we produce.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S4: \u00c9QUIPE \/ FONDATEUR (white bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-equipe\">\n  <div class=\"ag-team-grid\">\n    <div class=\"ag-team-bio ar left\">\n      <span class=\"gold-line\"><\/span>\n      <p class=\"ag-eyebrow\">The founder<\/p>\n      <h2>Patrick, <br>Engineer, Expert &amp; <span class=\"gs\">Entrepreneur.<\/span><\/h2>\n      <p>\n        Patrick is accumulating <strong>30 years of experience in IT<\/strong>, first as a developer and system architect in Belgium, then as a court-appointed IT expert accredited to the Commercial Court of Brussels.\n      <\/p>\n      <p>\n        Sa double expertise, <strong>In-depth technical expertise and business vision<\/strong>, lui permet de concevoir des solutions digitales qui tiennent la route\n        juridiquement, techniquement et commercialement.\n      <\/p>\n      <p>\n        Based in Essaouira since 2025, he is developing MogaCode with a clear vision: to bring to each Moroccan SME a digital presence worthy of European standards.\n      <\/p>\n      <div class=\"ag-expertise\">\n        <span class=\"ag-exp-badge\">\u2696\ufe0f IT Forensic Expert<\/span>\n        <span class=\"ag-exp-badge\">\ud83d\udda5\ufe0f WordPress \/ PHP<\/span>\n        <span class=\"ag-exp-badge\">\ud83d\udcca SaaS architecture<\/span>\n        <span class=\"ag-exp-badge\">\ud83d\udd0d Technical SEO<\/span>\n        <span class=\"ag-exp-badge\">\ud83d\udee1\ufe0f Cybersecurity<\/span>\n        <span class=\"ag-exp-badge\">\ud83c\uddeb\ud83c\uddf7 \ud83c\uddf3\ud83c\uddf1 \ud83c\uddec\ud83c\udde7 Trilingual<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"ar right\">\n      <div class=\"ag-profile-card\">\n        <div class=\"ag-profile-avatar\">P<\/div>\n        <div class=\"ag-profile-name\">Patrick<\/div>\n        <div class=\"ag-profile-role\">Founder \u00b7 CEO \u00b7 Lead Developer<\/div>\n        <div class=\"ag-profile-tags\">\n          <span class=\"ag-profile-tag\">\ud83c\uddf2\ud83c\udde6 Essaouira<\/span>\n          <span class=\"ag-profile-tag\">\ud83c\udde7\ud83c\uddea Brussels<\/span>\n          <span class=\"ag-profile-tag\">30+ years in IT<\/span>\n          <span class=\"ag-profile-tag\">Court-appointed expert<\/span>\n        <\/div>\n        <div class=\"ag-profile-links\">\n          <a href=\"https:\/\/www.linkedin.com\/company\/mogacode\" target=\"_blank\" rel=\"noopener\" class=\"ag-profile-link linkedin\">\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\"\/><circle cx=\"4\" cy=\"4\" r=\"2\"\/><\/svg>\n            LinkedIn\n          <\/a>\n          <a href=\"https:\/\/wa.me\/212620229114\" target=\"_blank\" rel=\"noopener\" class=\"ag-profile-link wa\">\n            \ud83d\udcac WhatsApp\n          <\/a>\n        <\/div>\n        <div class=\"ag-expert-badge\">\n          \u2696\ufe0f Expert judiciaire informaticien, Tribunal de Commerce de Bruxelles\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S5: PARTENAIRES (light grey bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-partenaires\">\n  <div class=\"ag-section-center ar\">\n    <span class=\"gold-line\" style=\"margin:0 auto 20px;display:block;width:48px\"><\/span>\n    <p class=\"ag-eyebrow\">Our technology partners<\/p>\n    <h2>We rely on <span class=\"gs\">the best.<\/span><\/h2>\n    <p>No low-cost solutions. Only solid, tested, and reliable ones.<\/p>\n  <\/div>\n  <div class=\"ag-partner-grid\">\n    <div class=\"ag-partner-card ar d1\">\n      <span class=\"ag-partner-logo\">\ud83c\udf3f<\/span>\n      <div class=\"ag-partner-name\">Infomaniak<\/div>\n      <div class=\"ag-partner-desc\">Eco-friendly Swiss hosting provider. 100% renewable energy. Official MogaCode partner.<\/div>\n    <\/div>\n    <div class=\"ag-partner-card ar d2\">\n      <span class=\"ag-partner-logo\">\ud83d\udd35<\/span>\n      <div class=\"ag-partner-name\">WordPress + Elementor Pro<\/div>\n      <div class=\"ag-partner-desc\">World&#039;s #1 CMS + professional page builder. Our main building tools.<\/div>\n    <\/div>\n    <div class=\"ag-partner-card ar d3\">\n      <span class=\"ag-partner-logo\">\ud83d\udee1\ufe0f<\/span>\n      <div class=\"ag-partner-name\">WooCommerce &amp; Stripe<\/div>\n      <div class=\"ag-partner-desc\">Native WordPress e-commerce. Secure multi-currency payment, CMI Morocco and international cards.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S6: CHIFFRES CL\u00c9S (dark bg, labels fixed in v2) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-chiffres\">\n  <div class=\"ag-chiffres-grid rr\">\n    <div class=\"ar d1\" style=\"text-align:center\">\n      <strong class=\"ag-chiffre-num\" id=\"ac-sites\">130+<\/strong>\n      <span class=\"ag-chiffre-label\">Delivered sites<\/span>\n    <\/div>\n    <div class=\"ar d2\" style=\"text-align:center\">\n      <strong class=\"ag-chiffre-num\" id=\"ac-pays\">4<\/strong>\n      <span class=\"ag-chiffre-label\">Country<\/span>\n    <\/div>\n    <div class=\"ar d3\" style=\"text-align:center\">\n      <strong class=\"ag-chiffre-num\" id=\"ac-ans\">30+<\/strong>\n      <span class=\"ag-chiffre-label\">Years of expertise<\/span>\n    <\/div>\n    <div class=\"ar d4\" style=\"text-align:center\">\n      <strong class=\"ag-chiffre-num\" id=\"ac-saas\">2<\/strong>\n      <span class=\"ag-chiffre-label\">SaaS Products<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 FAQ (AEO) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-histoire\" style=\"padding-top:56px;padding-bottom:56px\">\n  <div class=\"ar\" style=\"max-width:820px;margin:0 auto;padding:0 24px\">\n    <span class=\"gold-line\" style=\"margin:0 auto 18px;display:block;width:48px\"><\/span>\n    <p class=\"ag-eyebrow\" style=\"text-align:center\">Frequently Asked Questions<\/p>\n    <h2 style=\"text-align:center;margin-bottom:12px\">Ce qu'on nous demande souvent<\/h2>\n      <h3 style=\"color:#0F2237;font-size:1.12rem;margin:24px 0 8px;line-height:1.35\">Qu'est-ce que MogaCode fait exactement ?<\/h3>\n      <p style=\"color:#4a5568;line-height:1.75;margin:0\">On con\u00e7oit des sites qui rankent sur Google et on les r\u00e9f\u00e8re en continu, dans un seul abonnement, MisterGoo. Le site, l'h\u00e9bergement en Europe et le r\u00e9f\u00e9rencement sont r\u00e9unis, sans engagement, au trimestre.<\/p>\n      <h3 style=\"color:#0F2237;font-size:1.12rem;margin:24px 0 8px;line-height:1.35\">Pourquoi un abonnement plut\u00f4t qu'un forfait ?<\/h3>\n      <p style=\"color:#4a5568;line-height:1.75;margin:0\">Parce qu'un site n'est utile que s'il est trouv\u00e9. L'abonnement r\u00e9unit la cr\u00e9ation, l'h\u00e9bergement et le travail de r\u00e9f\u00e9rencement dans la dur\u00e9e, d\u00e8s 249\u20ac\/mois. Vous voyez la progression en direct, au lieu d'un site livr\u00e9 puis abandonn\u00e9.<\/p>\n      <h3 style=\"color:#0F2237;font-size:1.12rem;margin:24px 0 8px;line-height:1.35\">O\u00f9 \u00eates-vous bas\u00e9s, et travaillez-vous \u00e0 distance ?<\/h3>\n      <p style=\"color:#4a5568;line-height:1.75;margin:0\">On est install\u00e9s \u00e0 Essaouira, au Maroc, et on accompagne des clients au Maroc, en Belgique, en France et au Luxembourg, \u00e0 distance par WhatsApp et visio, avec un interlocuteur unique.<\/p>\n      <h3 style=\"color:#0F2237;font-size:1.12rem;margin:24px 0 8px;line-height:1.35\">Qui s'occupe de mon projet ?<\/h3>\n      <p style=\"color:#4a5568;line-height:1.75;margin:0\">Le fondateur, ing\u00e9nieur et expert judiciaire informatique avec 30 ans de m\u00e9tier. Pas de chef de projet interm\u00e9diaire : vous parlez directement \u00e0 la personne qui construit et suit votre site.<\/p>\n      <h3 style=\"color:#0F2237;font-size:1.12rem;margin:24px 0 8px;line-height:1.35\">Combien de temps pour livrer un site ?<\/h3>\n      <p style=\"color:#4a5568;line-height:1.75;margin:0\">2 \u00e0 4 jours, parfois le jour m\u00eame si vos contenus sont pr\u00eats. Notre workflow acc\u00e9l\u00e9r\u00e9 par l'IA raccourcit \u00e9norm\u00e9ment les d\u00e9lais, sans rogner sur la qualit\u00e9.<\/p>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S7: TABLEAU COMPARATIF (dark bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-tableau\">\n  <div class=\"ag-tableau-inner\">\n    <div class=\"ag-section-center ar\" style=\"margin-bottom:48px\">\n      <span class=\"gold-line\" style=\"margin:0 auto 20px;display:block;width:48px\"><\/span>\n      <p class=\"ag-eyebrow\">Why MogaCode<\/p>\n      <h2 style=\"color:#e8ecf0\">MogaCode vs. <span class=\"gs\">the alternatives<\/span><\/h2>\n      <p style=\"color:rgba(255,255,255,0.6)\">Ce que vous obtenez, que vous ne trouverez pas ailleurs au m\u00eame tarif.<\/p>\n    <\/div>\n    <div class=\"ag-table-wrap ar d1\">\n      <table class=\"ag-table-dark\">\n        <thead>\n          <tr>\n            <th>Criteria<\/th>\n            <th>MogaCode<\/th>\n            <th>Low-cost freelance work<\/th>\n            <th>European Agency<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>IT Expertise (years)<\/td>\n            <td class=\"td-gold\">30 years<\/td>\n            <td>Variable<\/td>\n            <td>5, 15 ans<\/td>\n          <\/tr>\n          <tr>\n            <td>Certified court expert<\/td>\n            <td class=\"td-check\">\u2714<\/td>\n            <td class=\"td-cross\">\u2717<\/td>\n            <td class=\"td-cross\">\u2717<\/td>\n          <\/tr>\n          <tr>\n            <td>Infomaniak hosting included<\/td>\n            <td class=\"td-check\">\u2714 option<\/td>\n            <td class=\"td-cross\">\u2717<\/td>\n            <td class=\"td-cross\">\u2717<\/td>\n          <\/tr>\n          <tr>\n            <td>Technical SEO from the moment of delivery<\/td>\n            <td class=\"td-check\">\u2714 always<\/td>\n            <td class=\"td-cross\">Rarely<\/td>\n            <td>Optional (paid)<\/td>\n          <\/tr>\n          <tr>\n            <td>delivery time<\/td>\n            <td class=\"td-gold\">2 \u00e0 4 jours<\/td>\n            <td>Unpredictable<\/td>\n            <td>3, 6 mois<\/td>\n          <\/tr>\n          <tr>\n            <td>Mod\u00e8le tarifaire<\/td>\n            <td class=\"td-gold\">Abonnement MisterGoo, d\u00e8s 249&nbsp;&euro;\/mois, sans engagement<\/td>\n            <td>Forfait 500 \u00e0 2 000 MAD<\/td>\n            <td>Forfait 3 000 \u00e0 10 000&nbsp;&euro;<\/td>\n          <\/tr>\n          <tr>\n            <td>Direct access to the founder<\/td>\n            <td class=\"td-check\">\u2714<\/td>\n            <td class=\"td-check\">\u2714<\/td>\n            <td class=\"td-cross\">\u2717 (Project Manager)<\/td>\n          <\/tr>\n          <tr>\n            <td>Produit SaaS propre (MisterGoo)<\/td>\n            <td class=\"td-check\">\u2714<\/td>\n            <td class=\"td-cross\">\u2717<\/td>\n            <td class=\"td-cross\">\u2717<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550 S8: CTA (white bg) \u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"ag-cta\">\n  <span class=\"gold-line\" style=\"margin:0 auto 20px;display:block;width:48px\"><\/span>\n  <p class=\"ag-eyebrow ar\">Let&#039;s work together<\/p>\n  <h2 class=\"ar d1\">Do you have a project in mind?<br>We&#039;ll answer you <span class=\"gs\">within 24 hours.<\/span><\/h2>\n  <p class=\"ag-cta-sub ar d2\">Tarifs fixes d\u00e8s 249&nbsp;&euro;\/mois \u00b7 Sans engagement \u00b7 Conseil honn\u00eate<\/p>\n  <div class=\"ag-cta-btns ar d3\">\n    <a href=\"\/en\/mistergoo\/\" class=\"btn-gold\">D\u00e9couvrir la m\u00e9thode MisterGoo &rarr;<\/a>\n    <a href=\"https:\/\/wa.me\/212620229114\" class=\"btn-ghost\">En parler sur WhatsApp<\/a>\n  <\/div>\n<\/div>\n\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  \/\/ Scroll reveal, simple, no animation from 0\n  if(!window.IntersectionObserver) return;\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(e){\n      if(e.isIntersecting){ e.target.classList.add(\"vis\"); io.unobserve(e.target); }\n    });\n  },{threshold:0.08});\n  document.querySelectorAll(\".ar\").forEach(function(el){ io.observe(el); });\n  \/\/ Counters: animate CSS opacity\/transform only (values already in HTML)\n  \/\/ No JS count-from-zero: prevents showing 0 before animation finishes\n});<\/script>>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":1632,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1616","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>L&#039;agence derri\u00e8re MisterGoo | MogaCode Essaouira<\/title>\n<meta name=\"description\" content=\"MogaCode, agence fond\u00e9e \u00e0 Essaouira par un ing\u00e9nieur et expert judiciaire IT. On ne vend pas un site, on vous met en t\u00eate de Google en abonnement avec MisterGoo.\" \/>\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\/agence\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"L&#039;Agence, MogaCode, WordPress &amp; SaaS depuis Essaouira\" \/>\n<meta property=\"og:description\" content=\"MogaCode, agence fond\u00e9e \u00e0 Essaouira par un ing\u00e9nieur et expert judiciaire IT. On ne vend pas un site, on vous met en t\u00eate de Google en abonnement avec MisterGoo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mogacode.ma\/en\/agence\/\" \/>\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-09-17T22:08:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/04\/IMG_2333.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"498\" \/>\n\t<meta property=\"og:image:height\" content=\"453\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@mogacode\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"L'agence derri\u00e8re MisterGoo | MogaCode Essaouira","description":"MogaCode, agence fond\u00e9e \u00e0 Essaouira par un ing\u00e9nieur et expert judiciaire IT. On ne vend pas un site, on vous met en t\u00eate de Google en abonnement avec MisterGoo.","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\/agence\/","og_locale":"en_US","og_type":"article","og_title":"L'Agence, MogaCode, WordPress &amp; SaaS depuis Essaouira","og_description":"MogaCode, agence fond\u00e9e \u00e0 Essaouira par un ing\u00e9nieur et expert judiciaire IT. On ne vend pas un site, on vous met en t\u00eate de Google en abonnement avec MisterGoo.","og_url":"https:\/\/www.mogacode.ma\/en\/agence\/","og_site_name":"Mogacode","article_publisher":"https:\/\/www.facebook.com\/mogacode","article_modified_time":"2026-09-17T22:08:37+00:00","og_image":[{"width":498,"height":453,"url":"https:\/\/www.mogacode.ma\/wp-content\/uploads\/2026\/04\/IMG_2333.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@mogacode","schema":{"@context":"https:\/\/schema.org","@graph":[]}},"_links":{"self":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1616","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"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/comments?post=1616"}],"version-history":[{"count":1,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1616\/revisions"}],"predecessor-version":[{"id":1842,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/pages\/1616\/revisions\/1842"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media\/1632"}],"wp:attachment":[{"href":"https:\/\/www.mogacode.ma\/en\/wp-json\/wp\/v2\/media?parent=1616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}