{"id":1426,"date":"2025-03-04T10:40:56","date_gmt":"2025-03-04T10:40:56","guid":{"rendered":"https:\/\/wotech-eg.com\/?page_id=1426"},"modified":"2026-10-23T20:06:03","modified_gmt":"2026-10-23T20:06:03","slug":"app","status":"publish","type":"page","link":"https:\/\/wotech-eg.com\/ar\/app\/","title":{"rendered":"Applications"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1426\" class=\"elementor elementor-1426\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2467cd2 e-flex e-con-boxed e-con e-parent\" data-id=\"2467cd2\" 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-6bcd1aa elementor-widget elementor-widget-html\" data-id=\"6bcd1aa\" 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<section class=\"wotech-apps-section\" aria-labelledby=\"applications-heading\">\r\n    <!-- Ambient Blur Spots -->\r\n\r\n\r\n    <div class=\"wotech-apps-container\">\r\n\r\n        <!-- Section Header (Centered) -->\r\n        <div class=\"wotech-apps-header\">\r\n            <span class=\"wotech-apps-badge\">Our Product In Action<\/span>\r\n            <h2 id=\"applications-heading\" class=\"wotech-apps-title\">Applications<\/h2>\r\n            <div class=\"wotech-apps-divider\" aria-hidden=\"true\"><\/div>\r\n            <p class=\"wotech-apps-subtitle\">\r\n                Discover the many ways WOTECH MDF is used \u2014 from laminated boards to finished furniture.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <!-- 6 Applications Grid -->\r\n        <div class=\"wotech-apps-grid\">\r\n\r\n            <!-- App 1 -->\r\n            <article class=\"wotech-app-card\">\r\n                <div class=\"wotech-app-visual\">\r\n                    <div class=\"wotech-app-frame-outline\" aria-hidden=\"true\"><\/div>\r\n                    <div class=\"wotech-app-frame-square\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"wotech-app-img-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/03\/542f9d36a4f0bd806a5c617575b53070.jpg\"\r\n                            alt=\"Laminated Board\"\r\n                            class=\"wotech-app-img\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                        <div class=\"wotech-app-img-tint\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wotech-app-info\">\r\n                    <h3 class=\"wotech-app-name\">Laminated Board<\/h3>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- App 2 -->\r\n            <article class=\"wotech-app-card\">\r\n                <div class=\"wotech-app-visual\">\r\n                    <div class=\"wotech-app-frame-outline\" aria-hidden=\"true\"><\/div>\r\n                    <div class=\"wotech-app-frame-square\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"wotech-app-img-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/03\/d5bcf2f7cd761eb3276c3e870fe1d58b.jpg\"\r\n                            alt=\"Furniture\"\r\n                            class=\"wotech-app-img\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                        <div class=\"wotech-app-img-tint\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wotech-app-info\">\r\n                    <h3 class=\"wotech-app-name\">Furniture<\/h3>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- App 3 -->\r\n            <article class=\"wotech-app-card\">\r\n                <div class=\"wotech-app-visual\">\r\n                    <div class=\"wotech-app-frame-outline\" aria-hidden=\"true\"><\/div>\r\n                    <div class=\"wotech-app-frame-square\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"wotech-app-img-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/03\/367febb06b45dcb6224398f561d2a7b3.jpg\"\r\n                            alt=\"Kitchen\"\r\n                            class=\"wotech-app-img\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                        <div class=\"wotech-app-img-tint\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wotech-app-info\">\r\n                    <h3 class=\"wotech-app-name\">Kitchen<\/h3>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- App 4 -->\r\n            <article class=\"wotech-app-card\">\r\n                <div class=\"wotech-app-visual\">\r\n                    <div class=\"wotech-app-frame-outline\" aria-hidden=\"true\"><\/div>\r\n                    <div class=\"wotech-app-frame-square\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"wotech-app-img-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/03\/a5f9488f2eeff81ba33f64813eef64fe.jpg\"\r\n                            alt=\"Doors\"\r\n                            class=\"wotech-app-img\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                        <div class=\"wotech-app-img-tint\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wotech-app-info\">\r\n                    <h3 class=\"wotech-app-name\">Doors<\/h3>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- App 5 -->\r\n            <article class=\"wotech-app-card\">\r\n                <div class=\"wotech-app-visual\">\r\n                    <div class=\"wotech-app-frame-outline\" aria-hidden=\"true\"><\/div>\r\n                    <div class=\"wotech-app-frame-square\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"wotech-app-img-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/03\/262e967abda82e69852bbe51aa1bc0a6.jpg\"\r\n                            alt=\"Flooring\"\r\n                            class=\"wotech-app-img\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                        <div class=\"wotech-app-img-tint\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wotech-app-info\">\r\n                    <h3 class=\"wotech-app-name\">Flooring<\/h3>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <!-- App 6 -->\r\n            <article class=\"wotech-app-card\">\r\n                <div class=\"wotech-app-visual\">\r\n                    <div class=\"wotech-app-frame-outline\" aria-hidden=\"true\"><\/div>\r\n                    <div class=\"wotech-app-frame-square\" aria-hidden=\"true\"><\/div>\r\n\r\n                    <div class=\"wotech-app-img-box\">\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/wotech-eg.com\/wp-content\/uploads\/2025\/03\/b5d787cc32e5790df932696863c68840.jpg\"\r\n                            alt=\"Store Fixtures\"\r\n                            class=\"wotech-app-img\"\r\n                            loading=\"lazy\"\r\n                        >\r\n                        <div class=\"wotech-app-img-tint\" aria-hidden=\"true\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wotech-app-info\">\r\n                    <h3 class=\"wotech-app-name\">Store Fixtures<\/h3>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Scoped Styles for Elementor -->\r\n<style>\r\n.wotech-apps-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    background-color: #FFFFFF;\r\n    padding: 70px 24px 100px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-apps-section {\r\n        padding: 50px 48px 120px;\r\n    }\r\n}\r\n\r\n\/* Ambient Blur Spots *\/\r\n.wotech-apps-glow {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    filter: blur(80px);\r\n}\r\n.wotech-apps-glow-left {\r\n    top: 60px;\r\n    left: -80px;\r\n    width: 260px;\r\n    height: 260px;\r\n    background-color: rgba(156, 175, 136, 0.15);\r\n}\r\n.wotech-apps-glow-right {\r\n    bottom: 60px;\r\n    right: -80px;\r\n    width: 290px;\r\n    height: 290px;\r\n    background-color: rgba(95, 61, 32, 0.08);\r\n}\r\n\r\n.wotech-apps-container {\r\n    position: relative;\r\n    max-width: 1240px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Section Header *\/\r\n.wotech-apps-header {\r\n    max-width: 680px;\r\n    margin: 0 auto 50px auto;\r\n    text-align: center;\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-apps-header {\r\n        margin-bottom: 70px;\r\n    }\r\n}\r\n\r\n.wotech-apps-badge {\r\n    display: inline-block;\r\n    background-color: rgba(156, 175, 136, 0.2);\r\n    color: #5F3D20;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.2em;\r\n    padding: 4px 12px;\r\n}\r\n\r\n.wotech-apps-title {\r\n    font-size: clamp(30px, 3.8vw, 42px) !important;\r\n    font-weight: 700 !important;\r\n    color: #9CAF88 !important;\r\n    line-height: 1.2 !important;\r\n    margin: 16px 0 0 0 !important;\r\n}\r\n\r\n.wotech-apps-divider {\r\n    height: 3px;\r\n    width: 56px;\r\n    background-color: #5F3D20;\r\n    margin: 14px auto 18px auto;\r\n}\r\n\r\n.wotech-apps-subtitle {\r\n    font-size: 16px !important;\r\n    line-height: 1.65 !important;\r\n    color: #4A5568 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* ========================================================\r\n   Applications Grid (1 column mobile\/tablet, 2 on desktop)\r\n   ======================================================== *\/\r\n.wotech-apps-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    column-gap: 32px;\r\n    row-gap: 56px;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    .wotech-apps-grid {\r\n        grid-template-columns: repeat(1, 1fr);\r\n        column-gap: 36px;\r\n        row-gap: 64px;\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .wotech-apps-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        column-gap: 44px;\r\n        row-gap: 70px;\r\n    }\r\n}\r\n\r\n\/* Single Card *\/\r\n.wotech-app-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n\/* Visual Container with Offset Wireframes *\/\r\n.wotech-app-visual {\r\n    position: relative;\r\n    width: 100%;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n\/* 1. Behind bottom-left green line frame *\/\r\n.wotech-app-frame-outline {\r\n    position: absolute;\r\n    bottom: -12px;\r\n    left: -12px;\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 2px solid rgba(156, 175, 136, 0.4);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n\/* 2. Top-right brown accent square *\/\r\n.wotech-app-frame-square {\r\n    position: absolute;\r\n    top: -10px;\r\n    right: -10px;\r\n    width: 64px;\r\n    height: 64px;\r\n    background-color: rgba(95, 61, 32, 0.1);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    transition: transform 0.35s ease;\r\n}\r\n\r\n\/* Interactive hover shifts on the decorative frames *\/\r\n.wotech-app-card:hover .wotech-app-frame-outline {\r\n    transform: translate(-4px, 4px);\r\n}\r\n.wotech-app-card:hover .wotech-app-frame-square {\r\n    transform: translate(4px, -4px);\r\n}\r\n\r\n\/* 3. Image Box (same aspect ratio for every card) *\/\r\n.wotech-app-img-box {\r\n    position: relative;\r\n    z-index: 2;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    height: auto;\r\n    min-height: 0;\r\n    background-color: #FFFFFF;\r\n    box-shadow: 0 18px 40px rgba(95, 61, 32, 0.14);\r\n    transition: box-shadow 0.35s ease;\r\n}\r\n\r\n.wotech-app-card:hover .wotech-app-img-box {\r\n    box-shadow: 0 24px 55px rgba(95, 61, 32, 0.22);\r\n}\r\n\r\n.wotech-app-img {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain; \/* Crops instead of stretching *\/\r\n    display: block;\r\n    transition: transform 0.5s ease-out;\r\n}\r\n\r\n.wotech-app-card:hover .wotech-app-img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n.wotech-app-img-tint {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 70px;\r\n    background: linear-gradient(to top, rgba(95, 61, 32, 0.25), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.35s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.wotech-app-card:hover .wotech-app-img-tint {\r\n    opacity: 1;\r\n}\r\n\r\n\/* Info: Title & Description *\/\r\n.wotech-app-info {\r\n    text-align: center;\r\n    margin-top: 28px;\r\n    padding: 0 8px;\r\n}\r\n\r\n.wotech-app-name {\r\n    font-size: 20px !important;\r\n    font-weight: 700 !important;\r\n    color: #5F3D20 !important;\r\n    margin: 0 !important;\r\n    line-height: 1.3 !important;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n    .wotech-app-img-box {\r\n        aspect-ratio: 4 \/ 3;\r\n        min-height: 0;\r\n    }\r\n}\r\n\r\n.wotech-app-card:hover .wotech-app-name {\r\n    color: #9CAF88 !important;\r\n}\r\n\r\n.wotech-app-desc {\r\n    max-width: 360px;\r\n    margin: 10px auto 0 auto !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.65 !important;\r\n    color: rgba(74, 85, 104, 0.9) !important;\r\n}\r\n<\/style>\r\n\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>","protected":false},"excerpt":{"rendered":"<p>Our Product In Action Applications Discover the many ways WOTECH MDF is used \u2014 from laminated boards to finished furniture. Laminated Board Furniture Kitchen Doors Flooring Store Fixtures<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-1426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/pages\/1426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/comments?post=1426"}],"version-history":[{"count":83,"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/pages\/1426\/revisions"}],"predecessor-version":[{"id":2261,"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/pages\/1426\/revisions\/2261"}],"wp:attachment":[{"href":"https:\/\/wotech-eg.com\/ar\/wp-json\/wp\/v2\/media?parent=1426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}