{"id":53,"date":"2025-09-23T12:04:18","date_gmt":"2025-09-23T12:04:18","guid":{"rendered":"https:\/\/barkaicom.co.il\/?page_id=53"},"modified":"2026-04-01T05:58:31","modified_gmt":"2026-04-01T02:58:31","slug":"services","status":"publish","type":"page","link":"https:\/\/barkaicom.co.il\/he\/services\/","title":{"rendered":"\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid boomapps_vcrow\"><div class=\"wpb_column vc_column_container vc_col-sm-12 boomapps_vccolumn\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<head>\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\"\/>\n<style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Outfit', sans-serif;\n        }\n        \n        :root {\n            --primary: #14b8a6;\n            --primary-dark: #0d9488;\n            --primary-light: #99f6e4;\n            --secondary: #0f766e;\n            --dark: #0f172a;\n            --light: #f8feff;\n            --text: #334155;\n            --card-bg: #ffffff;\n            --shadow: rgba(0, 0, 0, 0.05);\n            --accent-1: #f59e0b;\n            --accent-2: #8b5cf6;\n            --accent-3: #ec4899;\n        }\n        \n        body {\n            background: radial-gradient(circle at top right, #f0fdfa, #e0f2fe, #cffafe);\n            color: var(--text);\n            justify-content: center;\n            align-items: center;\n            overflow-x: hidden;\n        }\n        \n        .services-container {\n            width: 100%;\n            max-width: 1200px;\n            perspective: 1000px;\n        }\n        \n        .services-title {\n            text-align: center;\n            margin-bottom: 60px;\n            position: relative;\n        }\n        \n        .services-title h1 {\n            font-size: 3.5rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, var(--dark) 0%, var(--secondary) 100%);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            margin-bottom: 15px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n        \n        .services-title p {\n            font-size: 1.2rem;\n            max-width: 600px;\n            margin: 0 auto;\n            opacity: 0.8;\n        }\n        \n        .services-title::after {\n            content: '';\n            position: absolute;\n            bottom: -20px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 100px;\n            height: 4px;\n            background: linear-gradient(to right, var(--primary), var(--accent-1), var(--accent-2));\n            border-radius: 2px;\n        }\n        \n        \/* Hexagonal Grid Layout *\/\n        .services-hex-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            margin-bottom: 60px;\n        }\n        \n        .hexagon-service {\n            position: relative;\n            height: 300px;\n            background: var(--card-bg);\n            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            padding: 40px 20px;\n            transition: all 0.5s ease;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            border: 1px solid rgba(20, 184, 166, 0.1);\n        }\n        \n        .hexagon-service:nth-child(odd) {\n            transform: translateY(50px);\n        }\n        \n        .hexagon-service::before {\n            content: '';\n            position: absolute;\n            top: 5px;\n            left: 5px;\n            right: 5px;\n            bottom: 5px;\n            background: linear-gradient(135deg, var(--primary) 0%, transparent 70%);\n            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n            opacity: 0.05;\n            z-index: -1;\n            transition: opacity 0.5s ease;\n        }\n        \n        .hexagon-service:hover {\n            transform: scale(1.05) rotate(5deg);\n            z-index: 10;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n        }\n        \n        .hexagon-service:hover::before {\n            opacity: 0.1;\n        }\n        \n        .hexagon-icon {\n            width: 70px;\n            height: 70px;\n            background: var(--primary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            font-size: 28px;\n            color: white;\n            transition: all 0.5s ease;\n        }\n        \n        .hexagon-service:hover .hexagon-icon {\n            transform: scale(1.2) rotate(-10deg);\n            background: linear-gradient(135deg, var(--primary), var(--accent-1));\n        }\n        \n        .hexagon-service h3 {\n            font-size: 1.4rem;\n            margin-bottom: 15px;\n            color: var(--dark);\n        }\n        \n        .hexagon-service p {\n            font-size: 0.95rem;\n            line-height: 1.5;\n        }\n        \n        \/* Circular Timeline Layout *\/\n        .services-timeline {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            height: 500px;\n            margin-bottom: 60px;\n        }\n        \n        .timeline-center {\n            position: absolute;\n            width: 120px;\n            height: 120px;\n            background: var(--primary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 700;\n            font-size: 1.2rem;\n            z-index: 5;\n            box-shadow: 0 10px 30px rgba(20, 184, 166, 0.3);\n        }\n        \n        .timeline-service {\n            position: absolute;\n            width: 200px;\n            padding: 20px;\n            background: var(--card-bg);\n            border-radius: 15px;\n            text-align: center;\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);\n            transition: all 0.5s ease;\n            transform-origin: center;\n        }\n        \n        .timeline-service:nth-child(2) { transform: rotate(0deg) translate(250px) rotate(0deg); }\n        .timeline-service:nth-child(3) { transform: rotate(45deg) translate(250px) rotate(-45deg); }\n        .timeline-service:nth-child(4) { transform: rotate(90deg) translate(250px) rotate(-90deg); }\n        .timeline-service:nth-child(5) { transform: rotate(135deg) translate(250px) rotate(-135deg); }\n        .timeline-service:nth-child(6) { transform: rotate(180deg) translate(250px) rotate(-180deg); }\n        .timeline-service:nth-child(7) { transform: rotate(225deg) translate(250px) rotate(-225deg); }\n        .timeline-service:nth-child(8) { transform: rotate(270deg) translate(250px) rotate(-270deg); }\n        .timeline-service:nth-child(9) { transform: rotate(315deg) translate(250px) rotate(-315deg); }\n        \n        .timeline-service:hover {\n            transform: scale(1.2) !important;\n            z-index: 10;\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);\n        }\n        \n        .timeline-icon {\n            font-size: 24px;\n            color: var(--primary);\n            margin-bottom: 10px;\n        }\n        \n        .timeline-service h4 {\n            font-size: 1.1rem;\n            margin-bottom: 8px;\n            color: var(--dark);\n        }\n        \n        \/* Card Stack Layout *\/\n        .services-stack {\n            display: flex;\n            justify-content: center;\n            gap: 0;\n            margin-bottom: 60px;\n            height: 400px;\n            perspective: 1000px;\n        }\n        \n        .stacked-card {\n            width: 280px;\n            height: 350px;\n            background: var(--card-bg);\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            transition: all 0.5s ease;\n            position: absolute;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n        }\n        \n        .stacked-card:nth-child(1) { \n            transform: rotate(-5deg) translateX(-100px); \n            z-index: 1;\n            background: linear-gradient(135deg, var(--card-bg) 0%, var(--primary-light) 100%);\n        }\n        .stacked-card:nth-child(2) { \n            transform: rotate(0deg); \n            z-index: 2;\n            background: var(--card-bg);\n        }\n        .stacked-card:nth-child(3) { \n            transform: rotate(5deg) translateX(100px); \n            z-index: 1;\n            background: linear-gradient(135deg, var(--primary-light) 0%, var(--card-bg) 100%);\n        }\n        \n        .stacked-card:hover {\n            transform: scale(1.1) rotate(0deg) !important;\n            z-index: 10;\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\n        }\n        \n        .stack-icon {\n            width: 80px;\n            height: 80px;\n            background: var(--primary);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 25px;\n            font-size: 32px;\n            color: white;\n        }\n        \n        .stacked-card h3 {\n            font-size: 1.4rem;\n            margin-bottom: 15px;\n            color: var(--dark);\n        }\n        \n        .stacked-card p {\n            font-size: 0.95rem;\n            line-height: 1.6;\n        }\n        \n        \/* Floating Elements *\/\n        .floating-elements {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: -1;\n        }\n        \n        .floating-element {\n            position: absolute;\n            width: 40px;\n            height: 40px;\n            background: var(--primary-light);\n            border-radius: 50%;\n            opacity: 0.3;\n            animation: float 15s infinite linear;\n        }\n        \n        .floating-element:nth-child(1) { \n            top: 10%; \n            left: 5%; \n            animation-delay: 0s;\n            background: var(--accent-1);\n            opacity: 0.2;\n        }\n        .floating-element:nth-child(2) { \n            top: 20%; \n            right: 10%; \n            animation-delay: 2s;\n            width: 60px;\n            height: 60px;\n        }\n        .floating-element:nth-child(3) { \n            bottom: 30%; \n            left: 15%; \n            animation-delay: 4s;\n            background: var(--accent-2);\n            opacity: 0.15;\n        }\n        .floating-element:nth-child(4) { \n            bottom: 10%; \n            right: 5%; \n            animation-delay: 6s;\n            width: 50px;\n            height: 50px;\n        }\n        \n        @keyframes float {\n            0% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(180deg); }\n            100% { transform: translateY(0) rotate(360deg); }\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 992px) {\n            .services-hex-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .hexagon-service:nth-child(odd) {\n                transform: translateY(0);\n            }\n            \n            .hexagon-service:nth-child(even) {\n                transform: translateY(50px);\n            }\n            \n            .services-timeline {\n                height: 400px;\n            }\n            \n            .timeline-service {\n                width: 180px;\n            }\n            \n            .timeline-service:nth-child(2) { transform: rotate(0deg) translate(200px) rotate(0deg); }\n            .timeline-service:nth-child(3) { transform: rotate(60deg) translate(200px) rotate(-60deg); }\n            .timeline-service:nth-child(4) { transform: rotate(120deg) translate(200px) rotate(-120deg); }\n            .timeline-service:nth-child(5) { transform: rotate(180deg) translate(200px) rotate(-180deg); }\n            .timeline-service:nth-child(6) { transform: rotate(240deg) translate(200px) rotate(-240deg); }\n            .timeline-service:nth-child(7) { transform: rotate(300deg) translate(200px) rotate(-300deg); }\n        }\n        \n        @media (max-width: 768px) {\n            .services-title h1 {\n                font-size: 2.5rem;\n            }\n            \n            .services-hex-grid {\n                grid-template-columns: 1fr;\n                gap: 40px;\n            }\n            \n            .hexagon-service {\n                height: 250px;\n            }\n            \n            .hexagon-service:nth-child(even) {\n                transform: translateY(0);\n            }\n            \n            .services-timeline {\n                height: auto;\n                flex-direction: column;\n                gap: 30px;\n            }\n            \n            .timeline-center {\n                position: relative;\n                margin-bottom: 30px;\n            }\n            \n            .timeline-service {\n                position: relative;\n                transform: none !important;\n                width: 100%;\n                max-width: 300px;\n            }\n            \n            .services-stack {\n                flex-direction: column;\n                align-items: center;\n                height: auto;\n                gap: 30px;\n            }\n            \n            .stacked-card {\n                position: relative;\n                transform: none !important;\n                width: 100%;\n                max-width: 300px;\n            }\n        }\n        footer {\n            background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%) !important;\n            color: white;\n            padding: 20px 20px 10px !important;\n            margin: 0 !important;\n        }\n        \n        .footer-container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"services-container\">\n<div class=\"floating-elements\">\n<div class=\"floating-element\"><\/div>\n<div class=\"floating-element\"><\/div>\n<div class=\"floating-element\"><\/div>\n<div class=\"floating-element\"><\/div>\n<\/div>\n<div class=\"services-title\">\n<h1>\u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05d4\u05d7\u05d3\u05e9\u05e0\u05d9\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5<\/h1>\n<p>\u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05de\u05ea\u05e7\u05d3\u05de\u05d9\u05dd \u05d1\u05de\u05d2\u05d5\u05d5\u05df \u05ea\u05d7\u05d5\u05de\u05d9\u05dd \u05e2\u05dd \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05e9\u05dc \u05dc\u05de\u05e2\u05dc\u05d4 \u05de-40 \u05e9\u05e0\u05d4<\/p>\n<\/div>\n<!-- Hexagonal Grid Section -->\n<div class=\"services-hex-grid\">\n<div class=\"hexagon-service\">\n<div class=\"hexagon-icon\">\n<i class=\"fas fa-building-circle-check\"><\/i>\n<\/div>\n<h3>\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9 \u05d1\u05d5\u05d8<\/h3>\n<p>\u05d4\u05e2\u05d1\u05e8\u05ea \u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05de\u05e7\u05e6\u05d4 \u05dc\u05e7\u05e6\u05d4 \u05dc\u05d1\u05e0\u05d9\u05d9\u05d4 \u05e2\u05d1\u05d5\u05e8 \u05ea\u05e9\u05ea\u05d9\u05d5\u05ea \u05e7\u05e8\u05d9\u05d8\u05d9\u05d5\u05ea<\/p>\n<\/div>\n<div class=\"hexagon-service\">\n<div class=\"hexagon-icon\">\n<i class=\"fas fa-train-subway\"><\/i>\n<\/div>\n<h3>\u05ea\u05d7\u05d1\u05d5\u05e8\u05d4 \u05d4\u05de\u05d5\u05e0\u05d9\u05ea \u05d5\u05e8\u05db\u05d1\u05d5\u05ea<\/h3>\n<p>\u05de\u05e2\u05e8\u05db\u05d5\u05ea \u05e4\u05d9\u05e7\u05d5\u05d3 \u05de\u05e9\u05d5\u05dc\u05d1\u05d5\u05ea \u05d1\u05e8\u05db\u05d1\u05d5\u05ea \u05d5\u05d1\u05de\u05e2\u05d1\u05e8\u05d9\u05dd \u05e6\u05d9\u05d1\u05d5\u05e8\u05d9\u05d9\u05dd<\/p>\n<\/div>\n<div class=\"hexagon-service\">\n<div class=\"hexagon-icon\">\n<i class=\"fas fa-jet-fighter\"><\/i>\n<\/div>\n<h3>\u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05e6\u05d1\u05d0\u05d9\u05d9\u05dd<\/h3>\n<p>\u05d9\u05d9\u05e2\u05d5\u05e5 \u05ea\u05e7\u05e9\u05d5\u05e8\u05ea \u05d5\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d9\u05ea \u05d0\u05d1\u05d8\u05d7\u05d4 \u05de\u05d0\u05d5\u05d1\u05d8\u05d7\u05ea<\/p>\n<\/div>\n<div class=\"hexagon-service\">\n<div class=\"hexagon-icon\">\n<i class=\"fas fa-landmark\"><\/i>\n<\/div>\n<h3>\u05d9\u05d9\u05e2\u05d5\u05e5 \u05de\u05de\u05e9\u05dc\u05ea\u05d9<\/h3>\n<p>\u05e8\u05d2\u05d5\u05dc\u05e6\u05d9\u05d4 \u05e9\u05dc \u05d4\u05ea\u05e7\u05e9\u05d5\u05e8\u05ea \u05d5\u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d9\u05ea \u05ea\u05e9\u05ea\u05d9\u05ea \u05d4\u05de\u05d2\u05d6\u05e8 \u05d4\u05e6\u05d9\u05d1\u05d5\u05e8\u05d9<\/p>\n<\/div>\n<div class=\"hexagon-service\">\n<div class=\"hexagon-icon\">\n<i class=\"fas fa-city\"><\/i>\n<\/div>\n<h3>\u05e2\u05e8\u05d9\u05dd \u05d7\u05db\u05de\u05d5\u05ea<\/h3>\n<p>\u05e4\u05d9\u05ea\u05d5\u05d7 \u05e1\u05d1\u05d9\u05d1\u05d5\u05ea \u05e2\u05d9\u05e8\u05d5\u05e0\u05d9\u05d5\u05ea \u05d4\u05de\u05e7\u05d5\u05e9\u05e8\u05d5\u05ea \u05dc\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05de\u05ea\u05e7\u05d3\u05de\u05ea<\/p>\n<\/div>\n<div class=\"hexagon-service\">\n<div class=\"hexagon-icon\">\n<i class=\"fas fa-computer\"><\/i>\n<\/div>\n<h3>\u05d9\u05d9\u05e2\u05d5\u05e5 \u05ea\u05e7\u05e9\u05d5\u05e8\u05ea\u05d9<\/h3>\n<p>\u05d4\u05e0\u05d7\u05d9\u05d5\u05ea \u05d4\u05d0\u05d9\u05e0\u05d8\u05d2\u05e8\u05e6\u05d9\u05d4 \u05e9\u05dc IT \u05d5-Palcom<\/p>\n<\/div>\n<\/div>\n<!-- Circular Timeline Section -->\n<div class=\"services-timeline\">\n<div class=\"timeline-center\">\u05d4\u05de\u05d5\u05de\u05d7\u05d9\u05d5\u05ea \u05e9\u05dc\u05e0\u05d5<\/div>\n<div class=\"timeline-service\">\n<div class=\"timeline-icon\">\n<i class=\"fas fa-shield-halved\"><\/i>\n<\/div>\n<h4>\u05d4\u05d2\u05e0\u05ea \u05d9\u05e6\u05d5\u05d0<\/h4>\n<p>\u05e0\u05d9\u05d4\u05d5\u05dc \u05ea\u05d0\u05d9\u05de\u05d5\u05ea \u05d5\u05e1\u05d9\u05db\u05d5\u05e0\u05d9\u05dd \u05e2\u05d1\u05d5\u05e8 \u05d9\u05e6\u05d5\u05d0 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9<\/p>\n<\/div>\n<div class=\"timeline-service\">\n<div class=\"timeline-icon\">\n<i class=\"fas fa-satellite\"><\/i>\n<\/div>\n<h4>\u05e4\u05e1\u05e7\u05d9 \u05d3\u05d9\u05df \u05dc\u05d5\u05d5\u05d9\u05d9\u05e0\u05d9\u05d9\u05dd<\/h4>\n<p>\u05de\u05e2\u05e8\u05db\u05d5\u05ea \u05ea\u05e7\u05e9\u05d5\u05e8\u05ea \u05dc\u05d5\u05d5\u05d9\u05d9\u05e0\u05d9\u05d5\u05ea \u05de\u05ea\u05e7\u05d3\u05de\u05d5\u05ea<\/p>\n<\/div>\n<div class=\"timeline-service\">\n<div class=\"timeline-icon\">\n<i class=\"fas fa-network-wired\"><\/i>\n<\/div>\n<h4>\u05e2\u05d9\u05e6\u05d5\u05d1 \u05e8\u05e9\u05ea<\/h4>\n<p>Network architecture and custom application<\/p>\n<\/div>\n<div class=\"timeline-service\">\n<div class=\"timeline-icon\">\n<i class=\"fas fa-user-graduate\"><\/i>\n<\/div>\n<h4>\u05d4\u05b7\u05d3\u05b0\u05e8\u05b8\u05db\u05b8\u05d4<\/h4>\n<p>\u05d4\u05e2\u05d1\u05e8\u05ea \u05d9\u05d3\u05e2 \u05d5\u05d9\u05db\u05d5\u05dc\u05d5\u05ea \u05d1\u05e0\u05d9\u05d9\u05d4<\/p>\n<\/div>\n<div class=\"timeline-service\">\n<div class=\"timeline-icon\">\n<i class=\"fas fa-chart-line\"><\/i>\n<\/div>\n<h4>\u05d0\u05b4\u05e1\u05d8\u05e8\u05b8\u05d8\u05b6\u05d2\u05b4\u05d9\u05b8\u05d4<\/h4>\n<p>\u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4 \u05d5\u05ea\u05db\u05e0\u05d5\u05df \u05e2\u05e1\u05e7\u05d9 \u05dc\u05d8\u05d5\u05d5\u05d7 \u05d0\u05e8\u05d5\u05da<\/p>\n<\/div>\n<div class=\"timeline-service\">\n<div class=\"timeline-icon\">\n<i class=\"fas fa-handshake\"><\/i>\n<\/div>\n<h4>\u05e9\u05d5\u05ea\u05e4\u05d5\u05d9\u05d5\u05ea<\/h4>\n<p>\u05d1\u05e8\u05d9\u05ea\u05d5\u05ea \u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d5\u05ea \u05d5\u05e9\u05d9\u05ea\u05d5\u05e4\u05d9 \u05e4\u05e2\u05d5\u05dc\u05d4<\/p>\n<\/div>\n<\/div>\n<!-- Stacked Cards Section -->\n<div class=\"services-stack\">\n<div class=\"stacked-card\">\n<div class=\"stack-icon\">\n<i class=\"fas fa-cogs\"><\/i>\n<\/div>\n<h3>\u05d4\u05e0\u05d3\u05e1\u05ea \u05de\u05e2\u05e8\u05db\u05d5\u05ea<\/h3>\n<p>\u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05d4\u05e0\u05d3\u05e1\u05d9\u05d9\u05dd \u05de\u05e7\u05d9\u05e4\u05d9\u05dd \u05dc\u05de\u05e2\u05e8\u05db\u05d5\u05ea \u05ea\u05e7\u05e9\u05d5\u05e8\u05ea \u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05e2\u05dd \u05ea\u05de\u05d9\u05db\u05d4 \u05de\u05dc\u05d0\u05d4 \u05d1\u05de\u05d7\u05d6\u05d5\u05e8 \u05d4\u05d7\u05d9\u05d9\u05dd.<\/p>\n<\/div>\n<div class=\"stacked-card\">\n<div class=\"stack-icon\">\n<i class=\"fas fa-balance-scale\"><\/i>\n<\/div>\n<h3>\u05ea\u05d0\u05d9\u05de\u05d5\u05ea \u05e8\u05d2\u05d5\u05dc\u05d8\u05d5\u05e8\u05d9\u05ea<\/h3>\n<p>\u05e0\u05d9\u05d5\u05d5\u05d8 \u05d1\u05ea\u05e7\u05e0\u05d5\u05ea \u05ea\u05e7\u05e9\u05d5\u05e8\u05ea \u05de\u05d5\u05e8\u05db\u05d1\u05d5\u05ea \u05d5\u05e2\u05de\u05d9\u05d3\u05d4 \u05d1\u05d3\u05e8\u05d9\u05e9\u05d5\u05ea \u05d4\u05e9\u05d9\u05e4\u05d5\u05d8 \u05d4\u05de\u05dc\u05d0\u05d5\u05ea.<\/p>\n<\/div>\n<div class=\"stacked-card\">\n<div class=\"stack-icon\">\n<i class=\"fas fa-rocket\"><\/i>\n<\/div>\n<h3>\u05de\u05e2\u05d1\u05d3\u05ea \u05d7\u05d3\u05e9\u05e0\u05d5\u05ea<\/h3>\n<p>\u05de\u05d7\u05e7\u05e8 \u05d5\u05e4\u05d9\u05ea\u05d5\u05d7 \u05e9\u05dc \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d5\u05ea \u05ea\u05e7\u05e9\u05d5\u05e8\u05ea \u05de\u05d4\u05d3\u05d5\u05e8 \u05d4\u05d1\u05d0.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<script>\n        \/\/ Interactive animations\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Hexagon hover effects\n            const hexagons = document.querySelectorAll('.hexagon-service');\n            hexagons.forEach(hex => {\n                hex.addEventListener('mouseenter', function() {\n                    this.style.background = 'linear-gradient(135deg, #f8feff, #e0f2fe)';\n                });\n                \n                hex.addEventListener('mouseleave', function() {\n                    this.style.background = 'var(--card-bg)';\n                });\n            });\n            \n            \/\/ Timeline item animations\n            const timelineItems = document.querySelectorAll('.timeline-service');\n            timelineItems.forEach(item => {\n                item.addEventListener('mouseenter', function() {\n                    this.style.background = 'linear-gradient(135deg, var(--card-bg), var(--primary-light))';\n                });\n                \n                item.addEventListener('mouseleave', function() {\n                    this.style.background = 'var(--card-bg)';\n                });\n            });\n            \n            \/\/ Stacked cards animation on scroll\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = 1;\n                        entry.target.style.transform = 'scale(1) rotate(0deg)';\n                    }\n                });\n            }, { threshold: 0.5 });\n            \n            const stackedCards = document.querySelectorAll('.stacked-card');\n            stackedCards.forEach(card => {\n                card.style.opacity = 0;\n                card.style.transform = 'scale(0.8)';\n                card.style.transition = 'all 0.8s ease';\n                observer.observe(card);\n            });\n        });\n    <\/script>\n<\/body>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Our innovative services Advanced Solutions in multiple sectors with 40+ years of expertise Bot's projects Transfer solutions from end to end to construction for critical infrastructure Mass transport Commander systems integrated into trains and public transition Military solutions Communications consulting and secure security technology Government advice Telecom regulation and public sector infrastructure strategy Smart cities [...]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":7,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":159489,"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/pages\/53\/revisions\/159489"}],"wp:attachment":[{"href":"https:\/\/barkaicom.co.il\/he\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}