{"id":4927,"date":"2025-01-07T12:32:45","date_gmt":"2025-01-07T12:32:45","guid":{"rendered":"https:\/\/3at.ma\/index.php\/home-english\/"},"modified":"2025-01-07T12:55:42","modified_gmt":"2025-01-07T12:55:42","slug":"home-english","status":"publish","type":"page","link":"https:\/\/3at.ma\/index.php\/en\/home-english\/","title":{"rendered":"Home &#8211; English"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4927\" class=\"elementor elementor-4927\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb3ae9e e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"fb3ae9e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3350c96 elementor-hidden-mobile elementor-widget elementor-widget-shortcode\" data-id=\"3350c96\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div class=\"slider-container-en\" onmousemove=\"handleMouseMoveEn(event)\" onclick=\"handleClickEn(event)\" tabindex=\"0\">\n        <div class=\"slider-text-en\">\n           <h1 class=\"simple-title-en\">\n                <span class=\"word1-en\"><strong>A<\/strong>rchitecture &<\/span>\n                <span class=\"word2-en\"><strong>P<\/strong>lanning<\/span>\n            <\/h1>\t   \n            <h1 class=\"simple-title-en\">\n                <span class=\"word3-en\"><strong>A<\/strong>gency<\/span>\n                <span class=\"word5-en\"><strong>T<\/strong>AHTI<\/span>\n            <\/h1>\n            <p>3AT, based in Casablanca, is a multidisciplinary structure founded in 2000. It is renowned for its innovation, sustainability, and excellence in creating dynamic and meaningful spaces.<\/p>\n        <\/div>\n        <div class=\"slider-en\">\n            <div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/1.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/3AT-R8-3AT-R8-tahti-agence.png\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/natura-living-8-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/Rosa-Parc-3AT.png\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-2.png\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/natura-living-5-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/central-parc-3AT.png\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/rt-copie-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/mohammedia-8-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/3AT-hotel.png\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/ibis.png\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/WW.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/1.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide-en\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/3AT-R8-3AT-R8-tahti-agence.png\" alt=\"Slide Image\"><\/div>        <\/div>\n        <div class=\"fade-black-en\"><\/div>\n    <\/div>\n\n    <style>\n        @font-face {\n            font-family: 'SuisseIntl-Book';\n            src: url('https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/SuisseIntl-Book.otf') format('opentype');\n        }\n        \n        .slider-container-en {\n            width: 100%;\n            height: 100vh;\n            overflow: hidden;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            font-family: 'SuisseIntl-Book', sans-serif;\n            background: black;\n            z-index: 10;\n            margin: 0;\n            padding: 0;\n        }\n\n        .slider-text-en {\n            position: absolute;\n            top: 200px;\n            left: 50px;\n            color: white;\n            z-index: 10;\n        }\n\n        .slider-text-en h1 {\n            font-size: 36px;\n            font-weight: 500;\n            margin: 0;\n        }\n\n        .slider-text-en p {\n            font-size: 18px;\n            max-width: 600px;\n            letter-spacing: 1px;\n            margin-top: 20px;\n        }\n\n        .simple-title-en {\n            display: flex;\n            gap: 10px;\n        }\n\n        .slide-en {\n            flex: 0 0 100%;\n            height: 100vh;\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n        }\n\n        .slider-en img {\n            width: 100%;\n            height: 100%;\n            filter: brightness(0.7);\n            object-fit: cover;\n        }\n\n        .slider-en {\n            display: flex;\n            height: 100vh;\n            width: calc(100% * 14);\n            transition: transform 0.75s ease-in-out;\n            transform: translateX(-100%);\n        }\n\n        .fade-black-en {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: black;\n            z-index: 9;\n            opacity: 0;\n            transition: opacity 1s ease-in-out;\n        }\n    <\/style>\n\n    <script>\n        let currentIndexEn = 1;\n        let isTransitioningEn = false;\n        let intervalIdEn;\n\n        function handleClickEn(event) {\n            if (isTransitioningEn) return;\n            const containerWidthEn = event.currentTarget.offsetWidth;\n            const clickPositionEn = event.clientX - event.currentTarget.getBoundingClientRect().left;\n\n            if (clickPositionEn < containerWidthEn \/ 2) {\n                showPreviousEn();\n            } else {\n                showNextEn();\n            }\n        }\n\n        function showNextEn() {\n            if (isTransitioningEn) return;\n            const sliderEn = document.querySelector('.slider-en');\n            const fadeElementEn = document.querySelector('.fade-black-en');\n\n            fadeElementEn.style.opacity = '1';\n\n            isTransitioningEn = true;\n\n            setTimeout(() => {\n                currentIndexEn++;\n                if (currentIndexEn === sliderEn.children.length - 1) {\n                    currentIndexEn = 1;\n                }\n\n                sliderEn.style.transition = 'none';\n                sliderEn.style.transform = `translateX(-${currentIndexEn * 100}%)`;\n\n                setTimeout(() => {\n                    fadeElementEn.style.opacity = '0';\n\n                    setTimeout(() => {\n                        sliderEn.style.transition = 'transform 0.75s ease-in-out';\n                        sliderEn.style.transform = `translateX(-${currentIndexEn * 100}%)`;\n                        isTransitioningEn = false;\n                    }, 1000);\n                }, 10);\n            }, 1000);\n\n            resetTimerEn();\n        }\n\n        function showPreviousEn() {\n            if (isTransitioningEn) return;\n            const sliderEn = document.querySelector('.slider-en');\n            const fadeElementEn = document.querySelector('.fade-black-en');\n\n            fadeElementEn.style.opacity = '1';\n\n            isTransitioningEn = true;\n\n            setTimeout(() => {\n                currentIndexEn--;\n                if (currentIndexEn === 0) {\n                    currentIndexEn = sliderEn.children.length - 2;\n                }\n\n                sliderEn.style.transition = 'none';\n                sliderEn.style.transform = `translateX(-${currentIndexEn * 100}%)`;\n\n                setTimeout(() => {\n                    fadeElementEn.style.opacity = '0';\n\n                    setTimeout(() => {\n                        sliderEn.style.transition = 'transform 0.75s ease-in-out';\n                        sliderEn.style.transform = `translateX(-${currentIndexEn * 100}%)`;\n                        isTransitioningEn = false;\n                    }, 1000);\n                }, 10);\n            }, 1000);\n\n            resetTimerEn();\n        }\n\n        function handleMouseMoveEn(event) {\n            const containerWidthEn = event.currentTarget.offsetWidth;\n            const hoverPositionEn = event.clientX - event.currentTarget.getBoundingClientRect().left;\n\n            if (hoverPositionEn < containerWidthEn \/ 2) {\n                event.currentTarget.style.cursor = 'url(https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/left.png), auto';\n            } else {\n                event.currentTarget.style.cursor = 'url(https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/right.png), auto';\n            }\n        }\n\n        function handleKeyDownEn(event) {\n            switch (event.key) {\n                case 'ArrowLeft':\n                    showPreviousEn();\n                    break;\n                case 'ArrowRight':\n                    showNextEn();\n                    break;\n            }\n        }\n\n        function resetTimerEn() {\n            clearInterval(intervalIdEn);\n            intervalIdEn = setInterval(showNextEn, 10000);\n        }\n\n        document.addEventListener('DOMContentLoaded', function () {\n            document.querySelector('.slider-container-en').focus();\n            document.addEventListener('keydown', handleKeyDownEn);\n            intervalIdEn = setInterval(showNextEn, 10000);\n        });\n    <\/script>\n         <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23cb0ed e-con-full e-flex e-con e-parent\" data-id=\"23cb0ed\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-185d8e5 animated-fast elementor-invisible elementor-widget elementor-widget-image-carousel\" data-id=\"185d8e5\" data-element_type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;5&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:3000,&quot;speed&quot;:1500,&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel d\u2019images\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/eco-zenata-300x225.webp\" alt=\"eco zenata\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/SAM-Group-3AT-300x225.png\" alt=\"SAM Group 3AT\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/M-interieur-3AT-Agence-300x193.webp\" alt=\"M int\u00e9rieur 3AT Agence\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/master-sakan-3at-300x225.webp\" alt=\"master sakan 3at\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/accor-300x225.webp\" alt=\"accor\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/Poste-3AT-300x225.png\" alt=\"Poste 3AT\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/city-zen-3AT-300x225.png\" alt=\"city zen 3AT\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-al-omran-3AT-300x225.png\" alt=\"3AT al omran 3AT\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-ocp-3AT-300x225.png\" alt=\"3AT ocp 3AT\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/at-immobilier-300x225.webp\" alt=\"at immobilier\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-MFADEL-3AT-300x225.png\" alt=\"3AT MFADEL 3AT\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"12 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/07\/anwar-3AT-mostakbal.png\" alt=\"anwar 3AT mostakbal\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"13 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/08\/ibis-3AT-w-300x225.png\" alt=\"ibis 3AT w\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"14 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/09\/novotel-logo-3at-300x225.webp\" alt=\"novotel logo 3at\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"15 of 15\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-allali-3AT-300x225.png\" alt=\"3AT allali 3AT\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4927","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/4927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/comments?post=4927"}],"version-history":[{"count":7,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/4927\/revisions"}],"predecessor-version":[{"id":4941,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/4927\/revisions\/4941"}],"wp:attachment":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/media?parent=4927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}