{"id":690,"date":"2026-03-12T00:50:08","date_gmt":"2026-03-12T00:50:08","guid":{"rendered":"https:\/\/moroccotravel.ai\/?page_id=690"},"modified":"2026-03-12T01:03:09","modified_gmt":"2026-03-12T01:03:09","slug":"about","status":"publish","type":"page","link":"https:\/\/moroccotravel.ai\/fr\/about\/","title":{"rendered":"A propos de"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n About Us \u2013 Morocco Travel<\/title>\r\n <!-- Font Awesome 6 (free) -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* === ABOUT PAGE - UNIQUE PREFIX \"mta\" (Morocco Travel About) === *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #f9fafb;\r\n color: #1e293b;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* ----- BANNER SECTION ----- *\/\r\n .mta-banner {\r\n position: relative;\r\n width: 100%;\r\n height: 450px;\r\n background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\r\n overflow: hidden;\r\n }\r\n\r\n .mta-banner-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url('https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Ksar-of-Ait-Ben-Haddou-Morocco-GettyImages-1200043570.webp');\r\n background-size: cover;\r\n background-position: center 40%;\r\n filter: brightness(0.65) saturate(1.1);\r\n transition: transform 8s ease;\r\n z-index: 0;\r\n }\r\n\r\n .mta-banner:hover .mta-banner-bg {\r\n transform: scale(1.05);\r\n }\r\n\r\n .mta-banner-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(135deg, rgba(15,23,42,0.7) 0%, rgba(30,41,59,0.5) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .mta-banner-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .mta-banner-subtitle {\r\n display: inline-block;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n background: rgba(208,146,61,0.25);\r\n backdrop-filter: blur(5px);\r\n padding: 8px 20px;\r\n border-radius: 40px;\r\n margin-bottom: 20px;\r\n border: 1px solid rgba(208,146,61,0.4);\r\n }\r\n\r\n .mta-banner-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(36px, 8vw, 64px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 20px;\r\n text-shadow: 0 2px 20px rgba(0,0,0,0.3);\r\n }\r\n\r\n .mta-banner-title span {\r\n color: #d0923d;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .mta-banner-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 8px;\r\n left: 0;\r\n width: 100%;\r\n height: 10px;\r\n background: rgba(208,146,61,0.3);\r\n z-index: -1;\r\n border-radius: 10px;\r\n }\r\n\r\n .mta-banner-breadcrumb {\r\n display: flex;\r\n gap: 10px;\r\n font-size: 15px;\r\n color: rgba(255,255,255,0.8);\r\n }\r\n\r\n .mta-banner-breadcrumb a {\r\n color: white;\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .mta-banner-breadcrumb a:hover {\r\n color: #d0923d;\r\n }\r\n\r\n .mta-banner-breadcrumb i {\r\n font-size: 12px;\r\n color: #d0923d;\r\n }\r\n\r\n \/* ----- STORY SECTION (IMAGE LEFT, TEXT RIGHT) ----- *\/\r\n .mta-story {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 80px 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n .mta-story-image {\r\n position: relative;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\r\n height: 500px;\r\n }\r\n\r\n .mta-story-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .mta-story-image:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .mta-story-image::before {\r\n content: '';\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n right: 20px;\r\n bottom: 20px;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-radius: 20px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n .mta-story-content {\r\n padding-left: 20px;\r\n }\r\n\r\n .mta-story-sub {\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #d0923d;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .mta-story-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 42px;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n color: #0f172a;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .mta-story-title span {\r\n color: #d0923d;\r\n }\r\n\r\n .mta-story-text {\r\n color: #475569;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .mta-story-text p {\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* ----- VALUES SECTION (CENTERED) ----- *\/\r\n .mta-values {\r\n background: #f8fafc;\r\n padding: 80px 30px;\r\n text-align: center;\r\n }\r\n\r\n .mta-values-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .mta-values-sub {\r\n font-size: 13px;\r\n font-weight: 600;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #d0923d;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .mta-values-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 42px;\r\n font-weight: 800;\r\n color: #0f172a;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .mta-values-title span {\r\n color: #d0923d;\r\n }\r\n\r\n .mta-values-desc {\r\n max-width: 700px;\r\n margin: 0 auto 50px;\r\n color: #475569;\r\n font-size: 17px;\r\n }\r\n\r\n .mta-values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .mta-value-item {\r\n background: white;\r\n padding: 40px 30px;\r\n border-radius: 30px;\r\n box-shadow: 0 20px 40px -15px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease;\r\n border: 1px solid #edf2f7;\r\n }\r\n\r\n .mta-value-item:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 30px 50px -20px rgba(208,146,61,0.2);\r\n border-color: rgba(208,146,61,0.2);\r\n }\r\n\r\n .mta-value-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: rgba(208,146,61,0.08);\r\n border-radius: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 25px;\r\n font-size: 30px;\r\n color: #d0923d;\r\n transition: all 0.3s;\r\n }\r\n\r\n .mta-value-item:hover .mta-value-icon {\r\n background: #d0923d;\r\n color: white;\r\n }\r\n\r\n .mta-value-item h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .mta-value-item p {\r\n color: #64748b;\r\n font-size: 15px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ----- GALLERY SECTION (TWO IMAGES) ----- *\/\r\n .mta-gallery {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 80px 30px;\r\n }\r\n\r\n .mta-gallery-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .mta-gallery-item {\r\n position: relative;\r\n border-radius: 30px;\r\n overflow: hidden;\r\n height: 400px;\r\n box-shadow: 0 25px 50px -12px rgba(0,0,0,0.2);\r\n }\r\n\r\n .mta-gallery-item img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .mta-gallery-item:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .mta-gallery-item::before {\r\n content: '';\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n right: 20px;\r\n bottom: 20px;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-radius: 20px;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n \/* ----- CTA SECTION ----- *\/\r\n .mta-cta {\r\n background: linear-gradient(135deg, #d0923d, #b37a34);\r\n padding: 60px 30px;\r\n text-align: center;\r\n color: white;\r\n }\r\n\r\n .mta-cta-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .mta-cta-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 42px;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .mta-cta-desc {\r\n font-size: 18px;\r\n margin-bottom: 30px;\r\n opacity: 0.9;\r\n }\r\n\r\n .mta-cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: white;\r\n color: #d0923d;\r\n font-weight: 700;\r\n font-size: 16px;\r\n padding: 16px 40px;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n transition: all 0.3s;\r\n box-shadow: 0 15px 30px -8px rgba(0,0,0,0.2);\r\n }\r\n\r\n .mta-cta-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 20px 35px -8px rgba(0,0,0,0.3);\r\n background: #f8fafc;\r\n }\r\n\r\n .mta-cta-btn i {\r\n transition: transform 0.3s;\r\n }\r\n\r\n .mta-cta-btn:hover i {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* ----- RESPONSIVE ----- *\/\r\n @media (max-width: 992px) {\r\n .mta-story {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .mta-story-content {\r\n padding-left: 0;\r\n }\r\n .mta-values-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .mta-banner {\r\n height: 380px;\r\n }\r\n .mta-story-image {\r\n height: 400px;\r\n }\r\n .mta-values-grid {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n .mta-gallery-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .mta-gallery-item {\r\n height: 300px;\r\n }\r\n .mta-story-title,\r\n .mta-values-title,\r\n .mta-cta-title {\r\n font-size: 36px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .mta-banner {\r\n height: 320px;\r\n }\r\n .mta-banner-content {\r\n padding: 0 20px;\r\n }\r\n .mta-story,\r\n .mta-values,\r\n .mta-gallery {\r\n padding: 50px 20px;\r\n }\r\n .mta-story-image {\r\n height: 300px;\r\n }\r\n }\r\n\r\n body {\r\n margin: 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- ABOUT US BANNER with Ksar of Ait Ben Haddou image -->\r\n <section class=\"mta-banner\">\r\n <div class=\"mta-banner-bg\" style=\"background-image: url('https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/Ksar-of-Ait-Ben-Haddou-Morocco-GettyImages-1200043570.webp');\"><\/div>\r\n <div class=\"mta-banner-overlay\"><\/div>\r\n <div class=\"mta-banner-content\">\r\n <span class=\"mta-banner-subtitle\">Notre histoire<\/span>\r\n <h1 class=\"mta-banner-title\">A propos de <span>Voyage au Maroc<\/span><\/h1>\r\n <div class=\"mta-banner-breadcrumb\">\r\n <a href=\"https:\/\/moroccotravel.ai\/fr\/\">Accueil<\/a>\r\n <i class=\"fas fa-chevron-right\"><\/i>\r\n <span>A propos de nous<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- STORY SECTION (IMAGE LEFT - Marrakech hero) -->\r\n <section class=\"mta-story\">\r\n <div class=\"mta-story-image\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/marrakech-ma-hero.D93srtI5-scaled.webp\" alt=\"Morocco travel - Marrakech experience\">\r\n <\/div>\r\n <div class=\"mta-story-content\">\r\n <div class=\"mta-story-sub\">Qui sommes-nous ?<\/div>\r\n <h2 class=\"mta-story-title\">Passionn\u00e9s <span>Experts en voyages<\/span> Depuis 2010<\/h2>\r\n <div class=\"mta-story-text\">\r\n <p>Morocco Travel est n\u00e9 de l'amour du d\u00e9sert, des montagnes et de l'hospitalit\u00e9 chaleureuse du peuple marocain. Ce qui a commenc\u00e9 par de petites randonn\u00e9es guid\u00e9es dans les montagnes de l'Atlas s'est transform\u00e9 en une soci\u00e9t\u00e9 de voyage de premier plan offrant des exp\u00e9riences authentiques dans tout le pays.<\/p>\r\n <p>Nous pensons que le voyage est une question de connexion - avec les paysages, les cultures et les gens. C'est pourquoi chaque circuit est con\u00e7u pour vous immerger dans le vrai Maroc, des m\u00e9dinas anim\u00e9es aux paisibles camps du Sahara, avec des guides locaux qui partagent leurs connaissances et leur passion.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VALUES SECTION -->\r\n <section class=\"mta-values\">\r\n <div class=\"mta-values-container\">\r\n <div class=\"mta-values-sub\">Pourquoi voyager avec nous ?<\/div>\r\n <h2 class=\"mta-values-title\">Notre <span>Valeurs fondamentales<\/span><\/h2>\r\n <p class=\"mta-values-desc\">Nous nous engageons \u00e0 offrir des exp\u00e9riences de voyage responsables, authentiques et inoubliables.<\/p>\r\n\r\n <div class=\"mta-values-grid\">\r\n <div class=\"mta-value-item\">\r\n <div class=\"mta-value-icon\">\r\n <i class=\"fas fa-hand-holding-heart\"><\/i>\r\n <\/div>\r\n <h3>Exp\u00e9riences authentiques<\/h3>\r\n <p>Nous vous emmenons hors des sentiers battus pour d\u00e9couvrir le vrai Maroc, ses traditions et ses habitants.<\/p>\r\n <\/div>\r\n <div class=\"mta-value-item\">\r\n <div class=\"mta-value-icon\">\r\n <i class=\"fas fa-users\"><\/i>\r\n <\/div>\r\n <h3>Expertise locale<\/h3>\r\n <p>Nos guides sont n\u00e9s et ont grandi au Maroc. Ils partagent avec vous leurs connaissances d'initi\u00e9s et leurs tr\u00e9sors cach\u00e9s.<\/p>\r\n <\/div>\r\n <div class=\"mta-value-item\">\r\n <div class=\"mta-value-icon\">\r\n <i class=\"fas fa-leaf\"><\/i>\r\n <\/div>\r\n <h3>Voyages durables<\/h3>\r\n <p>Nous respectons la nature et soutenons les communaut\u00e9s locales, afin que le tourisme profite \u00e0 tous.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- GALLERY SECTION (TWO IMAGES - WhatsApp image and Inside Guide) -->\r\n <section class=\"mta-gallery\">\r\n <div class=\"mta-gallery-grid\">\r\n <div class=\"mta-gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/rigel-dTo6fNHOaf8-unsplash-scaled-1.webp\" alt=\"Morocco travel - local experience\">\r\n <\/div>\r\n <div class=\"mta-gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/moroccotravel.ai\/wp-content\/uploads\/2026\/02\/wst_insideguide_fcr-458888_hr-scaled.avif\" alt=\"Morocco travel - local guide\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA SECTION -->\r\n <section class=\"mta-cta\">\r\n <div class=\"mta-cta-container\">\r\n <h2 class=\"mta-cta-title\">Pr\u00eat pour un <span style=\"color:#0f172a;\">L'aventure ?<\/span><\/h2>\r\n <p class=\"mta-cta-desc\">Laissez-nous vous concocter l'itin\u00e9raire parfait pour le Maroc.<\/p>\r\n <a href=\"https:\/\/moroccotravel.ai\/fr\/contact\/\" class=\"mta-cta-btn\">\r\n Commencez votre voyage <i class=\"fas fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>About Us \u2013 Morocco Travel Our story About Morocco Travel Home About Us Who we are Passionate Travel Experts Since 2010 Morocco Travel was born from a love of the desert, the mountains, and the warm hospitality of the Moroccan people. What started as small guided treks in the Atlas Mountains has grown into a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-690","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/pages\/690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/comments?post=690"}],"version-history":[{"count":7,"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/pages\/690\/revisions"}],"predecessor-version":[{"id":697,"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/pages\/690\/revisions\/697"}],"wp:attachment":[{"href":"https:\/\/moroccotravel.ai\/fr\/wp-json\/wp\/v2\/media?parent=690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}