{"id":5130,"date":"2026-02-17T11:44:17","date_gmt":"2026-02-17T11:44:17","guid":{"rendered":"https:\/\/ultraarte.ae\/staging\/8847\/?page_id=5130"},"modified":"2026-02-25T12:28:03","modified_gmt":"2026-02-25T12:28:03","slug":"home","status":"publish","type":"page","link":"https:\/\/ultraarte.ae\/staging\/8847\/","title":{"rendered":"Ultra Arte Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5130\" class=\"elementor elementor-5130\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-140d28c e-con-full smart-header e-flex e-con e-parent\" data-id=\"140d28c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-867e046 e-con-full e-flex e-con e-child\" data-id=\"867e046\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fe5707 e-con-full e-flex e-con e-child\" data-id=\"5fe5707\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e971d29 e-con-full e-flex e-con e-child\" data-id=\"e971d29\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb4996f e-con-full e-flex e-con e-child\" data-id=\"bb4996f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-67978be e-con-full e-flex e-con e-child\" data-id=\"67978be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-237460c elementor-widget elementor-widget-button\" data-id=\"237460c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ultraarte.ae\/staging\/8847\/work\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">work<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-9033c9b elementor-widget elementor-widget-button\" data-id=\"9033c9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ultraarte.ae\/staging\/8847\/about\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">about<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-e16969b elementor-widget elementor-widget-button\" data-id=\"e16969b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjM4ODIiLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">consultancy<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-31e7351 elementor-widget elementor-widget-button\" data-id=\"31e7351\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjQ0NDciLCJ0b2dnbGUiOmZhbHNlfQ%3D%3D\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">news<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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-3167bde elementor-widget elementor-widget-button\" data-id=\"3167bde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/ultraarte.ae\/staging\/8847\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">contact<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a530b3 e-con-full e-flex e-con e-parent\" data-id=\"1a530b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08eac24 elementor-widget elementor-widget-html\" data-id=\"08eac24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* --- SETTINGS --- *\/\n    :root {\n        --header-height-desktop: 70px;\n        --header-height-mobile: 70px;\n        \/* Removed --tooth-size *\/\n    }\n\n    \/* 1. LOCK THE PAGE *\/\n    body.page-id-2585, html {\n        margin: 0; padding: 0;\n        overflow: hidden !important;\n        height: 100%; width: 100%;\n        overscroll-behavior: none; \n    }\n\n    \/* 2. THE VIEWPORT *\/\n    .custom-slider-viewport {\n        position: fixed;\n        top: var(--header-height-desktop);\n        left: 0;\n        width: 100vw;\n        height: calc(100vh - var(--header-height-desktop));\n        overflow: hidden;\n        background: #fff;\n        z-index: 10;\n        cursor: grab;\n        user-select: none; \n        touch-action: none; \n    }\n    \n    .custom-slider-viewport:active {\n        cursor: grabbing;\n    }\n\n    \/* 3. THE TRACK *\/\n    .custom-slider-track {\n        display: flex;\n        height: 100%;\n        width: max-content; \n        will-change: transform; \n        position: absolute;\n        left: 0;\n        top: 0;\n        pointer-events: none; \n    }\n\n    \/* 4. THE SLIDE *\/\n    .custom-slide {\n        height: 100%;\n        position: relative;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 33.333vw; \n        overflow: hidden; \/* Changed from visible to hidden for straight edges *\/\n        box-sizing: border-box;\n        margin: 0; padding: 0;\n        pointer-events: auto; \n    }\n\n    \/* 5. THE CONTENT - REMOVED MASKS & OFFSETS *\/\n    .custom-slide-content {\n        display: block;\n        height: 100%;\n        width: 100%; \/* Simply fill the slide *\/\n        margin: 0;   \/* No negative margins needed *\/\n        position: relative;\n        cursor: default; \/* No pointer cursor since links are removed *\/\n        -webkit-user-drag: none;\n        \/* Removed all mask-image code *\/\n    }\n\n    .custom-slide img {\n        display: block;\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        pointer-events: none; \/* Prevents ghost dragging *\/\n    }\n\n    \/* --- LOGO OVERLAY --- *\/\n    .logo-overlay {\n        position: fixed;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        z-index: 10001; \n        pointer-events: none; \n        width: clamp(300px ,25vw, 480px);\n        \n        \/* Layout: Logo Top, Text Bottom *\/\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .logo-overlay img {\n        display: block; width: 100%; height: auto;\n    }\n\n    \/* --- ARABIC TEXT STYLES --- *\/\n    .arabic-caption {\n        font-family: 'Dubai', sans-serif; \n        color: #000000; \n        margin-top: 15px; \n        \n        display: flex; \n        flex-direction: row; \n        align-items: center; \n        justify-content: center;\n        gap: 12px; \n    }\n\n    .arabic-caption .text-large {\n        font-size: clamp(50px, 5vw, 100px); \n        font-weight: 700;\n        line-height: 1;\n    }\n\n    .arabic-caption .text-small {\n        font-size: clamp(43px, 4.5vw, 90px);          \n        font-weight: 700;\n        line-height: 1;\n    }\n\n    \/* --- MOBILE RESPONSIVENESS --- *\/\n    @media (max-width: 768px) {\n        .custom-slider-viewport {\n            top: var(--header-height-mobile);\n            height: calc(100dvh - var(--header-height-mobile));\n        }\n        .custom-slide {\n            width: 100vw;\n        }\n        .logo-overlay { \n            width: 60vw;\n        }\n        \n     .arabic-caption .text-large {\n        font-size: clamp(50px, 15vw, 100px); \n        font-weight: 700;\n        line-height: 1;  \n     }    \n     .arabic-caption .text-small {\n        font-size: clamp(43px,14vw, 90px);          \n        font-weight: 700;\n        line-height: 1;\n    }    \n  \n\n    \n    }\n<\/style>\n\n<div class=\"logo-overlay\">\n    <img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/staging\/8847\/wp-content\/uploads\/2024\/11\/ultra-arte-logo.svg\" alt=\"Ultra Arte\">\n    \n    <div class=\"arabic-caption\" dir=\"rtl\">\n        <span class=\"text-large\">\u062f\u0628\u064a<\/span>\n        <span class=\"text-small\">\u0662\u0660\u0662\u0661<\/span>\n    <\/div>\n<\/div>\n\n<div class=\"custom-slider-viewport\">\n    <div class=\"custom-slider-track\" id=\"track\">\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage1.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage2.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage3.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/15-scaled.jpg\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage5.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage7.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage8.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage9.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage10.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage11.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage12.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/01\/homepage13.webp\"><\/div><\/div>\n        <div class=\"custom-slide\"><div class=\"custom-slide-content\"><img decoding=\"async\" src=\"https:\/\/ultraarte.ae\/wp-content\/uploads\/2026\/02\/ultraarte-update14-1.webp\"><\/div><\/div>\n    <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const track = document.getElementById('track');\n    const header = document.querySelector('.elementor-element-1640180');\n    const viewport = document.querySelector('.custom-slider-viewport');\n    \n    \/\/ --- CONFIGURATION ---\n    const MOUSEWHEEL_SPEED = 1.0; \n    const KEYBOARD_SPEED = 60; \n    \/\/ Removed INITIAL_OFFSET\n    \n    \/\/ --- SETUP: Clone Slides ---\n    const originalSlides = Array.from(track.children);\n    const slideCount = originalSlides.length;\n    \n    \/\/ Set A (Prepend)\n    originalSlides.slice().reverse().forEach(slide => {\n        track.insertBefore(slide.cloneNode(true), track.firstChild);\n    });\n    \n    \/\/ Set C (Append)\n    originalSlides.forEach(slide => {\n        track.appendChild(slide.cloneNode(true));\n    });\n    \n    \/\/ --- STATE VARIABLES ---\n    let currentX = 0;\n    let singleSetWidth = 0;\n    let isDragging = false;\n    let startInputX = 0; \n    \n    \/\/ --- MOVEMENT ENGINE ---\n    function moveSlider(deltaX) {\n        currentX -= deltaX;\n\n        \/\/ INFINITE LOOP CHECK\n        \/\/ If we've scrolled past the 2nd set (into the 3rd set), jump back to 1st set\n        if (currentX <= -(singleSetWidth * 2)) {\n            currentX += singleSetWidth; \n        }\n        \/\/ If we've scrolled past the 1st set (into the void), jump forward to 2nd set\n        else if (currentX >= 0) {\n            currentX -= singleSetWidth; \n        }\n\n        track.style.transform = `translate3d(${currentX}px, 0, 0)`;\n    }\n\n    \/\/ --- RESIZE HANDLER ---\n    function handleResize() {\n        if (header && viewport) {\n            const rect = header.getBoundingClientRect();\n            viewport.style.top = rect.bottom + 'px';\n            viewport.style.height = (window.innerHeight - rect.bottom) + 'px';\n        }\n\n        const allSlides = Array.from(track.children);\n        \/\/ Calculate width of one single original set\n        \/\/ (Note: We look at the first 'slideCount' items, which is Set A (clones), \n        \/\/ but they are identical in width to the originals).\n        let w = 0;\n        for(let i=0; i<slideCount; i++) {\n            w += allSlides[i].getBoundingClientRect().width;\n        }\n        singleSetWidth = w;\n\n        \/\/ Start exactly at the beginning of the \"Original\" set (Set B)\n        \/\/ This hides Set A off-screen to the left, aligning Set B's first image to viewport left.\n        currentX = -singleSetWidth;\n        track.style.transform = `translate3d(${currentX}px, 0, 0)`;\n    }\n\n    \/\/ --- EVENTS ---\n    window.addEventListener('wheel', (e) => {\n        e.preventDefault();\n        moveSlider(e.deltaY * MOUSEWHEEL_SPEED);\n    }, { passive: false });\n\n    window.addEventListener('keydown', (e) => {\n        if (e.key === 'ArrowRight') moveSlider(KEYBOARD_SPEED); \n        else if (e.key === 'ArrowLeft') moveSlider(-KEYBOARD_SPEED); \n    });\n\n    \/\/ DRAG\n    const onStart = (clientX) => {\n        isDragging = true;\n        startInputX = clientX;\n        viewport.style.cursor = 'grabbing';\n    };\n\n    viewport.addEventListener('mousedown', (e) => { e.preventDefault(); onStart(e.pageX); });\n    viewport.addEventListener('touchstart', (e) => { onStart(e.touches[0].pageX); }, { passive: false });\n\n    const onMove = (clientX) => {\n        if (!isDragging) return;\n        const walk = startInputX - clientX; \n        moveSlider(walk);\n        startInputX = clientX; \n    };\n\n    window.addEventListener('mousemove', (e) => { if(isDragging) e.preventDefault(); onMove(e.pageX); });\n    window.addEventListener('touchmove', (e) => { if(isDragging && e.cancelable) e.preventDefault(); onMove(e.touches[0].pageX); }, { passive: false });\n\n    const onEnd = () => { isDragging = false; viewport.style.cursor = 'grab'; };\n    window.addEventListener('mouseup', onEnd);\n    window.addEventListener('touchend', onEnd);\n    \n    \/\/ INIT\n    window.addEventListener('resize', handleResize);\n    handleResize(); \n    setTimeout(handleResize, 100); \n});\n<\/script>\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>work about consultancy news contact \u062f\u0628\u064a \u0662\u0660\u0662\u0661<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-5130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages\/5130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/comments?post=5130"}],"version-history":[{"count":87,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages\/5130\/revisions"}],"predecessor-version":[{"id":5838,"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/pages\/5130\/revisions\/5838"}],"wp:attachment":[{"href":"https:\/\/ultraarte.ae\/staging\/8847\/wp-json\/wp\/v2\/media?parent=5130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}