{"id":2237,"date":"2025-05-14T20:09:46","date_gmt":"2025-05-14T20:09:46","guid":{"rendered":"https:\/\/myaiostagingweb.com\/amali\/?page_id=2237"},"modified":"2025-05-19T18:09:30","modified_gmt":"2025-05-19T18:09:30","slug":"testing","status":"publish","type":"page","link":"https:\/\/myaiostagingweb.com\/amali\/","title":{"rendered":"Testing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2237\" class=\"elementor elementor-2237\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9d8f8 e-con-full e-flex e-con e-parent\" data-id=\"5d9d8f8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fac3540 elementor-widget elementor-widget-html\" data-id=\"fac3540\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <section class=\"header-top-side\">\r\n        <div class=\"inner-section\">\r\n            <img decoding=\"async\" id=\"headerImage\" src=\"https:\/\/myaiostagingweb.com\/amali\/wp-content\/uploads\/2025\/05\/Header-V3-1.jpg-1-scaled.webp\" alt=\"Header Image\" \/>\r\n        <\/div>\r\n        <div class=\"absolute top-0 right-0 left-0 h-[700%] backdrop-blur-15 pointer-events-none\"\r\n            data-target=\"banner-blur\" style=\"backdrop-filter: blur(0px);\"><\/div>\r\n    <\/section>\r\n\r\n   <section>\r\n     <div class=\"content-area\">\r\n        <div class=\"heading-box\">\r\n            <h1 class=\"invisible\">\r\n                Discover an exclusive<br>\r\n                island sanctuary on Dubai's<br>\r\n                iconic archipelago<\/h1>\r\n            <h1 class=\"visible \">A COLLECTION OF<br>\r\n                DISTINGUISHED RESIDENCES IN<br>\r\n                TWO ARCHITECTURAL STYLES<\/h1>\r\n            <a href=\"#architecture\" class=\"blur-btn rounded-t-25\">\r\n                Scroll\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n   <\/section>\r\n\r\n    <section id=\"architecture\">\r\n        <div class=\"inner-section\">\r\n            <img decoding=\"async\" src=\"https:\/\/myaiostagingweb.com\/amali\/wp-content\/uploads\/2025\/05\/Grande-Home-2-1.jpg-1-scaled.webp\" class=\"achitecture-one\" alt=\"Architecture Image\" \/>\r\n        <\/div>\r\n        <div class=\"inner-section-2\">\r\n            <img decoding=\"async\" src=\"https:\/\/myaiostagingweb.com\/amali\/wp-content\/uploads\/2025\/05\/Minima-Home-large.png\" class=\"achitecture-two\" alt=\"Architecture Image\" \/>\r\n        <\/div>\r\n\r\n        <div id=\"horizontal-scroll-text-container\"\r\n            class=\"flex flex-row flex-nowrap 2xl:gap-200 absolute bottom-0 left-0 text-white pl-100 pr-70\">\r\n            <p class=\"font-script font-normal text-70 sm:text-140 2xl:text-180 leading-[210px] sm:leading-338 tracking-4.2 opacity-100\">\r\n                Grande<\/p>\r\n            <p class=\"font-script font-normal text-70 sm:text-140 2xl:text-180 leading-[210px] sm:leading-338 tracking-4.2 opacity-10\">\r\n                Minima<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"popup-links\">\r\n        <div class=\"popup-links-inner\">\r\n            <img decoding=\"async\" src=\"assets\/img\/Architect-section.jpg (4).webp\" alt=\"\">\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n    <script src=\"assets\/js\/index.js\"><\/script>\r\n    <script>\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\nconst headerImage = document.getElementById(\"headerImage\");\r\n\r\nScrollTrigger.create({\r\n    trigger: \".header-top-side\",\r\n    start: \"top top\",\r\n    end: \"bottom top\",\r\n    scrub: true,\r\n    onUpdate: (self) => {\r\n        const blurAmount = self.progress * 15;\r\n        gsap.set(headerImage, { filter: `blur(${blurAmount}px)` });\r\n    }\r\n});\r\n\r\n\r\ngsap.to(\"#architecture\", {\r\n    opacity: 1,\r\n    ease: \"none\",\r\n    scrollTrigger: {\r\n        trigger: \".header-top-side\",\r\n        start: \"bottom bottom\",\r\n        end: \"bottom top\",\r\n        scrub: true,\r\n        onUpdate: () => {\r\n            document.getElementById(\"architecture\").style.zIndex = 1;\r\n        }\r\n    }\r\n});\r\n\r\ngsap.to(\"#horizontal-scroll-text-container\", {\r\n    x: -850,\r\n    ease: \"power1.out\",\r\n    scrollTrigger: {\r\n      trigger: \"#architecture\",\r\n      start: \"bottom bottom\",\r\n      end: \"+=2300\",\r\n      scrub: 1,\r\n      pin: true,\r\n      pinSpacing: true,\r\n      anticipatePin: 1\r\n    }\r\n  });\r\n  \r\n\r\ngsap.to(\".inner-section-2\", {\r\n    opacity: 1,\r\n\r\n    ease: \"power1.inOut\",\r\n\r\n    scrollTrigger: {\r\n        trigger: \"#architecture\",\r\n        start: \"bottom bottom\",\r\n        end: \"+=1000\",\r\n        scrub: 1,\r\n    }\r\n});\r\n\r\nScrollTrigger.create({\r\n    trigger: \".header-top-side\",\r\n    start: \"top top\",\r\n    end: \"+=600\",\r\n    pin: \".heading-box\",\r\n    pinSpacing: false,\r\n    scrub: true,\r\n});\r\n\r\ngsap.to(\".invisible\", {\r\n    scrollTrigger: {\r\n        trigger: \".header-top-side\",\r\n        start: \"top top\",\r\n        end: \"+=200\",\r\n        scrub: true,\r\n    },\r\n    opacity: 0\r\n});\r\n\r\ngsap.to(\".visible\", {\r\n    scrollTrigger: {\r\n        trigger: \".header-top-side\",\r\n        start: \"top+=300 top\",\r\n        end: \"+=300\",\r\n        zIndex: 1,\r\n        scrub: true,\r\n    },\r\n    opacity: 1\r\n});\r\n\r\n\r\n\r\n    <\/script>\r\n\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>Discover an exclusive island sanctuary on Dubai&#8217;s iconic archipelago A COLLECTION OF DISTINGUISHED RESIDENCES IN TWO ARCHITECTURAL STYLES Scroll Grande Minima<\/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-2237","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/pages\/2237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/comments?post=2237"}],"version-history":[{"count":43,"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/pages\/2237\/revisions"}],"predecessor-version":[{"id":2285,"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/pages\/2237\/revisions\/2285"}],"wp:attachment":[{"href":"https:\/\/myaiostagingweb.com\/amali\/wp-json\/wp\/v2\/media?parent=2237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}