{"id":5138,"date":"2025-02-04T17:27:14","date_gmt":"2025-02-04T17:27:14","guid":{"rendered":"https:\/\/3at.ma\/?page_id=5138"},"modified":"2025-02-04T17:34:41","modified_gmt":"2025-02-04T17:34:41","slug":"rosa-parc","status":"publish","type":"page","link":"https:\/\/3at.ma\/index.php\/en\/rosa-parc\/","title":{"rendered":"ROSA PARC"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5138\" class=\"elementor elementor-5138\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78f248b e-con-full e-flex e-con e-parent\" data-id=\"78f248b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6931854 e-flex e-con-boxed e-con e-parent\" data-id=\"6931854\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8821f4e elementor-widget elementor-widget-heading\" data-id=\"8821f4e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ROSA PARC<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54a1b16 elementor-widget elementor-widget-text-editor\" data-id=\"54a1b16\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A multipurpose development with more than 50 commercial spaces on the ground floor, 100 high-end residential units, and an underground parking lot. Ideally located in a vibrant commercial area, *La R\u00e9sidence Rosa Parc* offers a friendly and peaceful living environment. With its refined finishes and sleek appearance, Rosa Parc is a real estate project highly sought after by homeowners looking for a peaceful haven, as well as by business owners who wish to bring their projects to life.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dd435c e-grid elementor-hidden-desktop elementor-hidden-tablet e-con-boxed e-con e-parent\" data-id=\"7dd435c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f25e70 elementor-widget elementor-widget-text-editor\" data-id=\"8f25e70\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Location<br \/>Year<br \/>Program<br \/>Construction Cost<br \/>Client<br \/>Status<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0b16c4 elementor-widget elementor-widget-text-editor\" data-id=\"e0b16c4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mohamm\u00e9dia \u2013 MAROC<br \/>2017 \u2013 2021<br \/>Housing \u2013 Retail<br \/>10.000.000 Dh TTC<br \/>Groupe ALLALI<br \/>Completed<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-076fa6f elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"076fa6f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a05b438 e-con-full e-flex e-con e-child\" data-id=\"a05b438\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e4adc elementor-widget elementor-widget-text-editor\" data-id=\"f0e4adc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Location<br \/>Year<br \/>Program<br \/>Construction Cost<br \/>Client<br \/>Status<\/p>\t\t\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-10fa0f6 e-con-full e-flex e-con e-child\" data-id=\"10fa0f6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddb2ec7 elementor-widget elementor-widget-text-editor\" data-id=\"ddb2ec7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mohamm\u00e9dia \u2013 MAROC<br \/>2017 \u2013 2021<br \/>Housing \u2013 Retail<br \/>10.000.000 Dh TTC<br \/>Groupe ALLALI<br \/>Completed<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee8a2a9 e-flex e-con-boxed e-con e-parent\" data-id=\"ee8a2a9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a4ec86 elementor-widget elementor-widget-image\" data-id=\"6a4ec86\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2757-1-scaled.jpg\" class=\"attachment-full size-full wp-image-1788\" alt=\"\" srcset=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2757-1-scaled.jpg 2560w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2757-1-300x200.jpg 300w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2757-1-1024x683.jpg 1024w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2757-1-768x512.jpg 768w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2757-1-1536x1024.jpg 1536w, https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2757-1-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8cb4cf e-flex e-con-boxed e-con e-parent\" data-id=\"d8cb4cf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-358adbc e-con-full e-flex e-con e-child\" data-id=\"358adbc\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-08ecc1c e-con-full e-flex e-con e-child\" data-id=\"08ecc1c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be68735 e-flex e-con-boxed e-con e-parent\" data-id=\"be68735\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bf60fbd e-con-full e-flex e-con e-child\" data-id=\"bf60fbd\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f91f6ff e-con-full e-flex e-con e-child\" data-id=\"f91f6ff\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd5c8b3 e-con-full e-flex e-con e-child\" data-id=\"dd5c8b3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07d3884 e-con-full e-flex e-con e-child\" data-id=\"07d3884\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e123507 e-con-full e-flex e-con e-child\" data-id=\"e123507\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ec65db e-con-full e-flex e-con e-child\" data-id=\"3ec65db\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f60ef8 e-con-full e-flex e-con e-child\" data-id=\"1f60ef8\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ab2d3d1 e-con-full e-flex e-con e-child\" data-id=\"ab2d3d1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e92db7 e-con-full e-flex e-con e-child\" data-id=\"0e92db7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ce6f20 e-con-full e-flex e-con e-parent\" data-id=\"1ce6f20\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbb725a elementor-widget elementor-widget-shortcode\" data-id=\"cbb725a\" 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\" onmousemove=\"handleMouseMove(event)\" onclick=\"handleClick(event)\">\n        <div class=\"slider\">\n            <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2735-1-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/rosa-parc-3AT-1.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-4.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-1.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-5.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-2.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-3.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/IMG_2735-1-scaled.jpg\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/rosa-parc-3AT-1.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-4.png\" alt=\"Slide Image\"><\/div><div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/3AT-Rosa-Parck-1.png\" alt=\"Slide Image\"><\/div>        <\/div>\n    <\/div>\n\n    <style>\n        .slider-container {\n            width: 100%;\n            height: 700px; \/* Set the height of the container *\/\n            overflow: hidden;\n            position: relative;\n            display: flex;\n            justify-content: center; \/* Center the slider horizontally *\/\n        }\n\n        .slide {\n            flex: 0 0 70vw; \/* Set the width of each slide to 80vw *\/\n            height: 700px; \/* Set the height of each slide to 700px *\/\n            box-sizing: border-box;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .slider img {\n            width: 100%; \/* Make the image cover the entire width *\/\n            height: 100%; \/* Make the image cover the entire height *\/\n            object-fit: cover; \/* Cover the container without distortion *\/\n\n\t\t\tborder-left: 4px solid white; \/* Add a 4px white border to the left side *\/\n\t\t\tborder-right: 4px solid white; \/* Add a 4px white border to the right side *\/\n\n\t\t\t\n\t\t\topacity: 0.2; \/* Set the opacity of all images to 10% by default *\/\n            transition: opacity 0.5s ease-in-out; \/* Add a transition effect for opacity *\/\n        }\n\n        .slider img.active {\n            opacity: 1; \/* Set the opacity of the active image to 100% *\/\n        }\n\n        .slider {\n            display: flex;\n            height: 700px; \/* Set the height of the slider *\/\n            width: calc(100% + (70vw * 2)); \/* Extend the width to accommodate 3 images *\/\n            transition: transform 0.5s ease-in-out;\n            transform: translateX(calc(-70vw + (100% - 70vw) \/ 2)); \/* Initial position to center the images *\/\n        }\n    <\/style>\n\n    <script>\n        let currentIndex = 2;\n        let isTransitioning = false;\n\n        function handleClick(event) {\n            if (isTransitioning) return;\n            const containerWidth = event.currentTarget.offsetWidth;\n            const clickPosition = event.clientX - event.currentTarget.getBoundingClientRect().left;\n\n            if (clickPosition < containerWidth \/ 2) {\n                showPrevious();\n            } else {\n                showNext();\n            }\n        }\n\n        function showNext() {\n            if (isTransitioning) return;\n            const slider = document.querySelector('.slider');\n            const totalSlides = slider.children.length;\n\n            currentIndex++;\n            slider.style.transition = 'transform 0.5s ease-in-out';\n            slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n            updateOpacity();\n\n            \/\/ Looping logic\n            if (currentIndex >= totalSlides - 2) {\n                isTransitioning = true;\n                setTimeout(() => {\n                    currentIndex = 2;\n                    slider.style.transition = 'none';\n                    slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n                    updateOpacity();\n                    setTimeout(() => {\n                        slider.style.transition = 'transform 0.5s ease-in-out';\n                        isTransitioning = false;\n                    }, 50);\n                }, 500);\n            }\n        }\n\n        function showPrevious() {\n            if (isTransitioning) return;\n            const slider = document.querySelector('.slider');\n            const totalSlides = slider.children.length;\n\n            currentIndex--;\n            slider.style.transition = 'transform 0.5s ease-in-out';\n            slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n            updateOpacity();\n\n            \/\/ Looping logic\n            if (currentIndex < 2) {\n                isTransitioning = true;\n                setTimeout(() => {\n                    currentIndex = totalSlides - 3;\n                    slider.style.transition = 'none';\n                    slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Center the active slide\n                    updateOpacity();\n                    setTimeout(() => {\n                        slider.style.transition = 'transform 0.5s ease-in-out';\n                        isTransitioning = false;\n                    }, 50);\n                }, 500);\n            }\n        }\n\n        function handleMouseMove(event) {\n            const containerWidth = event.currentTarget.offsetWidth;\n            const hoverPosition = event.clientX - event.currentTarget.getBoundingClientRect().left;\n\n            if (hoverPosition < containerWidth \/ 2) {\n                event.currentTarget.style.cursor = 'url(https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/Vector-3.png), auto'; \/\/ Change cursor to the left image\n            } else {\n                event.currentTarget.style.cursor = 'url(https:\/\/3at.ma\/wp-content\/uploads\/2024\/06\/Vector-2.png), auto'; \/\/ Change cursor to the right image\n            }\n        }\n\n        function updateOpacity() {\n            const slides = document.querySelectorAll('.slide');\n            slides.forEach((slide, index) => {\n                const img = slide.querySelector('img');\n                if (index === currentIndex) {\n                    img.classList.add('active');\n                } else {\n                    img.classList.remove('active');\n                }\n            });\n        }\n\n        document.addEventListener('DOMContentLoaded', () => {\n            \/\/ Manually set initial position and update opacity\n            const slider = document.querySelector('.slider');\n            slider.style.transform = `translateX(calc(-${currentIndex * 70}vw + (100% - 70vw) \/ 2))`; \/\/ Initial position to center the images\n            updateOpacity(); \/\/ Set the opacity of the initial middle image to 100%\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ROSA PARC A multipurpose development with more than 50 commercial spaces on the ground floor, 100 high-end residential units, and an underground parking lot. Ideally located in a vibrant commercial area, *La R\u00e9sidence Rosa Parc* offers a friendly and peaceful living environment. With its refined finishes and sleek appearance, Rosa Parc is a real estate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5138","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/5138","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=5138"}],"version-history":[{"count":8,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/5138\/revisions"}],"predecessor-version":[{"id":5147,"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/pages\/5138\/revisions\/5147"}],"wp:attachment":[{"href":"https:\/\/3at.ma\/index.php\/wp-json\/wp\/v2\/media?parent=5138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}