{"id":435,"date":"2025-12-08T12:59:53","date_gmt":"2025-12-08T12:59:53","guid":{"rendered":"https:\/\/moroccotravelsaharacamp.com\/?page_id=435"},"modified":"2025-12-08T19:51:51","modified_gmt":"2025-12-08T19:51:51","slug":"about","status":"publish","type":"page","link":"https:\/\/moroccotravelsaharacamp.com\/fr\/about\/","title":{"rendered":"A propos de"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"435\" class=\"elementor elementor-435\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbd048f e-con-full e-flex e-con e-parent\" data-id=\"dbd048f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaf784f elementor-widget elementor-widget-html\" data-id=\"aaf784f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>About Us - Morocco Travel Sahara Camp | Authentic Desert Adventures<\/title>\r\n    <meta name=\"description\" content=\"Discover the story behind Morocco Travel Sahara Camp - your trusted local experts for authentic Sahara desert tours, Atlas Mountains trekking, and unforgettable Moroccan adventures.\">\r\n    <style>\r\n        \/* ====== GLOBAL STYLES ====== *\/\r\n        :root {\r\n            --primary-orange: #FF6C0C;\r\n            --primary-red: #BF1A1A;\r\n            --dark-text: #1a1a1a;\r\n            --medium-text: #555555;\r\n            --light-text: #666666;\r\n            --light-bg: #f8f9fa;\r\n            --white: #ffffff;\r\n            --border-color: #eaeaea;\r\n            --shadow-light: 0 5px 15px rgba(0, 0, 0, 0.08);\r\n            --shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.12);\r\n            --gradient-primary: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n        }\r\n        \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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n            line-height: 1.5;\r\n            color: var(--medium-text);\r\n            background-color: var(--white);\r\n            -webkit-text-size-adjust: 100%;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n        \r\n        .container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 16px;\r\n        }\r\n        \r\n        \/* ====== HERO SECTION - WITH YOUR IMAGE BACKGROUND ====== *\/\r\n        .about-hero {\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.7)), \r\n                        url('https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/6-days-desert-tour-from-Tangier-to-Marrakech.webp');\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n            color: var(--white);\r\n            padding: 80px 0 50px;\r\n            text-align: center;\r\n            position: relative;\r\n            min-height: 70vh;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        \/* Mobile: Remove fixed background for better performance *\/\r\n        @media (max-width: 768px) {\r\n            .about-hero {\r\n                background-attachment: scroll;\r\n                background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), \r\n                            url('https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/6-days-desert-tour-from-Tangier-to-Marrakech.webp');\r\n                background-size: cover;\r\n                background-position: center;\r\n                min-height: 60vh;\r\n            }\r\n        }\r\n        \r\n        .about-hero .container {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: 100%;\r\n        }\r\n        \r\n        .hero-badge {\r\n            display: inline-block;\r\n            background: var(--gradient-primary);\r\n            color: white;\r\n            padding: 8px 20px;\r\n            border-radius: 30px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.3px;\r\n            margin-bottom: 25px;\r\n            text-transform: uppercase;\r\n            border: none;\r\n            outline: none;\r\n            -webkit-appearance: none;\r\n        }\r\n        \r\n        .hero-title {\r\n            font-size: 2rem;\r\n            font-weight: 800;\r\n            line-height: 1.2;\r\n            margin-bottom: 20px;\r\n            padding: 0 8px;\r\n            color: var(--white);\r\n            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        .hero-title span {\r\n            background: linear-gradient(135deg, #FF6C0C, #BF1A1A);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n            text-shadow: none;\r\n        }\r\n        \r\n        .hero-subtitle {\r\n            font-size: 1rem;\r\n            max-width: 100%;\r\n            margin: 0 auto 30px;\r\n            font-weight: 400;\r\n            line-height: 1.7;\r\n            padding: 0 12px;\r\n            color: rgba(255, 255, 255, 0.95);\r\n            text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);\r\n        }\r\n        \r\n        \/* ====== MISSION SECTION ====== *\/\r\n        .mission-section {\r\n            padding: 60px 0;\r\n            background-color: var(--white);\r\n        }\r\n        \r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .section-badge {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, rgba(255, 108, 12, 0.1), rgba(191, 26, 26, 0.1));\r\n            color: var(--primary-orange);\r\n            padding: 6px 16px;\r\n            border-radius: 20px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            margin-bottom: 16px;\r\n            border: 1px solid rgba(255, 108, 12, 0.2);\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            color: var(--dark-text);\r\n            margin-bottom: 16px;\r\n            line-height: 1.2;\r\n            padding: 0 8px;\r\n        }\r\n        \r\n        .section-title span {\r\n            background: var(--gradient-primary);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n        \r\n        .mission-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 40px;\r\n            align-items: center;\r\n        }\r\n        \r\n        .mission-text {\r\n            font-size: 1rem;\r\n            line-height: 1.7;\r\n            width: 100%;\r\n        }\r\n        \r\n        \/* ====== MOBILE TEXT OPTIMIZATION ====== *\/\r\n        .mission-paragraph {\r\n            margin-bottom: 1.5rem;\r\n            padding: 0;\r\n            font-size: 1rem;\r\n            line-height: 1.7;\r\n            color: var(--medium-text);\r\n            hyphens: auto;\r\n            -webkit-hyphens: auto;\r\n            -moz-hyphens: auto;\r\n            text-align: left;\r\n        }\r\n        \r\n        \/* Better word breaking for mobile *\/\r\n        .mission-paragraph strong {\r\n            color: var(--dark-text);\r\n            font-weight: 700;\r\n            word-break: keep-all;\r\n        }\r\n        \r\n        .wikipedia-link {\r\n            color: var(--primary-orange);\r\n            text-decoration: underline;\r\n            font-weight: 600;\r\n            word-break: break-word;\r\n        }\r\n        \r\n        .mission-image {\r\n            width: 100%;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-medium);\r\n            aspect-ratio: 16\/9;\r\n        }\r\n        \r\n        .mission-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        .mission-image:hover img {\r\n            transform: scale(1.03);\r\n        }\r\n        \r\n        \/* ====== VALUES SECTION ====== *\/\r\n        .values-section {\r\n            padding: 60px 0;\r\n            background-color: var(--light-bg);\r\n        }\r\n        \r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 20px;\r\n            margin-top: 40px;\r\n        }\r\n        \r\n        .value-card {\r\n            background: var(--white);\r\n            padding: 25px 20px;\r\n            border-radius: 12px;\r\n            text-align: center;\r\n            box-shadow: var(--shadow-light);\r\n            transition: all 0.3s ease;\r\n            border: 1px solid var(--border-color);\r\n            -webkit-tap-highlight-color: rgba(255, 108, 12, 0.1);\r\n        }\r\n        \r\n        .value-card:active {\r\n            transform: scale(0.98);\r\n        }\r\n        \r\n        .value-card:hover {\r\n            transform: translateY(-5px);\r\n            border-color: var(--primary-orange);\r\n        }\r\n        \r\n        .value-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: var(--gradient-primary);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n        }\r\n        \r\n        .value-icon i {\r\n            font-size: 24px;\r\n            color: white;\r\n        }\r\n        \r\n        .value-card h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: var(--dark-text);\r\n            margin-bottom: 12px;\r\n        }\r\n        \r\n        .value-card p {\r\n            font-size: 0.95rem;\r\n            color: var(--light-text);\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* ====== CTA SECTION ====== *\/\r\n        .cta-section {\r\n            padding: 60px 0;\r\n            background: var(--white);\r\n            color: var(--dark-text);\r\n            text-align: center;\r\n            border-top: 1px solid var(--border-color);\r\n        }\r\n        \r\n        .cta-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            margin-bottom: 16px;\r\n            line-height: 1.2;\r\n            padding: 0 8px;\r\n            color: var(--dark-text);\r\n        }\r\n        \r\n        .cta-subtitle {\r\n            font-size: 1rem;\r\n            max-width: 100%;\r\n            margin: 0 auto 30px;\r\n            line-height: 1.6;\r\n            padding: 0 12px;\r\n            color: var(--medium-text);\r\n        }\r\n        \r\n        .cta-buttons {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 16px;\r\n            align-items: center;\r\n            width: 100%;\r\n            max-width: 400px;\r\n            margin: 0 auto;\r\n        }\r\n        \r\n        .btn-primary, .btn-secondary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            padding: 16px 24px;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            border-radius: 12px;\r\n            transition: all 0.3s ease;\r\n            width: 100%;\r\n            border: none;\r\n            outline: none;\r\n            -webkit-appearance: none;\r\n            cursor: pointer;\r\n            -webkit-tap-highlight-color: transparent;\r\n        }\r\n        \r\n        .btn-primary {\r\n            background: var(--gradient-primary);\r\n            color: var(--white);\r\n            box-shadow: 0 4px 12px rgba(255, 108, 12, 0.2);\r\n        }\r\n        \r\n        .btn-primary:active {\r\n            transform: scale(0.98);\r\n            box-shadow: 0 2px 8px rgba(255, 108, 12, 0.1);\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 20px rgba(255, 108, 12, 0.3);\r\n        }\r\n        \r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: var(--primary-orange);\r\n            border: 2px solid var(--primary-orange);\r\n        }\r\n        \r\n        .btn-secondary:active {\r\n            transform: scale(0.98);\r\n        }\r\n        \r\n        .btn-secondary:hover {\r\n            background: rgba(255, 108, 12, 0.05);\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        \/* ====== MOBILE OPTIMIZATIONS ====== *\/\r\n        button, \r\n        .btn-primary, \r\n        .btn-secondary, \r\n        .value-card {\r\n            min-height: 44px;\r\n        }\r\n        \r\n        html {\r\n            -webkit-text-size-adjust: 100%;\r\n            text-size-adjust: 100%;\r\n            scroll-behavior: smooth;\r\n        }\r\n        \r\n        img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n        \r\n        p, li {\r\n            font-size: 16px;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        section {\r\n            padding-left: 16px;\r\n            padding-right: 16px;\r\n        }\r\n        \r\n        \/* ====== TABLET OPTIMIZATION ====== *\/\r\n        @media (min-width: 768px) {\r\n            .container {\r\n                padding: 0 24px;\r\n            }\r\n            \r\n            .about-hero {\r\n                padding: 100px 0 70px;\r\n                min-height: 80vh;\r\n            }\r\n            \r\n            .hero-title {\r\n                font-size: 2.5rem;\r\n                padding: 0;\r\n            }\r\n            \r\n            .hero-subtitle {\r\n                font-size: 1.1rem;\r\n                max-width: 700px;\r\n                padding: 0;\r\n            }\r\n            \r\n            .mission-section,\r\n            .values-section,\r\n            .cta-section {\r\n                padding: 80px 0;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.2rem;\r\n                padding: 0;\r\n            }\r\n            \r\n            .mission-content {\r\n                flex-direction: row;\r\n                gap: 50px;\r\n            }\r\n            \r\n            .mission-text {\r\n                flex: 1;\r\n            }\r\n            \r\n            .mission-image {\r\n                flex: 1;\r\n                aspect-ratio: 4\/3;\r\n            }\r\n            \r\n            .values-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 25px;\r\n            }\r\n            \r\n            .value-card {\r\n                padding: 30px 25px;\r\n            }\r\n            \r\n            .cta-title {\r\n                font-size: 2.2rem;\r\n                padding: 0;\r\n            }\r\n            \r\n            .cta-subtitle {\r\n                font-size: 1.1rem;\r\n                max-width: 700px;\r\n                padding: 0;\r\n            }\r\n            \r\n            .cta-buttons {\r\n                flex-direction: row;\r\n                max-width: 600px;\r\n                justify-content: center;\r\n            }\r\n            \r\n            .btn-primary,\r\n            .btn-secondary {\r\n                width: auto;\r\n                min-width: 200px;\r\n                max-width: 280px;\r\n            }\r\n        }\r\n        \r\n        \/* ====== DESKTOP OPTIMIZATION ====== *\/\r\n        @media (min-width: 1024px) {\r\n            .hero-title {\r\n                font-size: 3rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .values-grid {\r\n                grid-template-columns: repeat(4, 1fr);\r\n                gap: 30px;\r\n            }\r\n            \r\n            .value-card {\r\n                padding: 35px 30px;\r\n            }\r\n            \r\n            .cta-title {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n        \r\n        \/* ====== LARGE DESKTOP ====== *\/\r\n        @media (min-width: 1200px) {\r\n            .container {\r\n                padding: 0 32px;\r\n            }\r\n            \r\n            .about-hero {\r\n                padding: 120px 0 80px;\r\n                min-height: 90vh;\r\n            }\r\n            \r\n            .hero-title {\r\n                font-size: 3.5rem;\r\n            }\r\n        }\r\n        \r\n        \/* ====== MOBILE-SPECIFIC TEXT OPTIMIZATIONS ====== *\/\r\n        @media (max-width: 767px) {\r\n            .mission-paragraph {\r\n                font-size: 0.95rem;\r\n                line-height: 1.65;\r\n                margin-bottom: 1.3rem;\r\n                padding: 0 2px;\r\n                text-align: justify;\r\n                text-justify: inter-word;\r\n            }\r\n            \r\n            .mission-paragraph strong {\r\n                font-size: 0.97rem;\r\n            }\r\n            \r\n            \/* Improve readability on small screens *\/\r\n            .mission-text {\r\n                letter-spacing: 0.01em;\r\n                word-spacing: 0.05em;\r\n            }\r\n        }\r\n        \r\n        \/* Small mobile devices (iPhone SE, small Android) *\/\r\n        @media (max-width: 375px) {\r\n            .mission-paragraph {\r\n                font-size: 0.92rem;\r\n                line-height: 1.6;\r\n                margin-bottom: 1.2rem;\r\n                hyphens: manual;\r\n                -webkit-hyphens: manual;\r\n                text-align: left;\r\n            }\r\n            \r\n            .mission-paragraph:first-of-type {\r\n                margin-top: 0.5rem;\r\n            }\r\n        }\r\n        \r\n        \/* Tablet readability *\/\r\n        @media (min-width: 768px) and (max-width: 1024px) {\r\n            .mission-paragraph {\r\n                font-size: 1.05rem;\r\n                line-height: 1.75;\r\n                margin-bottom: 1.6rem;\r\n            }\r\n        }\r\n        \r\n        \/* Large desktop readability *\/\r\n        @media (min-width: 1200px) {\r\n            .mission-paragraph {\r\n                font-size: 1.1rem;\r\n                line-height: 1.8;\r\n                margin-bottom: 1.8rem;\r\n            }\r\n        }\r\n        \r\n        \/* ====== PERFORMANCE OPTIMIZATIONS ====== *\/\r\n        @media (prefers-reduced-motion: reduce) {\r\n            *,\r\n            *::before,\r\n            *::after {\r\n                animation-duration: 0.01ms !important;\r\n                animation-iteration-count: 1 !important;\r\n                transition-duration: 0.01ms !important;\r\n            }\r\n            \r\n            .value-card:hover,\r\n            .btn-primary:hover,\r\n            .btn-secondary:hover,\r\n            .mission-image:hover img {\r\n                transform: none !important;\r\n            }\r\n        }\r\n        \r\n        \/* Dark mode support *\/\r\n        @media (prefers-color-scheme: dark) {\r\n            :root {\r\n                --dark-text: #ffffff;\r\n                --medium-text: #cccccc;\r\n                --light-text: #aaaaaa;\r\n                --light-bg: #1a1a1a;\r\n                --white: #000000;\r\n                --border-color: #333333;\r\n                --shadow-light: 0 5px 15px rgba(0, 0, 0, 0.3);\r\n                --shadow-medium: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n            }\r\n            \r\n            .mission-section,\r\n            .cta-section {\r\n                background-color: #111111;\r\n            }\r\n            \r\n            .value-card {\r\n                background: #222222;\r\n            }\r\n        }\r\n    <\/style>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n    <!-- HERO SECTION -->\r\n    <section class=\"about-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-badge\">Our Story Since 2010<\/div>\r\n            <h1 class=\"hero-title\">Discover Our Passion for <span>Authentic Morocco<\/span><\/h1>\r\n            <p class=\"hero-subtitle\">\r\n                We are not just a travel agency - we are storytellers, desert guides, and your gateway to experiencing the real Morocco. Our journey began with a simple love for the Sahara and has grown into a mission to share its magic with the world.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- MISSION SECTION -->\r\n    <section class=\"mission-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <div class=\"section-badge\">Our Mission & Vision<\/div>\r\n                <h2 class=\"section-title\">More Than Just <span>Travel<\/span><\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"mission-content\">\r\n                <div class=\"mission-text\">\r\n                    <p class=\"mission-paragraph\">\r\n                        <strong>Founded in 2010<\/strong> by local Berber guides with deep roots in the Atlas Mountains, \r\n                        <strong>Maroc Voyage Camp du Sahara<\/strong> was born from a shared passion for our country's incredible \r\n                        landscapes and rich cultural heritage.\r\n                    <\/p>\r\n                    \r\n                    <p class=\"mission-paragraph\">\r\n                        What started as a small team offering <strong>authentic Sahara camp<\/strong> experiences has grown into a \r\n                        trusted agency specializing in <strong>circuits dans le d\u00e9sert<\/strong>, \r\n                        <strong>Trekking dans les montagnes de l'Atlas<\/strong>, and unforgettable journeys from \r\n                        <strong>De Tanger \u00e0 Marrakech<\/strong>.\r\n                    <\/p>\r\n                    \r\n                    <p class=\"mission-paragraph\">\r\n                        <strong>Our mission is simple:<\/strong> to connect travelers with the real Morocco - beyond the tourist trails. \r\n                        We believe in <strong>sustainable tourism<\/strong> that benefits local communities, preserves our environment, \r\n                        and creates meaningful experiences that last a lifetime.\r\n                    <\/p>\r\n                    \r\n                    <p class=\"mission-paragraph\">\r\n                        Every journey we create is designed with care, transparency, and attention to detail. \r\n                        From your first inquiry to your final farewell, we're here to ensure your \r\n                        <strong>Morocco adventure<\/strong> exceeds every expectation.\r\n                    <\/p>\r\n                    \r\n                    <p class=\"mission-paragraph\">\r\n                        Learn more about \r\n                        <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Morocco\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"wikipedia-link\">\r\n                            Morocco's rich history and culture\r\n                        <\/a> \r\n                        that inspires our tours every day.\r\n                    <\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"mission-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-11-28-at-23.27.02_aaa32b9f.jpg\" \r\n                         alt=\"Berber guide sharing stories around campfire in Sahara desert - Morocco Travel Sahara Camp\"\r\n                         loading=\"lazy\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- VALUES SECTION -->\r\n    <section class=\"values-section\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header\">\r\n                <div class=\"section-badge\">Our Core Values<\/div>\r\n                <h2 class=\"section-title\">Why Travelers <span>Choose Us<\/span><\/h2>\r\n            <\/div>\r\n            \r\n            <div class=\"values-grid\">\r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-handshake\"><\/i>\r\n                    <\/div>\r\n                    <h3>Authentic Experiences<\/h3>\r\n                    <p>We focus on genuine cultural exchanges, real desert encounters, and connections that go beyond surface tourism.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3>Safety First<\/h3>\r\n                    <p>Your well-being is our priority. All guides are trained in first aid, vehicles are regularly maintained, and routes are carefully planned.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-leaf\"><\/i>\r\n                    <\/div>\r\n                    <h3>Sustainable Tourism<\/h3>\r\n                    <p>We work with local communities, respect the environment, and ensure our tours have a positive impact on the regions we visit.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-star\"><\/i>\r\n                    <\/div>\r\n                    <h3>Personalized Service<\/h3>\r\n                    <p>No two travelers are alike. We customize every itinerary to match your interests, pace, and travel style.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA SECTION -->\r\n    <section class=\"cta-section\">\r\n        <div class=\"container\">\r\n            <h2 class=\"cta-title\">Ready for Your Sahara Adventure?<\/h2>\r\n            <p class=\"cta-subtitle\">\r\n                Let us help you create the Morocco travel experience you've been dreaming of. \r\n                Whether it's a desert camp under the stars, trekking in the Atlas Mountains, or a cultural journey through imperial cities.\r\n            <\/p>\r\n            \r\n            <div class=\"cta-buttons\">\r\n                <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/morocco-tours\/\" class=\"btn-primary\">\r\n                    <i class=\"fas fa-calendar-check\"><\/i> Explore Our Tours\r\n                <\/a>\r\n                <a href=\"https:\/\/moroccotravelsaharacamp.com\/fr\/contact-morocco-travel-sahara-camp\/\" class=\"btn-secondary\">\r\n                    <i class=\"fas fa-comments\"><\/i> Contact Our Team\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        \/\/ Mobile performance optimizations\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Improve touch experience\r\n            const buttons = document.querySelectorAll('.btn-primary, .btn-secondary, .value-card');\r\n            buttons.forEach(button => {\r\n                button.addEventListener('touchstart', function() {\r\n                    this.style.transform = 'scale(0.98)';\r\n                });\r\n                \r\n                button.addEventListener('touchend', function() {\r\n                    this.style.transform = '';\r\n                });\r\n            });\r\n            \r\n            \/\/ Preload the hero background image for better performance\r\n            const heroImage = new Image();\r\n            heroImage.src = 'https:\/\/moroccotravelsaharacamp.com\/wp-content\/uploads\/2025\/12\/6-days-desert-tour-from-Tangier-to-Marrakech.webp';\r\n        });\r\n    <\/script>\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 &#8211; Morocco Travel Sahara Camp | Authentic Desert Adventures &#8230; <\/p>","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-435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/435","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":19,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":669,"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/pages\/435\/revisions\/669"}],"wp:attachment":[{"href":"https:\/\/moroccotravelsaharacamp.com\/fr\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}