{"id":2,"date":"2025-11-17T13:30:58","date_gmt":"2025-11-17T13:30:58","guid":{"rendered":"https:\/\/demo.blackrawdev.site\/?page_id=2"},"modified":"2025-12-03T15:22:10","modified_gmt":"2025-12-03T15:22:10","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/demo.blackrawdev.site\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-421a3b9 e-flex e-con-boxed e-con e-parent\" data-id=\"421a3b9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81f957a e-con-full e-flex e-con e-child\" data-id=\"81f957a\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cfbf6b e-con-full images e-flex e-con e-child\" data-id=\"9cfbf6b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27cd267 e-con-full e-flex e-con e-child\" data-id=\"27cd267\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7880728 e-con-full e-flex e-con e-child\" data-id=\"7880728\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0348d1d elementor-widget elementor-widget-heading\" data-id=\"0348d1d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Glamory<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f686d80 elementor-widget elementor-widget-html\" data-id=\"f686d80\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n      const array = [\r\n        \"https:\/\/picsum.photos\/500\/500\",\r\n        \"https:\/\/picsum.photos\/500\/501\",\r\n        \"https:\/\/picsum.photos\/500\/502\",\r\n        \"https:\/\/picsum.photos\/500\/503\",\r\n        \"https:\/\/picsum.photos\/500\/504\",\r\n        \"https:\/\/picsum.photos\/500\/505\",\r\n        \"https:\/\/picsum.photos\/500\/506\",\r\n      ];\r\n\r\n      const container = document.querySelector(\".images\");\r\n\r\n      \/\/ Function to create and prepend images to the stack\r\n      array.forEach((src) => {\r\n        createImage(src);\r\n      });\r\n\r\nfunction createImage(url) {\r\n        const img = document.createElement(\"img\");\r\n        img.src = url;\r\n        img.style.opacity = \"1\"; \/\/ Ensure images are visible initially\r\n        container.prepend(img); \/\/ Add new image at the front of the stack\r\n        update_rotation(); \/\/ Update the rotation for the new stack of images\r\n      }\r\n\r\n      function update_rotation() {\r\n        const images = Array.from(container.querySelectorAll(\"img\")); \/\/ Select all images\r\n        images.forEach((img, index) => {\r\n          \/\/ Apply a rotation for each image based on its index in the stack\r\n          img.style.transform = `rotate(${images.length-(index+2)}deg)`; \/\/ Increase rotation for each image\r\n        });\r\n      }\r\n      \/\/ Function to animate the images in sequence\r\n      function animateNext() {\r\n        const images = Array.from(container.querySelectorAll(\"img\"));\r\n        \r\n        if (images.length === 0) return; \/\/ Prevent animation if no images are left\r\n\r\n        const img = images[images.length - 1]; \/\/ Always target the last image (back of the stack)\r\n\r\n        img.classList.add(\"landingpageanimation\");\r\n\r\n        img.addEventListener(\"animationend\", () => {\r\n          \/\/ Once animation is complete, reset and move it to the back of the stack\r\n          img.classList.remove(\"landingpageanimation\");\r\n          img.style.opacity = \"0\"; \/\/ Fade out the image\r\n\r\n          \/\/ Clone the image, prepend it to the front of the stack\r\n          createImage(img.src);\r\n\r\n          \/\/ Remove the original image from the DOM\r\n          container.removeChild(img);\r\n\r\n          \/\/ Start animating the next image in line\r\n          animateNext();\r\n        });\r\n      }\r\n\r\n      \/\/ Start the infinite animation with the first image\r\n      animateNext();\r\n    <\/script>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Glamory<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":28,"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/demo.blackrawdev.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}