{"id":49,"date":"2023-03-22T14:21:44","date_gmt":"2023-03-22T13:21:44","guid":{"rendered":"https:\/\/burjzanzibar.com\/?page_id=49"},"modified":"2023-12-01T07:29:57","modified_gmt":"2023-12-01T06:29:57","slug":"home","status":"publish","type":"page","link":"https:\/\/burjzanzibar.com\/","title":{"rendered":"Home"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column]            <div class=\"render_scroll\" id=\"rendermain\">\n\n                <div class=\"fullbg new_sky\"><\/div>\n\n                <div class=\"container content h100vh d-flex justify-content-center flex-column mobile_space\" id=\"rscrollcc\">\n                    <div class=\"headlines col-md-6\" style=\"height:50vh\">\n                        <h1>Reaching<br \/>\nfor the sky<\/h1>\n                        <p class=\"txt_present text-white col-xl-8 introexcerpt\">Meet the world\u2019s tallest timber tower. Experience the Ultimate Urban Zanzibar Lifestyle, elevated to new heights.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"render_scroll_wrapper text-end\" id=\"rendercontainer\">\n\n                    <div class=\"container opa-0 d-none d-md-block\" id=\"towerinfos\">\n                        <div class=\"row\">\n                            <div class=\"col-md-6 text-start\">\n                                <div class=\"headline\">\n                                    <h2>The Burj <br> Zanzibar<\/h2>\n                                <\/div>\n                                <div class=\"content position-relative tower_cc_wrapper\">\n                                    <div id=\"towercc1\" class=\"position-absolute singlecc\"><p>Experience the epitome of luxury living at The Burj Zanzibar. Exceptional services, cutting-edge technology, and one-of-a-kind experiences redefine the standards of modern living.<\/p>\n<\/div><div id=\"towercc2\" class=\"position-absolute singlecc\"><p>More than just an impressive building, The Burj Zanzibar sets a new benchmark for the future of urban living. The innovative ecosystem offers a lifestyle that is unmatched in Zanzibar, and indeed the world.<\/p>\n<\/div>                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"tower_wrapper h-100\" id=\"towerwrap\">\n                        <img decoding=\"async\" src=\"https:\/\/burjzanzibar.com\/wp-content\/uploads\/TowerStill-1.webp\" alt=\"Burji Zanzibar Tower\" class=\"statictower\">\n                    <\/div>\n\n                    <div class=\"container\">\n                        <div class=\"pulsescroll opa-std-1 d-none d-md-block\" id=\"scrolldot\">\n                            <a id=\"scrollbit\" class=\"scrollicon cur-pointer btn_hover_bg_grey\"><i class=\"bi bi-arrow-down-short\"><\/i><\/a>\n                        <\/div>\n                    <\/div>\n\n                        <div id=\"infobadges\">\n                            <div id=\"infobadge1\" class=\"right\"><span class=\"text\">The world\u2019s highest timber building<\/span><span class=\"number\">96 meters<\/span><\/div><div id=\"infobadge2\" class=\"left\"><span class=\"text\">Sustainably sourced climate friendly material<\/span><span class=\"number\">4,000 cbm timber<\/span><\/div><div id=\"infobadge3\" class=\"right\"><span class=\"text\">Stunning views of the Indian Ocean<\/span><span class=\"number\">360 degrees<\/span><\/div><div id=\"infobadge4\" class=\"left\"><span class=\"text\">Luxurious lifestyle in all sizes<\/span><span class=\"number\">187 apartments<\/span><\/div><div id=\"infobadge5\" class=\"right\"><span class=\"text\">5 star services & amenities<\/span><span class=\"number\">24\/7<\/span><\/div>                        <\/div>\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"d-block d-md-none\" style=\"margin-top: -80px;padding-bottom: 2rem;\">\n                    <div class=\"container\">\n                    <div class=\"headline\">\n                        <h2>The Burj <br> Zanzibar<\/h2>\n                        <\/div>\n                        <div class=\"content position-relative w-100\">\n                            <div class=\" singlecc\"><p>Experience the epitome of luxury living at The Burj Zanzibar. Exceptional services, cutting-edge technology, and one-of-a-kind experiences redefine the standards of modern living.<\/p>\n<\/div><div class=\" singlecc\"><p>More than just an impressive building, The Burj Zanzibar sets a new benchmark for the future of urban living. The innovative ecosystem offers a lifestyle that is unmatched in Zanzibar, and indeed the world.<\/p>\n<\/div>                    <\/div>\n                    <\/div>\n                <\/div>\n\n            <script>\n\n                function isNumberInRange(number, minRange, maxRange) {\n                    return number >= minRange && number <= maxRange;\n                }\n\n                function setActiveImage(activeImage) {\n                    allimg.forEach((elm, key) => {\n                        if(activeImage === key){\n                            elm.classList.remove('d-none');\n                        } else {\n                            elm.classList.add('d-none');\n                        }\n                    });\n                }\n\n                function getCurrentScrollDistance() {\n                    return window.scrollY;\n                }\n\n                function triggerCustomEventOnScroll(X, callback) {\n                    window.addEventListener('scroll', function() {\n                        if (window.scrollY >= X) {\n                        callback();\n                        }\n                    });\n\n                    window.addEventListener('load', function() {\n                        if (window.scrollY >= X) {\n                        callback();\n                        }\n                    });\n                }\n\n                function isMobileDevice() {\n                    return \/Mobi\/i.test(navigator.userAgent);\n                }\n\n                function calculateImageIndex(selector, frames) {\n                    const wrapper = document.querySelector(selector);\n                    const wrapperScrollTop = wrapper.scrollTop;\n                    const wrapperMaxScrollTop = window.innerHeight;\n                    const scrollPercentage = wrapperScrollTop \/ wrapperMaxScrollTop;\n                    const frameIndex = Math.min(\n                        frames - 1,\n                        Math.ceil(scrollPercentage * frameCount)\n                    );\n                    return frameIndex;\n                }\n\n                \/\/ array of image URLs\n                const images = [];\n                \n                const frameCount = 211;\n                \n                const html = document.documentElement;\n                const wrapper = document.getElementById('rendercontainer');\n                const imgs = document.querySelector('#rendercontainer img.active');\n\n                const top_bg = document.querySelector('#rendermain .fullbg');\n                const content = document.querySelector('#rendermain .content .headlines');\n                const endcontent = document.querySelector('#endcontent');\n\n                const towerwrap = document.querySelector('#towerwrap');\n                const scrolldot = document.querySelector('#scrolldot');\n\n                const loadimg_mobile = [];\n                const loadimg_desk = [];\n\n                const loadimg = isMobileDevice() ? loadimg_mobile : loadimg_desk;\n\n                const static_tower = document.querySelector('.statictower');\n\n                const ismobile = isMobileDevice() ? true : false;\n\n                let allimg = null;\n\n                document.addEventListener(\"DOMContentLoaded\", () => { \/\/ Start Load\n\n                    allimg = wrapper.querySelectorAll('img');\n\n\n                TweenMax.set(content, {\n                    y: '+100vh',\n                    opacity: .5\n                });\n\n                \/\/ TweenMax.set(imgs, {opacity:0});\n                TweenMax.set(towerwrap, {\n                    x: '+100vh',\n                    opacity: .5\n                });\n                \n                TweenMax.set(scrolldot, {\n                    opacity: 0\n                });\n                \n            \n\n                window.addEventListener('scroll', () => {  \n                    const scrollTop = html.scrollTop;\n                    const maxScrollTop = window.innerHeight;\n                    const scrollFraction = scrollTop \/ maxScrollTop;\n                    const frameIndex = Math.min(\n                        frameCount - 1,\n                        Math.ceil(scrollFraction * frameCount)\n                    );\n\n\n                    \/\/ Tower Content\n                    const towercchead = document.querySelector('#towerinfos');\n                    if(isNumberInRange(frameIndex, 66, frameCount)){\n                        towercchead.style.opacity = 1;\n                        \/\/ towercchead.classList.add('show');\n                    } else {\n                        towercchead.style.opacity = 0;\n                        \/\/ towercchead.classList.remove('show');\n                    }\n\n                                                const towercc_1 = document.querySelector('#towercc1');\n                            if(isNumberInRange(frameIndex, 66, 222)){\n                                towercc_1.classList.add('show');\n                            } else {\n                                towercc_1.classList.remove('show');\n                            }\n                                                        const towercc_2 = document.querySelector('#towercc2');\n                            if(isNumberInRange(frameIndex, 224, 422)){\n                                towercc_2.classList.add('show');\n                            } else {\n                                towercc_2.classList.remove('show');\n                            }\n                                                        const info_badge_1 = document.querySelector('#infobadge1');\n                            if(isNumberInRange(frameIndex, 10, 100)){\n                                info_badge_1.style.opacity = 1;\n                            } else {\n                                info_badge_1.style.opacity = 0;\n                            }\n                                                        const info_badge_2 = document.querySelector('#infobadge2');\n                            if(isNumberInRange(frameIndex, 105, 135)){\n                                info_badge_2.style.opacity = 1;\n                            } else {\n                                info_badge_2.style.opacity = 0;\n                            }\n                                                        const info_badge_3 = document.querySelector('#infobadge3');\n                            if(isNumberInRange(frameIndex, 140, 170)){\n                                info_badge_3.style.opacity = 1;\n                            } else {\n                                info_badge_3.style.opacity = 0;\n                            }\n                                                        const info_badge_4 = document.querySelector('#infobadge4');\n                            if(isNumberInRange(frameIndex, 170, 195)){\n                                info_badge_4.style.opacity = 1;\n                            } else {\n                                info_badge_4.style.opacity = 0;\n                            }\n                                                        const info_badge_5 = document.querySelector('#infobadge5');\n                            if(isNumberInRange(frameIndex, 197, 211)){\n                                info_badge_5.style.opacity = 1;\n                            } else {\n                                info_badge_5.style.opacity = 0;\n                            }\n                            \n                    \/\/ setActiveImage(frameIndex);\n                });\n\n            }); \/\/ End load\n\n                let sdotscroll = gsap.timeline({\n                    scrollTrigger: {\n                        trigger: wrapper,\n                        start: '51% center',\n                        end: '55% center',\n                        scrub: true,\n                        smooth: true\n                    },\n                });\n\n\n                scrolldot.addEventListener('click', function(e){\n                    window.scrollBy({\n                        top: 300,\n                        behavior: 'smooth'\n                    });\n                });\n\n                document.addEventListener('triggertower', function(event) {\n                    \n                    TweenMax.to(content, 2, {\n                        y: '0',\n                        opacity: 1,\n                    });\n                    \n                    TweenMax.to(towerwrap, 2, {\n                        x: '0',\n                        opacity: 1,\n                        \/\/ delay: .5\n                    });\n                    \n                    TweenMax.to(scrolldot, 1.5, {\n                        opacity: 1,\n                        delay: 1,\n                        onComplete: function() {\n                            \n                            sdotscroll.fromTo(scrolldot,\n                            {\n                                opacity: 1\n                            },\n                            {\n                                opacity: 0,\n                                duration: 1\n                            });\n\n                        }\n                    });\n\n                    \/\/ TweenMax.to(imgs, 2, {opacity: 1});\n\n\n                });\n\n                gsap.registerPlugin(ScrollTrigger);\n                \n                gsap.to(top_bg, {\n                    scrollTrigger: {\n                        trigger: wrapper,\n                        start: 'bottom bottom',\n                        end: 'bottom top',\n                        scrub: true,\n                        smooth: true\n                    },\n                    duration: 1,\n                    top: '-100vh'\n                });\n\n                gsap.to(content, {\n                    scrollTrigger: {\n                        trigger: wrapper,\n                        start: 'bottom bottom',\n                        end: 'bottom top',\n                        scrub: true,\n                        smooth: true\n                    },\n                    duration: 1,\n                    marginTop: '-100vh'\n                });\n               \n                gsap.to(towerwrap, {\n                    scrollTrigger: {\n                        trigger: wrapper,\n                        start: 'bottom bottom',\n                        end: 'bottom 70%',\n                        scrub: true,\n                        smooth: true,\n                        \/\/ markers: true\n                    },\n                    duration: .5,\n                    paddingTop: '0'\n                });\n\n                function static_tower_caller(){ \n\n                    if (window.innerWidth > 1024 ) {\n\n                        gsap.to(static_tower, {\n                            scrollTrigger: {\n                                trigger: wrapper,\n                                start: 'bottom bottom',\n                                end: 'bottom 70%',\n                                scrub: true,\n                                smooth: true,\n                                \/\/ markers: true\n                            },\n                            duration: .5,\n                            marginTop: '5vh',\n                            scale: 0.9,\n                        });\n\n                    } else if (window.innerWidth < 1023 ) {\n\n                        gsap.to(static_tower, {\n                            scrollTrigger: {\n                                trigger: wrapper,\n                                start: 'bottom bottom',\n                                end: 'bottom 70%',\n                                scrub: true,\n                                smooth: true,\n                                \/\/ markers: true,\n\n                                \/\/ pin: true,\n                                \/\/ pinSpacing: false,\n                            },\n                            duration: .5,\n                            marginTop: '7vh',\n                            scale: 0.7,\n                        }); \n\n                    } else if (window.innerWidth <= 960 ) {\n\n                        gsap.to(static_tower, {\n                            scrollTrigger: {\n                                trigger: wrapper,\n                                start: 'bottom bottom',\n                                end: 'bottom 70%',\n                                scrub: true,\n                                smooth: true,\n                                \/\/ markers: true,\n\n                                \/\/ pin: true,\n                                \/\/ pinSpacing: false,\n                            },\n                            duration: .5,\n                            marginTop: '0px',\n                            scale: 0.8,\n                        }); \n\n                    } else if (window.innerWidth <= 500 ) {\n\n                        gsap.to(static_tower, {\n                            scrollTrigger: {\n                                trigger: wrapper,\n                                start: 'bottom bottom',\n                                end: 'bottom 70%',\n                                scrub: true,\n                                smooth: true,\n                                \/\/ markers: true,\n\n                                \/\/ pin: true,\n                                \/\/ pinSpacing: false,\n                            },\n                            duration: .5,\n                            marginTop: '20vh',\n                            \/\/ marginLeft: '-76px',\n                            scale: 0.7,\n                        }); \n\n                    } else if (window.innerWidth <= 420 ) {\n\n                        gsap.to(static_tower, {\n                            scrollTrigger: {\n                                trigger: wrapper,\n                                start: 'bottom bottom',\n                                end: 'bottom 70%',\n                                scrub: true,\n                                smooth: true,\n                                \/\/ markers: true,\n\n                                \/\/ pin: true,\n                                \/\/ pinSpacing: false,\n                            },\n                            duration: .5,\n                            marginTop: '20vh',\n                            marginRight: '76px',\n                            scale: 0.7,\n                        }); \n\n                    } else {\n\n                        gsap.to(static_tower, {\n                            scrollTrigger: {\n                                trigger: wrapper,\n                                start: 'bottom bottom',\n                                end: 'bottom 70%',\n                                scrub: true,\n                                smooth: true,\n                                \/\/ markers: true\n                                \/\/ pin: true,\n                                \/\/ pinSpacing: false,\n                            },\n                            duration: .5,\n                            marginTop: '10vh',\n                            scale: 0.9,\n                        });\n\n                    }\n                }\n\n                static_tower_caller();\n                \/\/ window.addEventListener('resize', static_tower_caller);\n                \/\/ window.addEventListener('resize', static_tower_caller);\n\n                \n\n                \/\/ static image\n                \/\/ gsap.to(static_tower, {\n                \/\/     scrollTrigger: {\n                \/\/         trigger: wrapper,\n                \/\/         start: 'bottom bottom',\n                \/\/         end: 'bottom 70%',\n                \/\/         scrub: true,\n                \/\/         smooth: true,\n                \/\/         \/\/ markers: true\n                \/\/     },\n                \/\/     duration: .5,\n                \/\/     marginTop: '5vh',\n                \/\/     scale: 0.9,\n                \/\/ });\n\n\n\n                ScrollTrigger.create({\n                    trigger: wrapper,\n                    start: \"bottom bottom\",\n                    end: \"bottom top\",\n                    pin: true,\n                    pinSpacing: false,\n                });\n\n\n\n            <\/script>\n            [\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bg-bg100&#8243;][vc_column css_animation=&#8221;slideInUp&#8221;]            <div class=\"intro_text pt-6rem pb-3rem\">\n                <div class=\"row\">\n                    <div class=\"col-md-4 mb-4\">\n                        <h2 class=\"txt_present\">Iconic Lifestyle<\/h2>\n                    <\/div>\n                    <div class=\"col-md-8\">\n                        <div class=\"content\">\n                            <p class=\"p1\">Discover a new era of exclusivity and ambition as you make your home at the Burj Zanzibar, where every detail has been meticulously crafted to provide the ultimate living experience.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <script>\n                \n            <\/script>\n            [\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;bg-bg100&#8243;][vc_column css_animation=&#8221;slideInUp&#8221;]            <div class=\"container\" id=\"hsresizer\">\n            <\/div>\n            <div class=\"horizontal_slideshow\" id=\"horislider\">\n                <div class=\"hori_spacer ps-2\">\n                        <div class=\"hori_slider\" role=\"group\" aria-label=\"Burj Zanzibar Apartments\">\n                        \n                        <div class=\"splide__arrows navi\">\n                                <button class=\"splide__arrow splide__arrow--prev btn_hover_red\">\n                                    <i class=\"bi bi-arrow-left-short\"><\/i>\n                                <\/button>\n                                <button class=\"splide__arrow splide__arrow--next btn_hover_red\">\n                                    <i class=\"bi bi-arrow-right-short\"><\/i>\n                                <\/button>\n                        <\/div>\n                        \n                        <div class=\"splide__track\">\n\n                                <ul class=\"splide__list\">\n                                                                            <li class=\"splide__slide\">\n                                                <div class=\"item_wrapper\">\n                                                    <div class=\"single_item\">\n                                                        <div class=\"img\">\n                                                            <img decoding=\"async\" class=\"\" src=\"https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-InfinityPoolApt-1.jpeg\" alt=\"Burj Zanzibar\">\n                                                        <\/div>\n                                                        <div class=\"desc mt-3\">\n                                                            <p>Elevate your living experience 27 stories above ground level, with the stunning vistas of Zanzibar and the Indian Ocean at your feet. The Burj Zanzibar Penthouses offer unparalleled luxury, complete with private roof gardens and pools.<\/p>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide\">\n                                                <div class=\"item_wrapper\">\n                                                    <div class=\"single_item\">\n                                                        <div class=\"img\">\n                                                            <img decoding=\"async\" class=\"\" src=\"https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-Bedroom.jpeg\" alt=\"Burj Zanzibar\">\n                                                        <\/div>\n                                                        <div class=\"desc mt-3\">\n                                                            <p>The expressive yet playful design of the facade contributes to an outstanding level of privacy and exclusivity.<\/p>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide\">\n                                                <div class=\"item_wrapper\">\n                                                    <div class=\"single_item\">\n                                                        <div class=\"img\">\n                                                            <img decoding=\"async\" class=\"\" src=\"https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-Penthouse-mirror-.jpeg\" alt=\"Burj Zanzibar\">\n                                                        <\/div>\n                                                        <div class=\"desc mt-3\">\n                                                            <p>The construction technology of the future: engineered wood products such as Cross-Laminated-Timber (CLT) create an unmatched healthy & beautiful living atmosphere.<\/p>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide\">\n                                                <div class=\"item_wrapper\">\n                                                    <div class=\"single_item\">\n                                                        <div class=\"img\">\n                                                            <img decoding=\"async\" class=\"\" src=\"https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-Interior-1571x1080-1.jpeg\" alt=\"Burj Zanzibar\">\n                                                        <\/div>\n                                                        <div class=\"desc mt-3\">\n                                                            <p>Experience breathtaking panoramic views of Zanzibar and the Indian Ocean from the comfort of your own home, no matter where you turn.<\/p>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/li>\n                                                                            <\/ul>\n                            <\/div>\n                        <\/div>\n                <\/div>\n            <\/div>\n\n            <script>\n                function updatePaddingLeft(containerId, elementId) {\n                    const container = document.getElementById(containerId);\n                    const element = document.getElementById(elementId);\n                    const containerLeft = container.getBoundingClientRect().left;\n                    const paddingLeft = containerLeft + 'px';\n                    element.style.paddingLeft = paddingLeft;\n                }\n\n                updatePaddingLeft('hsresizer', 'horislider');\n                window.addEventListener('resize', function() {\n                    updatePaddingLeft('hsresizer', 'horislider');\n                });\n\n                \/\/ document.addEventListener('DOMContentLoaded', function() {\n                \/\/ window.addEventListener('load', function() {\n                \/\/     console.log(horislide);\n                \/\/ });\n\n            <\/script>\n            [\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bg-bg100&#8243;][vc_column css_animation=&#8221;slideInUp&#8221;]            <div class=\"intro_text pt-6rem pb-3rem\">\n                <div class=\"row\">\n                    <div class=\"col-md-4 mb-4\">\n                        <h2 class=\"txt_present\">Remarkable Apartments<\/h2>\n                    <\/div>\n                    <div class=\"col-md-8\">\n                        <div class=\"content\">\n                            <p class=\"p1\">The Burj Zanzibar and its remarkable architecture will become a globally known landmark for innovation, exclusivity and a sustainable future.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <script>\n                \n            <\/script>\n            [\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column css_animation=&#8221;slideInUp&#8221;]            <div class=\"apartment_slideshow\" >\n                <div class=\"container\">\n                <div class=\"row position-relative\">\n\n                    <div class=\"col-lg-4 col-md-6 pe-md-0 order-2 order-md-1\">\n                        <div id=\"apartinfo\" class=\"apart_slider_front\" role=\"group\" aria-label=\"Burj Zanzibar Apartments\">\n                            <div class=\"splide__arrows\">\n                                    <button class=\"splide__arrow splide__arrow--prev btn_hover_red\">\n                                        <i class=\"bi bi-arrow-left-short\"><\/i>\n                                    <\/button>\n                                    <button class=\"splide__arrow splide__arrow--next btn_hover_red\">\n                                        <i class=\"bi bi-arrow-right-short\"><\/i>\n                                    <\/button>\n                            <\/div>\n                            <div class=\"splide__track\">\n                                <ul class=\"splide__list\">\n                                                                                <li class=\"splide__slide\">\n                                                <div class=\"apart_elm pe-md-5\">\n                                                    <span class=\"title\">Studio<\/span>\n                                                    <span class=\"level\">Level T01 - T09 <\/span>\n                                                    <p class=\"desc\">The Studio apartments have been meticulously crafted to exude an aura of refinement and exclusivity, elevating the residential experience to a whole new level. <\/p>\n                                                    <div class=\"infos\">\n                                                        <p class=\"mb-1 txt_weight_400\">Living area from 25.9 sqm<\/p>\n                                                        <p class=\"text-accent\">starting from 108,442 USD<\/p>\n                                                    <\/div>\n                                                    <a href=\"\/apartments\/studio\" class=\"btn btn-accent text-white rounded-5 txt_bold\"><i class=\"bi bi-plus-lg txt_bold pe-1\"><\/i> Get more info<\/a>\n                                                <\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide\">\n                                                <div class=\"apart_elm pe-md-5\">\n                                                    <span class=\"title\">1 Bedroom<\/span>\n                                                    <span class=\"level\">Level T01 - T15<\/span>\n                                                    <p class=\"desc\">The 1 Bedroom apartments skillfully combine sophistication and practicality to fashion an exceptional living area.<\/p>\n                                                    <div class=\"infos\">\n                                                        <p class=\"mb-1 txt_weight_400\">Living area from 53.4 sqm<\/p>\n                                                        <p class=\"text-accent\">Starting from 285,481 USD<\/p>\n                                                    <\/div>\n                                                    <a href=\"\/apartments\/1-bedroom\" class=\"btn btn-accent text-white rounded-5 txt_bold\"><i class=\"bi bi-plus-lg txt_bold pe-1\"><\/i> Get more info<\/a>\n                                                <\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide\">\n                                                <div class=\"apart_elm pe-md-5\">\n                                                    <span class=\"title\">2 Bedroom<\/span>\n                                                    <span class=\"level\">Level T09 - T15<\/span>\n                                                    <p class=\"desc\">The splendid 2 Bedroom Apartments provide a serene and spacious haven with unparalleled stylish aesthetics, ideal for unwinding in ultimate comfort.<\/p>\n                                                    <div class=\"infos\">\n                                                        <p class=\"mb-1 txt_weight_400\">Living area from 78.8 sqm<\/p>\n                                                        <p class=\"text-accent\">Starting from 383,880 USD<\/p>\n                                                    <\/div>\n                                                    <a href=\"\/apartments\/2-bedroom\" class=\"btn btn-accent text-white rounded-5 txt_bold\"><i class=\"bi bi-plus-lg txt_bold pe-1\"><\/i> Get more info<\/a>\n                                                <\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide\">\n                                                <div class=\"apart_elm pe-md-5\">\n                                                    <span class=\"title\">1 Bedroom Penthouse<\/span>\n                                                    <span class=\"level\">Level T16 - T19<\/span>\n                                                    <p class=\"desc\">The ultimate elucidation of luxury and contemporaneousness, The 1 Bedroom Penthouse at The Burj Zanzibar offers exquisite details that continue throughout, and wherever you turn, you'll be treated to breathtaking vistas of the Indian Ocean just beyond your window!<\/p>\n                                                    <div class=\"infos\">\n                                                        <p class=\"mb-1 txt_weight_400\">Living area from 86.1 sqm<\/p>\n                                                        <p class=\"text-accent\">Starting from 503,856 USD<\/p>\n                                                    <\/div>\n                                                    <a href=\"\/apartments\/penthouse\/1-bedroom-penthouse-lux\/\" class=\"btn btn-accent text-white rounded-5 txt_bold\"><i class=\"bi bi-plus-lg txt_bold pe-1\"><\/i> Get more info<\/a>\n                                                <\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide\">\n                                                <div class=\"apart_elm pe-md-5\">\n                                                    <span class=\"title\">2 Bedroom Penthouse<\/span>\n                                                    <span class=\"level\">Level T20 - T21<\/span>\n                                                    <p class=\"desc\">Where the skyline is the only limit. From the open design concept as you walk in past the living room to the dining through to the rooftop garden will leave you speechless. Indulge in the utmost luxury and new urban way of living!<\/p>\n                                                    <div class=\"infos\">\n                                                        <p class=\"mb-1 txt_weight_400\">Living area from 124.8 sqm<\/p>\n                                                        <p class=\"text-accent\">Starting from 719,856 USD<\/p>\n                                                    <\/div>\n                                                    <a href=\"\/apartments\/penthouse\/2-bedroom-penthouse-lux\/\" class=\"btn btn-accent text-white rounded-5 txt_bold\"><i class=\"bi bi-plus-lg txt_bold pe-1\"><\/i> Get more info<\/a>\n                                                <\/div>\n                                            <\/li>\n                                                                            <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"col-lg-8 col-md-6 mobile_stretcher pe-0 stretch_full_right order-1 order-md-2\">\n                        <div class=\"apartment_second_slider h-100\">\n\n                        <div id=\"apartimg\" class=\"apart_slider_front_img h-100\" role=\"group\" aria-label=\"Burj Zanzibar Apartments\">\n                            <div class=\"splide__track h-100\">\n                                <ul class=\"splide__list h-100\">\n                                                                                <li class=\"splide__slide h-100\">\n                                                <div class=\"h-100\" style=\"background: url(https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-StudioApt-Garden-1024x704.jpeg) no-repeat center center; \n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\"><\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide h-100\">\n                                                <div class=\"h-100\" style=\"background: url(https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-Bedroom-1024x704.jpeg) no-repeat center center; \n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\"><\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide h-100\">\n                                                <div class=\"h-100\" style=\"background: url(https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-Bedroom-1024x704.jpeg) no-repeat center center; \n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\"><\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide h-100\">\n                                                <div class=\"h-100\" style=\"background: url(https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-Penthouse-mirror--1024x704.jpeg) no-repeat center center; \n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\"><\/div>\n                                            <\/li>\n                                                                                        <li class=\"splide__slide h-100\">\n                                                <div class=\"h-100\" style=\"background: url(https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-InfinityPoolApt-1-1024x704.jpeg) no-repeat center center; \n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\"><\/div>\n                                            <\/li>\n                                                                            <\/ul>\n                            <\/div>\n                        <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                    \n                <\/div>\n                <\/div>\n            <\/div>\n\n            <script>\n                \n            <\/script>\n            [\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; el_class=&#8221;bg-black&#8221;][vc_column css_animation=&#8221;none&#8221;]            <div class=\"scroll_video\">\n                <div class=\"sticky__wrapper m-auto\">\n                    <div class=\"row h-100\">\n                        <div class=\"col-12\">\n                            <div class=\"h-100 d-flex justify-content-center align-items-center\" style=\"background: url(https:\/\/burjzanzibar.com\/wp-content\/uploads\/Burj-ZNZ_Impression-Terrace-1920x2511-1-1.jpeg) no-repeat center center; \n  -webkit-background-size: cover;\n  -moz-background-size: cover;\n  -o-background-size: cover;\n  background-size: cover;\">\n  <div class=\"cc\">\n      <a class=\"btn btn-accent rounded-5 text-white\" data-bs-toggle=\"modal\" data-bs-target=\"#videoModal9\">Play Video<\/a>\n  <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            \n            <script>\n                gsap.registerPlugin(ScrollTrigger);\n\n                const box = document.querySelector(\".sticky__wrapper\");\n                const banner = document.querySelector(\".scroll_video\");\n                const ccontent = document.querySelector(\".cc\");\n\n                function stopVideo(id){\n                    var $ = jQuery;\n                    var isrc = $('div#'+id+' iframe').attr('src');\n                    var vsrc = $('video#'+id);\n                    if(vsrc.length){\n                        vsrc.stop();\n                    }\n                    if($('div#'+id+' iframe').length){\n                        $('div#'+id+' iframe').attr('src','');\n                        $('div#'+id+' iframe').attr('src',isrc);\n                    }\n                }\n\n                document.addEventListener('DOMContentLoaded', function() {\n\n\n                gsap.to(box, {\n                    scrollTrigger: {\n                        trigger: banner,\n                        start: \"top top\",\n                        end: \"bottom bottom\",\n                        \/\/ markers:true,\n                        scrub: true,\n                        pin: true,\n                        pinSpacing: false,\n                    },\n                    width: \"100vw\",\n                    height: \"100vh\",\n                    \/\/ maxWidth: \"100vw\",\n                    margin: \"0px\",\n                    padding: \"0px\",\n                });\n\n                gsap.to(ccontent, {\n                    scrollTrigger: {\n                        trigger: banner,\n                        start: \"top top\",\n                        end: \"bottom bottom\",\n                        scrub: true\n                    },\n                    opacity: \"1\",\n                });\n\n                window.dispatchEvent(new Event('resize'));\n\n                });\n                \n            <\/script>\n            [\/vc_column][\/vc_row][vc_row][vc_column css_animation=&#8221;slideInUp&#8221;]            <div class=\"intro_text pt-6rem pb-6rem\">\n                <div class=\"row\">\n                    <div class=\"col-12 mb-4\">\n                        <h2 class=\"txt_present\">Stunning Location<\/h2>\n                    <\/div>\n                    <div class=\"col-12\">\n                        <div class=\"content\">\n                            <p class=\"p1\">The Burj Zanzibar will combine residential apartments, hospitality, commercial and recreational facilities in the heart of Fumba Town.<\/p>\n<p class=\"p1\">As the first fully integrated residential development in Zanzibar, Fumba Town is the dream of a modern, spacious, secure and cosmopolitan lifestyle on a tropical island.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <script>\n                \n            <\/script>\n            [\/vc_column][\/vc_row][vc_row][vc_column css_animation=&#8221;slideInUp&#8221;]            <div class=\"intro_text pt-6rem pb-3rem\">\n                <div class=\"row\">\n                    <div class=\"col-md-4 mb-4\">\n                        <h2 class=\"txt_present\">Partnership<\/h2>\n                    <\/div>\n                    <div class=\"col-md-8\">\n                        <div class=\"content\">\n                            <p>A shared vision has come to life through the extraordinary collaboration of a talented, multi-disciplined team.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <script>\n                \n            <\/script>\n            [\/vc_column][\/vc_row][vc_row][vc_column css_animation=&#8221;slideInUp&#8221;]            <div class=\"partner_list_wrapper pb-r-3125\">\n                <div class=\"row\">\n                    <div class=\"col-md-8 offset-md-4\">\n                        <div class=\"row partner_single_list\">\n                        \n                                <div class=\"col-md-6\">\n                                    <div class=\"partner d-flex flex-column\">\n                                        <span class=\"cat\">Development and Marketing<\/span>\n                                        <a class=\"txt_present text-decoration-none\" href=\"https:\/\/www.cps.africa\/\" target=\"_blank\">CPS Zanzibar LTD<\/a>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"col-md-6\">\n                                    <div class=\"partner d-flex flex-column\">\n                                        <span class=\"cat\">Architecture<\/span>\n                                        <a class=\"txt_present text-decoration-none\" href=\"https:\/\/www.omt-architects.com\/\" target=\"_blank\">OMT Architects GmbH<\/a>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"col-md-6\">\n                                    <div class=\"partner d-flex flex-column\">\n                                        <span class=\"cat\">Building Services<\/span>\n                                        <a class=\"txt_present text-decoration-none\" href=\"https:\/\/www.zutari.com\/\" target=\"_blank\">Zutari<\/a>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"col-md-6\">\n                                    <div class=\"partner d-flex flex-column\">\n                                        <span class=\"cat\">Concept<\/span>\n                                        <a class=\"txt_present text-decoration-none\" href=\"https:\/\/www.laud.nl\/\" target=\"_blank\">Leander Moons Inc.<\/a>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"col-md-6\">\n                                    <div class=\"partner d-flex flex-column\">\n                                        <span class=\"cat\">CLT Producer\/Contractor<\/span>\n                                        <a class=\"txt_present text-decoration-none\" href=\"https:\/\/www.binderholz.com\/\" target=\"_blank\">Binderholz GmbH<\/a>\n                                    <\/div>\n                                <\/div>\n\n                                \n                                <div class=\"col-md-6\">\n                                    <div class=\"partner d-flex flex-column\">\n                                        <span class=\"cat\">Structural Engineering<\/span>\n                                        <a class=\"txt_present text-decoration-none\" href=\"https:\/\/www.knippershelbig.com\/\" target=\"_blank\">Knippers Helbig<\/a>\n                                    <\/div>\n                                <\/div>\n\n                                                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <script>\n                \n            <\/script>\n            [\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bg-bg100&#8243;][vc_column css_animation=&#8221;slideInUp&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; el_class=&#8221;bg-bg100&#8243;][vc_column css_animation=&#8221;slideInUp&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; el_class=&#8221;bg-bg100&#8243;][vc_column css_animation=&#8221;slideInUp&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column css_animation=&#8221;slideInUp&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; el_class=&#8221;bg-black&#8221;][vc_column css_animation=&#8221;none&#8221;][\/vc_column][\/vc_row][vc_row][vc_column css_animation=&#8221;slideInUp&#8221;][\/vc_column][\/vc_row][vc_row][vc_column css_animation=&#8221;slideInUp&#8221;][\/vc_column][\/vc_row][vc_row][vc_column css_animation=&#8221;slideInUp&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/pages\/49"}],"collection":[{"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":86,"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":3477,"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/pages\/49\/revisions\/3477"}],"wp:attachment":[{"href":"https:\/\/burjzanzibar.com\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}