{"id":2123,"date":"2026-07-19T13:07:02","date_gmt":"2026-07-19T13:07:02","guid":{"rendered":"https:\/\/zytonagroup.com\/?post_type=gausium&#038;p=2123"},"modified":"2026-07-28T15:32:20","modified_gmt":"2026-07-28T15:32:20","slug":"omnie","status":"publish","type":"gausium","link":"https:\/\/zytonagroup.com\/ar\/gausium\/omnie\/","title":{"rendered":"Omnie"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2123\" class=\"elementor elementor-2123\" data-elementor-post-type=\"gausium\">\n\t\t\t\t<div class=\"wd-negative-gap elementor-element elementor-element-0163a02 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"0163a02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-229eda5 elementor-widget elementor-widget-html\" data-id=\"229eda5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"omnie-page\">\n\n    <!-- \u2550\u2550\u2550 SECTION 1: HERO \u2550\u2550\u2550 -->\n    <section class=\"om-hero\">\n        <div class=\"om-hero-bg\">\n            <img decoding=\"async\" src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/Omnie-slider.jpg\" alt=\"Omnie Cleaning Robot\">\n            <div class=\"om-hero-gradient\"><\/div>\n        <\/div>\n        <div class=\"om-hero-content\">\n            <h1 class=\"om-hero-title\">Omnie<\/h1>\n            <p class=\"om-hero-subtitle\">\n                Designed to excel in complex, dynamic environments<br>like airports and subway stations.\n            <\/p>\n             <div class=\"bt-hero-cta-group\">\n                <a href=\"#Book-Form\" class=\"bt-btn-primary\" id=\"bt-hero-trial-btn\">\n                    Download Brochure\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n                <\/a>\n                <a href=\"#Book-Form\" class=\"bt-btn-outline\" id=\"bt-hero-book-btn\">\n                    Book Free Trial\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n                <\/a>\n             <\/div>\n        <\/div>\n        \n    <\/section>\n\n    <!-- \u2550\u2550\u2550 SECTION 2: INTRO \u2550\u2550\u2550 -->\n    <section class=\"om-intro om-animate\">\n        <div class=\"om-container\">\n            <div class=\"om-intro-text\">\n                <h2 class=\"om-section-headline\">Big Spaces Get Messy. Fast.<\/h2>\n                <p>Your cleaning crew can't be everywhere. Every hour. Every day.<br>But Omnie can.<\/p>\n                <div class=\"om-intro-how\">How ?<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 SECTION 3: FEATURES \u2550\u2550\u2550 -->\n    <section class=\"om-features\">\n        <div class=\"om-container\">\n\n            <!-- Row 1: 360 Vision -->\n            <div class=\"om-feature-row\">\n                <div class=\"om-video-wrapper om-animate-left\">\n                    <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/Omnie-camera.mp4\" muted loop\n                        playsinline><\/video>\n                <\/div>\n                <div class=\"om-feature-text om-animate-right\">\n                    <h3>360\u00b0 vision. No blind spots.<\/h3>\n                <\/div>\n            <\/div>\n\n            <!-- Row 2: People Flow (Reverse) -->\n            <div class=\"om-feature-row reverse\">\n                <div class=\"om-video-wrapper om-animate-right\">\n                    <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/omnie-people-.mp4\" muted loop\n                        playsinline><\/video>\n                <\/div>\n                <div class=\"om-feature-text om-animate-left\">\n                    <h3>People move.<br>Omnie flows around them.<\/h3>\n                    <p>Calm. Steady. Safe.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Row 3: 3D Mapping -->\n            <div class=\"om-feature-row\">\n                <div class=\"om-video-wrapper om-animate-left\">\n                    <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/omnie-floor.mp4\" muted loop\n                        playsinline><\/video>\n                <\/div>\n                <div class=\"om-feature-text om-animate-right\">\n                    <h3>It Knows Your Space by Heart.<\/h3>\n                    <p>3D mapping, built in real time.<br>Dark corners. Rush hour. Wide-open halls.<br>Omnie doesn't\n                        hesitate. It just moves.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Row 4: Spot Cleaning (Reverse) -->\n            <div class=\"om-feature-row reverse\">\n                <div class=\"om-video-wrapper om-animate-right\">\n                    <video src=\"https:\/\/zytonagroup.com\/wp-content\/uploads\/2026\/07\/omnie-maping.mp4\" muted loop\n                        playsinline><\/video>\n                <\/div>\n                <div class=\"om-feature-text om-animate-left\">\n                    <h3>Coffee spill? Dry dust? Muddy footprint?<\/h3>\n                    <p>Omnie cleans it the right way. Every time.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 SECTION 4: FLOORING \u2550\u2550\u2550 -->\n    <section class=\"om-flooring om-animate\">\n        <div class=\"om-container\">\n            <h2 class=\"om-section-headline\">Applicable Flooring Types<\/h2>\n            <div class=\"om-flooring-grid om-stagger\">\n                <div class=\"om-floor-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/05\/Natural-Stone-min-1170x400.jpeg\" alt=\"Natural Stone\"\n                        class=\"om-floor-img\">\n                    <div class=\"om-floor-title\">Natural Stone<\/div>\n                <\/div>\n                <div class=\"om-floor-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/06\/floor-artificial-marble-granite.pic_-942x400.jpg\"\n                        alt=\"Artificial Marble\/Granite\" class=\"om-floor-img\">\n                    <div class=\"om-floor-title\">Artificial Marble & Granite<\/div>\n                <\/div>\n                <div class=\"om-floor-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/Ceramic-tiles-1170x400.jpg\" alt=\"Ceramic tiles\"\n                        class=\"om-floor-img\">\n                    <div class=\"om-floor-title\">Ceramic tiles<\/div>\n                <\/div>\n                <div class=\"om-floor-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/PVC-Vinyl-1170x400.jpg\" alt=\"PVC & Vinyl\"\n                        class=\"om-floor-img\">\n                    <div class=\"om-floor-title\">PVC & Vinyl<\/div>\n                <\/div>\n                <div class=\"om-floor-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/Concrete-1170x400.jpg\" alt=\"Concrete\"\n                        class=\"om-floor-img\">\n                    <div class=\"om-floor-title\">Concrete<\/div>\n                <\/div>\n                <div class=\"om-floor-card\">\n                    <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2022\/04\/Epoxy-1170x400.jpg\" alt=\"Epoxy\"\n                        class=\"om-floor-img\">\n                    <div class=\"om-floor-title\">Epoxy<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 SECTION 5: ENTERPRISES \u2550\u2550\u2550 -->\n    <section class=\"om-enterprise om-animate\">\n        <div class=\"om-container\">\n            <h2 class=\"om-section-headline\" style=\"text-align: center;\">Enterprises trusted in Omnie<\/h2>\n\n            <div class=\"om-enterprise-grid om-stagger\">\n                <!-- Case Study 1: YouTube -->\n                <div class=\"om-ent-card\">\n                    <h3 class=\"om-ent-title\">AB Vassilopoulos (Greek Supermarkets)<\/h3>\n                    <div class=\"om-yt-wrapper\">\n                        <iframe src=\"https:\/\/www.youtube.com\/embed\/TJuTzMmoJN4\" title=\"AB Vassilopoulos\"\n                            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                            allowfullscreen><\/iframe>\n                    <\/div>\n                <\/div>\n\n                <!-- Case Study 2: Image -->\n                <div class=\"om-ent-card\">\n                    <h3 class=\"om-ent-title\">Auchan Supermarkets<\/h3>\n                    <div class=\"om-ent-img-wrapper\">\n                        <img decoding=\"async\" src=\"https:\/\/gausium.com\/wp-content\/uploads\/2026\/06\/IMG_2413_Gausium.png\"\n                            alt=\"Auchan Supermarkets\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u2550\u2550\u2550 SECTION 6: CTA \u2550\u2550\u2550 -->\n    <section class=\"om-cta om-animate\">\n        <div class=\"om-container\">\n            <h2 class=\"om-section-headline\">Book a trial. In Your Space. For Free.<\/h2>\n            <p class=\"om-cta-sub\">No cost. No pressure. No sales pitch. Fill in your details below. Watch your space\n                transform.<\/p>\n            <a href=\"#Book-Form\" class=\"om-btn-primary\">\n                Book My Free Trial\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M5 12h14\" \/>\n                    <path d=\"m12 5 7 7-7 7\" \/>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<style>\n:root {\n    --om-bg-primary: #000000;\n    --om-bg-secondary: #0a0a0a;\n    --om-bg-card: #141414;\n    --om-bg-card-hover: #1c1c1c;\n    --om-white: #ffffff;\n    --om-off-white: #e8e8e8;\n    --om-gray-200: #d4d4d4;\n    --om-gray-300: #a3a3a3;\n    --om-gray-400: #737373;\n    --om-accent: #2a2bdb;\n    --om-accent-dark: #1f20a3;\n    --wd-text-font: \"Rubik\", Arial, Helvetica, sans-serif;\n    --wd-title-font: \"IvyOraDisplay\", Arial, Helvetica, sans-serif;\n    --om-radius-md: 16px;\n    --om-radius-lg: 24px;\n    --om-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.4);\n    --om-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    --om-transition-dramatic: 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n}\n.bt-hero-cta-group {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin-top: 30px !important;\n}\n.bt-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px 36px !important;\n    background: #2a2bdb;\n    color: var(--om-white);\n    font-family: var(--wd-text-font);\n    font-size: 1rem;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: all var(--om-transition-fast);\n    margin-top: 0 !important;\n}\n.bt-btn-primary:hover {\n    background: #1f20a3;\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(42, 43, 219, 0.3) !important;\n    color: #fff;\n}\n.bt-btn-outline {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px 36px !important;\n    background: transparent;\n    color: var(--om-white);\n    font-family: var(--wd-text-font);\n    font-size: 1rem;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    border: 1.5px solid #ffffff;\n    cursor: pointer;\n    transition: all var(--om-transition-fast);\n    margin-top: 0 !important;\n}\n.bt-btn-outline:hover {\n    background: rgba(255, 255, 255, 0.1);\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(255, 255, 255, 0.15) !important;\n    color: #fff;\n}\n.omnie-page {\n    font-family: var(--wd-text-font);\n    background-color: var(--om-bg-primary);\n    color: var(--om-off-white);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n.omnie-page *, .omnie-page *::before, .omnie-page *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n}\n\n@keyframes om-fadeUp {\n    from { opacity: 0; transform: translateY(60px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.om-animate {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: opacity var(--om-transition-dramatic), transform var(--om-transition-dramatic);\n}\n.om-animate.is-visible {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.om-animate-left {\n    opacity: 0;\n    transform: translateX(-60px);\n    transition: opacity var(--om-transition-dramatic), transform var(--om-transition-dramatic);\n}\n.om-animate-left.is-visible {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.om-animate-right {\n    opacity: 0;\n    transform: translateX(60px);\n    transition: opacity var(--om-transition-dramatic), transform var(--om-transition-dramatic);\n}\n.om-animate-right.is-visible {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.om-stagger > * {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.om-stagger.is-visible > *:nth-child(1) { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }\n.om-stagger.is-visible > *:nth-child(2) { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }\n.om-stagger.is-visible > *:nth-child(3) { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }\n.om-stagger.is-visible > *:nth-child(4) { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }\n.om-stagger.is-visible > *:nth-child(5) { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }\n.om-stagger.is-visible > *:nth-child(6) { transition-delay: 0.6s; opacity: 1; transform: translateY(0); }\n\n.om-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 16px 36px;\n    background: var(--om-accent);\n    color: var(--om-white);\n    font-family: var(--wd-text-font);\n    font-size: 1rem;\n    font-weight: 600;\n    border-radius: 100px;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: all var(--om-transition-fast);\n}\n\n.om-btn-primary:hover {\n    background: var(--om-accent-dark);\n    transform: translateY(-2px);\n    box-shadow: 0 12px 30px rgba(42, 43, 219, 0.3);\n}\n\n.om-container {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.om-section-headline {\n    font-family: var(--wd-title-font);\n    font-size: clamp(2.5rem, 5vw, 3.5rem);\n    font-weight: 700;\n    color: var(--om-white);\n    line-height: 1.15;\n    margin-bottom: 1.5rem;\n    letter-spacing: -0.02em;\n}\n\n.om-video-wrapper {\n    border-radius: var(--om-radius-lg);\n    overflow: hidden;\n    box-shadow: var(--om-shadow-md);\n    aspect-ratio: 16\/10;\n    position: relative;\n    background: var(--om-bg-card);\n}\n.om-video-wrapper video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.om-hero {\n    position: relative;\n    min-height: 90vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 6rem 2rem;\n    overflow: hidden;\n}\n\n.om-hero-bg {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n}\n.om-hero-bg img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: brightness(0.5);\n}\n.om-hero-gradient {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 40%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,1) 100%);\n    z-index: 1;\n}\n\n.om-hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n}\n\n.om-hero-title {\n    font-family: var(--wd-title-font);\n    font-size: clamp(4rem, 12vw, 9rem);\n    font-weight: 800;\n    color: var(--om-white);\n    letter-spacing: -0.05em;\n    line-height: 1;\n    margin-bottom: 1.5rem;\n    animation: om-fadeUp 1s ease 0.2s both;\n}\n\n.om-hero-subtitle {\n    font-size: clamp(1.2rem, 3vw, 1.8rem);\n    color: var(--om-off-white);\n    font-weight: 400;\n    line-height: 1.5;\n    animation: om-fadeUp 1s ease 0.4s both;\n}\n\n.om-intro {\n    padding: 6rem 2rem;\n    background: var(--om-bg-primary);\n    text-align: center;\n}\n.om-intro-text {\n    max-width: 800px;\n    margin: 0 auto;\n}\n.om-intro-text p {\n    font-size: clamp(1.2rem, 2vw, 1.5rem);\n    color: var(--om-gray-300);\n    margin-bottom: 3rem;\n    line-height: 1.6;\n}\n.om-intro-how {\n    font-family: var(--wd-title-font);\n    font-size: 3rem;\n    color: var(--om-accent);\n    font-weight: 700;\n}\n\n.om-features {\n    padding: 2rem 2rem 6rem;\n    background: var(--om-bg-secondary);\n}\n\n.om-feature-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 4rem;\n    align-items: center;\n    margin-bottom: 8rem;\n}\n.om-feature-row:last-child {\n    margin-bottom: 0;\n}\n\n.om-feature-row.reverse {\n    direction: rtl;\n}\n.om-feature-row.reverse > * {\n    direction: ltr;\n}\n\n.om-feature-text {\n    padding: 1rem 0;\n}\n.om-feature-text h3 {\n    font-family: var(--wd-title-font);\n    font-size: 2.2rem;\n    font-weight: 700;\n    color: var(--om-white);\n    margin-bottom: 1rem;\n    line-height: 1.2;\n}\n.om-feature-text p {\n    font-size: 1.2rem;\n    color: var(--om-gray-300);\n    line-height: 1.6;\n}\n\n.om-flooring {\n    padding: 6rem 2rem;\n    background: var(--om-bg-primary);\n    text-align: center;\n}\n.om-flooring-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 2rem;\n    margin-top: 4rem;\n}\n.om-floor-card {\n    background: var(--om-bg-card);\n    border-radius: var(--om-radius-md);\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,0.05);\n    text-align: left;\n    transition: all var(--om-transition-fast);\n}\n.om-floor-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(42, 43, 219, 0.3);\n}\n.om-floor-img {\n    height: 160px;\n    width: 100%;\n    object-fit: cover;\n    filter: brightness(0.7);\n}\n.om-floor-title {\n    padding: 1.5rem;\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: var(--om-white);\n}\n\n.om-enterprise {\n    padding: 6rem 2rem;\n    background: var(--om-bg-secondary);\n}\n.om-enterprise-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 3rem;\n    margin-top: 4rem;\n}\n.om-ent-card {\n    background: var(--om-bg-primary);\n    border-radius: var(--om-radius-lg);\n    overflow: hidden;\n    padding: 2rem;\n    text-align: center;\n    border: 1px solid rgba(255,255,255,0.05);\n}\n.om-ent-title {\n    font-size: 1.2rem;\n    font-weight: 600;\n    color: var(--om-white);\n    margin-bottom: 1.5rem;\n}\n.om-yt-wrapper {\n    position: relative;\n    padding-bottom: 56.25%;\n    height: 0;\n    overflow: hidden;\n    border-radius: var(--om-radius-md);\n}\n.om-yt-wrapper iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n.om-ent-img-wrapper {\n    border-radius: var(--om-radius-md);\n    overflow: hidden;\n    aspect-ratio: 16\/9;\n}\n.om-ent-img-wrapper img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.om-cta {\n    padding: 8rem 2rem;\n    background: var(--om-bg-primary);\n    text-align: center;\n    position: relative;\n}\n.om-cta::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 600px;\n    height: 600px;\n    background: radial-gradient(circle, rgba(42, 43, 219, 0.15), transparent 70%);\n    pointer-events: none;\n}\n.om-cta-sub {\n    font-size: 1.2rem;\n    color: var(--om-gray-300);\n    margin-bottom: 2.5rem;\n    max-width: 500px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n@media (max-width: 1024px) {\n    .om-flooring-grid { grid-template-columns: repeat(2, 1fr); }\n    .om-feature-row { gap: 2rem; }\n}\n\n@media (max-width: 768px) {\n    .om-feature-row, .om-enterprise-grid {\n        grid-template-columns: 1fr;\n        gap: 3rem;\n    }\n    .om-feature-row.reverse > * { direction: rtl; }\n    .om-feature-row.reverse { direction: ltr; }\n    .om-feature-text { padding: 0; text-align: center; }\n    \n    .om-hero-title { font-size: 4rem; }\n}\n\n@media (max-width: 480px) {\n    .om-flooring-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    const animateElements = document.querySelectorAll(\n        \".om-animate, .om-animate-left, .om-animate-right, .om-stagger\"\n    );\n\n    const animObserver = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n            if (!entry.isIntersecting) return;\n            requestAnimationFrame(() => {\n                entry.target.classList.add(\"is-visible\");\n            });\n            observer.unobserve(entry.target);\n        });\n    }, {\n        threshold: 0.15,\n        rootMargin: \"0px 0px -80px 0px\"\n    });\n\n    animateElements.forEach(el => animObserver.observe(el));\n\n    const videos = document.querySelectorAll(\".omnie-page video\");\n\n    videos.forEach(video => {\n        video.preload = \"metadata\";\n    });\n\n    const videoObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            const video = entry.target;\n            if (entry.isIntersecting) {\n                video.play().catch(() => {});\n            } else {\n                video.pause();\n            }\n        });\n    }, {\n        threshold: 0.4,\n        rootMargin: \"150px\"\n    });\n\n    videos.forEach(video => videoObserver.observe(video));\n});\n<\/script>\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-3284203 wd-section-stretch e-flex e-con-boxed e-con e-parent\" data-id=\"3284203\" data-element_type=\"container\" data-e-type=\"container\" id=\"Book-Form\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b22e342 elementor-widget elementor-widget-heading\" data-id=\"b22e342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Download Brochure<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db583ab elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"db583ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"New Form\" aria-label=\"New Form\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"2123\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"db583ab\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Omnie - zytona\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"2123\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tName\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Name\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_13628c7 elementor-col-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_13628c7\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tPhone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_13628c7]\" id=\"form-field-field_13628c7\" class=\"elementor-field elementor-size-sm  elementor-field-textual\" placeholder=\"Phone\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-sm\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Send<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\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},"featured_media":2224,"parent":0,"template":"elementor_header_footer","meta":{"_acf_changed":false},"class_list":["post-2123","gausium","type-gausium","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium"}],"about":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/types\/gausium"}],"version-history":[{"count":31,"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium\/2123\/revisions"}],"predecessor-version":[{"id":2423,"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/gausium\/2123\/revisions\/2423"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/media\/2224"}],"wp:attachment":[{"href":"https:\/\/zytonagroup.com\/ar\/wp-json\/wp\/v2\/media?parent=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}