{"id":2855,"date":"2025-03-01T17:15:57","date_gmt":"2025-03-01T17:15:57","guid":{"rendered":"https:\/\/communipass.com\/?page_id=2855"},"modified":"2025-12-25T13:37:27","modified_gmt":"2025-12-25T13:37:27","slug":"%d7%90%d7%aa%d7%92%d7%a8%d7%99%d7%9d","status":"publish","type":"page","link":"https:\/\/communipass.com\/he\/%d7%90%d7%aa%d7%92%d7%a8%d7%99%d7%9d\/","title":{"rendered":"\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n CommuniPass - Paid Challenges<\/title>\n \n <!-- 1. CONFIGURATION -->\n <script>\n tailwind = {\n config: {\n important: '#landing-wrapper', \n corePlugins: {\n preflight: false, \n },\n theme: {\n extend: {\n colors: {\n brand: {\n light: '#2dd4bf', \n DEFAULT: '#0f766e', \n dark: '#111827', \n accent: '#f59e0b', \n bg: '#ffffff',\n }\n },\n fontFamily: {\n sans: ['Heebo', 'sans-serif'],\n },\n animation: {\n 'float': 'float 6s ease-in-out infinite',\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-10px)' },\n }\n },\n backgroundImage: {\n 'grid-pattern': \"linear-gradient(to right, #f0f0f0 1px, transparent 1px), linear-gradient(to bottom, #f0f0f0 1px, transparent 1px)\",\n }\n }\n }\n }\n }\n <\/script>\n\n <!-- 2. Load Libraries -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <!-- 3. Custom CSS -->\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Heebo:wght@300;400;500;700;900&display=swap');\n\n \/* --- WRAPPER & RESET --- *\/\n #landing-wrapper {\n font-family: 'Heebo', sans-serif;\n color: #111827;\n background-color: #ffffff;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n width: 100%;\n box-sizing: border-box;\n overflow-x: hidden;\n direction: rtl;\n text-align: right;\n position: relative;\n font-size: 16px;\n }\n\n #landing-wrapper * {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n }\n\n \/* --- ELEMENTOR PROTECTION & RESETS --- *\/\n #landing-wrapper a { \n text-decoration: none !important; \n color: inherit; \n box-shadow: none !important;\n border-bottom: none !important;\n }\n #landing-wrapper button {\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n }\n #landing-wrapper h1, #landing-wrapper h2, #landing-wrapper h3, \n #landing-wrapper h4, #landing-wrapper h5, #landing-wrapper h6 {\n margin: 0; \n line-height: 1.2; \n color: #111827;\n font-weight: 700; \n }\n #landing-wrapper p { \n margin-bottom: 1rem; \n color: #374151;\n line-height: 1.7;\n }\n #landing-wrapper img { \n display: block; \n max-width: 100%; \n height: auto; \n border: none !important;\n }\n #landing-wrapper .rounded-full-img {\n border-radius: 9999px !important;\n aspect-ratio: 1 \/ 1 !important;\n object-fit: cover !important;\n }\n\n \/* --- NOISE OVERLAY --- *\/\n #landing-wrapper::before {\n content: \"\";\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'\/%3E%3C\/svg%3E\");\n pointer-events: none;\n z-index: 50;\n }\n\n .mesh-gradient {\n background: radial-gradient(at 0% 0%, rgba(45, 212, 191, 0.08) 0px, transparent 50%),\n radial-gradient(at 100% 0%, rgba(15, 118, 110, 0.03) 0px, transparent 50%),\n radial-gradient(at 100% 100%, rgba(245, 158, 11, 0.03) 0px, transparent 50%);\n }\n\n .text-gradient {\n background: linear-gradient(135deg, #0f766e 0%, #2dd4bf 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n color: transparent;\n display: inline-block;\n }\n\n .btn-modern {\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\n background: linear-gradient(135deg, #0f766e 0%, #2dd4bf 100%) !important;\n color: white !important;\n border-radius: 9999px !important;\n box-shadow: 0 4px 15px rgba(15, 118, 110, 0.3) !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n min-height: 3.5rem;\n border: none !important;\n white-space: nowrap !important;\n }\n .btn-modern:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(15, 118, 110, 0.4) !important;\n }\n\n .glass-card {\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(229, 231, 235, 0.5);\n border-radius: 24px;\n transition: all 0.4s ease;\n }\n\n .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .accordion-content {\n transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n }\n .accordion-content.active { opacity: 1; }\n\n .play-link {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n font-weight: 700;\n color: #4b5563;\n transition: all 0.2s ease;\n font-size: 0.95rem;\n white-space: nowrap;\n }\n .play-link:hover { color: #0f766e; }\n\n .step-card {\n position: relative;\n z-index: 1;\n }\n .step-number {\n font-size: 4rem;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n top: -1rem;\n right: -0.2rem;\n opacity: 0.05;\n color: #0f766e;\n z-index: -1;\n user-select: none;\n }\n\n .video-container {\n position: relative;\n padding-bottom: 56.25%; \n height: 0;\n overflow: hidden;\n border-radius: 24px;\n background: #000;\n box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n }\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n .hide-scrollbar::-webkit-scrollbar { display: none; }\n .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n\n #sticky-cta.visible {\n transform: translate(-50%, 0);\n opacity: 1;\n pointer-events: auto;\n }\n <\/style>\n<\/head>\n<body>\n\n <div id=\"landing-wrapper\">\n\n <!-- Video Modal -->\n <div id=\"videoModal\" class=\"fixed inset-0 flex items-center justify-center bg-black\/90 backdrop-blur-md p-4 opacity-0 pointer-events-none transition-opacity duration-300 z-[9999]\">\n <div class=\"relative w-full max-w-5xl aspect-video bg-black rounded-2xl overflow-hidden shadow-2xl border border-white\/10\">\n <button onclick=\"closeModal()\" class=\"absolute top-4 right-4 z-10 p-2 bg-black\/50 hover:bg-black\/70 text-white rounded-full transition-colors backdrop-blur-md cursor-pointer border-none\">\n <i data-lucide=\"x\" class=\"w-6 h-6\"><\/i>\n <\/button>\n <div id=\"videoContainer\" class=\"w-full h-full\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Sticky Floating CTA -->\n <div id=\"sticky-cta\" class=\"fixed bottom-4 md:bottom-6 left-1\/2 transform -translate-x-1\/2 translate-y-20 opacity-0 pointer-events-none z-40 w-[92%] max-w-sm md:w-auto text-center transition-all duration-500\">\n <a href=\"https:\/\/communipass.com\/auth\/guru?mode=signup&lang=he\" class=\"btn-modern px-6 md:px-10 py-3 w-full md:w-auto text-base md:text-lg text-white font-bold shadow-2xl\">\n \u05d1\u05e0\u05d5 \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd <i data-lucide=\"arrow-left\" class=\"w-4 h-4 md:w-5 md:h-5 mr-2\"><\/i>\n <\/a>\n <\/div>\n\n <!-- HERO SECTION -->\n <section class=\"relative min-h-[60vh] md:min-h-[70vh] flex flex-col justify-center items-center px-4 md:px-6 pt-28 md:pt-24 pb-12 md:pb-16 overflow-hidden mesh-gradient text-center\">\n <div class=\"max-w-4xl mx-auto relative z-10 text-center\">\n <div class=\"reveal active\">\n <h1 class=\"text-3xl md:text-7xl font-black text-gray-900 leading-tight mb-4 md:mb-6 tracking-tight\">\n \u05d4\u05e4\u05db\u05d5 \u05d9\u05d3\u05e2 \u05dc\u05ea\u05d4\u05dc\u05d9\u05da <span class=\"text-gradient\">\u05e9\u05de\u05db\u05e0\u05d9\u05e1 \u05db\u05e1\u05e3<\/span> \u05ea\u05d5\u05da \u05d3\u05e7\u05d5\u05ea, \u05dc\u05d0 \u05d7\u05d5\u05d3\u05e9\u05d9\u05dd.\n <\/h1>\n <\/div>\n \n <div class=\"reveal active\" style=\"transition-delay: 100ms;\">\n <p class=\"text-base md:text-2xl text-gray-700 mb-6 md:mb-8 max-w-3xl mx-auto font-medium leading-relaxed text-center\">\n \u05d1\u05e0\u05d5 \u05d0\u05ea\u05d2\u05e8 \u05d1\u05ea\u05e9\u05dc\u05d5\u05dd \u05e9\u05de\u05d5\u05d1\u05d9\u05dc \u05d0\u05e0\u05e9\u05d9\u05dd \u05e6\u05e2\u05d3-\u05e6\u05e2\u05d3, \u05d1\u05d5\u05e0\u05d4 \u05d0\u05de\u05d5\u05df, \u05d5\u05de\u05e1\u05ea\u05d9\u05d9\u05dd \u05d1\u05de\u05db\u05d9\u05e8\u05ea \u05e4\u05e8\u05d9\u05de\u05d9\u05d5\u05dd.\n <\/p>\n <\/div>\n\n <div class=\"reveal active mb-6 md:mb-8 text-center\" style=\"transition-delay: 150ms;\">\n <span class=\"inline-block px-3 py-1 rounded-full bg-teal-50 border border-teal-100 text-teal-800 text-[10px] md:text-xs font-bold uppercase tracking-wider text-center\">\n \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05d9\u05d7\u05d9\u05d3\u05d4 \u05d1\u05e2\u05d5\u05dc\u05dd \u05dc\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05d1\u05ea\u05e9\u05dc\u05d5\u05dd \u05d1\u05e2\u05d1\u05e8\u05d9\u05ea\n <\/span>\n <\/div>\n\n <div class=\"reveal active flex flex-col items-center gap-3 text-center\" style=\"transition-delay: 200ms;\">\n <a href=\"https:\/\/communipass.com\/auth\/guru?mode=signup&lang=he\" class=\"btn-modern px-8 md:px-14 py-4 md:py-5 text-lg md:text-xl text-white font-black shadow-lg w-full md:w-auto\">\n \u05d1\u05e0\u05d5 \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd\n <\/a>\n <p class=\"text-[12px] md:text-sm text-brand-DEFAULT font-bold\">\u05d4\u05ea\u05d7\u05d9\u05dc\u05d5 \u05e2\u05db\u05e9\u05d9\u05d5 \u05e2\u05dd 7 \u05d9\u05de\u05d9 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05d7\u05d9\u05e0\u05dd<\/p>\n \n <button onclick=\"openModal()\" class=\"play-link group mt-2 hover:opacity-80 transition-opacity flex flex-row items-center gap-2\">\n <span class=\"w-7 h-7 md:w-8 md:h-8 flex items-center justify-center bg-gray-100 rounded-full group-hover:bg-brand-light\/20 transition-colors shrink-0\">\n <i data-lucide=\"play\" class=\"w-3 h-3 md:w-4 md:h-4 fill-brand-DEFAULT text-brand-DEFAULT\"><\/i>\n <\/span>\n <span class=\"font-bold underline decoration-gray-300 underline-offset-4 text-sm md:text-base\">\u05e6\u05e4\u05d5 \u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3<\/span>\n <\/button>\n <\/div>\n\n <!-- SOCIAL PROOF -->\n <div class=\"reveal mt-12 flex flex-col items-center gap-3 md:gap-4 text-center text-center\" style=\"transition-delay: 350ms;\">\n <div class=\"flex -space-x-4 space-x-reverse justify-center p-2\">\n <div class=\"w-10 h-10 md:w-12 md:h-12 rounded-full border-2 border-white shadow-sm overflow-hidden bg-gray-200\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=150&q=80\" class=\"rounded-full-img w-full h-full\" alt=\"\" title=\"\"><\/div>\n <div class=\"w-10 h-10 md:w-12 md:h-12 rounded-full border-2 border-white shadow-sm overflow-hidden bg-gray-200\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=150&q=80\" class=\"rounded-full-img w-full h-full\" alt=\"\" title=\"\"><\/div>\n <div class=\"w-10 h-10 md:w-12 md:h-12 rounded-full border-2 border-white shadow-sm overflow-hidden bg-gray-200\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=150&q=80\" class=\"rounded-full-img w-full h-full\" alt=\"\" title=\"\"><\/div>\n <div class=\"w-10 h-10 md:w-12 md:h-12 rounded-full border-2 border-white shadow-sm overflow-hidden bg-gray-200\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1633332755192-727a05c4013d?auto=format&fit=crop&w=150&q=80\" class=\"rounded-full-img w-full h-full\" alt=\"\" title=\"\"><\/div>\n <div class=\"w-10 h-10 md:w-12 md:h-12 rounded-full border-2 border-white shadow-sm overflow-hidden bg-gray-200\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&w=150&q=80\" class=\"rounded-full-img w-full h-full\" alt=\"\" title=\"\"><\/div>\n <\/div>\n <div class=\"px-4 text-center\">\n <p class=\"text-[13px] md:text-sm font-bold text-gray-900 leading-tight\">\u05d0\u05dc\u05e4\u05d9 \u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05e4\u05e2\u05d9\u05dc\u05d9\u05dd \u05de\u05e8\u05d7\u05d1\u05d9 \u05d4\u05e2\u05d5\u05dc\u05dd \u05db\u05d1\u05e8 \u05e2\u05d5\u05d1\u05d3\u05d9\u05dd \u05e2\u05dd CommuniPass<\/p>\n <p class=\"text-[11px] md:text-xs text-gray-500 font-medium mt-1\">\u05e4\u05dc\u05d8\u05e4\u05d5\u05e8\u05de\u05d4 \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9\u05ea \u05e2\u05dd \u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05de-47 \u05de\u05d3\u05d9\u05e0\u05d5\u05ea<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- BULLETS -->\n <section class=\"py-8 md:py-12 px-4 bg-white text-center\">\n <div class=\"max-w-6xl mx-auto flex flex-wrap justify-center gap-3 md:gap-8\">\n <div class=\"reveal flex items-center gap-2 md:gap-3 text-gray-800 font-bold bg-gray-50\/80 px-4 md:px-5 py-2 md:py-3 rounded-xl border border-gray-100 shadow-sm text-sm md:text-base\">\n <i data-lucide=\"calendar-check\" class=\"w-4 h-4 md:w-5 md:h-5 text-brand-DEFAULT\"><\/i> \u05de\u05ea\u05d6\u05de\u05e0\u05d9\u05dd \u05e4\u05e2\u05dd \u05d0\u05d7\u05ea\n <\/div>\n <div class=\"reveal flex items-center gap-2 md:gap-3 text-gray-800 font-bold bg-gray-50\/80 px-4 md:px-5 py-2 md:py-3 rounded-xl border border-gray-100 shadow-sm text-sm md:text-base\">\n <i data-lucide=\"users\" class=\"w-4 h-4 md:w-5 md:h-5 text-brand-DEFAULT\"><\/i> \u05d4\u05de\u05e9\u05ea\u05ea\u05e3 \u05d1\u05d5\u05d7\u05e8 \u05e2\u05e8\u05d5\u05e5\n <\/div>\n <div class=\"reveal flex items-center gap-2 md:gap-3 text-gray-800 font-bold bg-gray-50\/80 px-4 md:px-5 py-2 md:py-3 rounded-xl border border-gray-100 shadow-sm text-sm md:text-base\">\n <i data-lucide=\"server\" class=\"w-4 h-4 md:w-5 md:h-5 text-brand-DEFAULT\"><\/i> \u05e9\u05dc\u05d9\u05d7\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea\n <\/div>\n <div class=\"reveal flex items-center gap-2 md:gap-3 text-gray-800 font-bold bg-gray-50\/80 px-4 md:px-5 py-2 md:py-3 rounded-xl border border-gray-100 shadow-sm text-sm md:text-base\">\n <i data-lucide=\"credit-card\" class=\"w-4 h-4 md:w-5 md:h-5 text-brand-DEFAULT\"><\/i> \u05db\u05e1\u05e3 \u05e0\u05db\u05e0\u05e1 \u05d0\u05dc\u05d9\u05db\u05dd\n <\/div>\n <\/div>\n <\/section>\n\n <!-- REVIEWS -->\n <section class=\"py-16 md:py-24 px-4 md:px-6 bg-gray-50 border-y border-gray-100\">\n <div class=\"max-w-6xl mx-auto text-center relative z-10 text-center\">\n <div class=\"reveal mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-gray-900 mb-4 text-center\">\u05d6\u05d4 \u05db\u05d1\u05e8 \u05d4\u05e1\u05d8\u05e0\u05d3\u05e8\u05d8 \u05d4\u05d7\u05d3\u05e9<\/h2>\n <p class=\"text-base md:text-lg text-gray-600 max-w-2xl mx-auto text-center\">\n CommuniPass \u05d4\u05d9\u05d0 \u05e4\u05dc\u05d8\u05e4\u05d5\u05e8\u05de\u05d4 \u05d1\u05d9\u05e0\u05dc\u05d0\u05d5\u05de\u05d9\u05ea \u05e2\u05dd \u05de\u05e2\u05dc <span class=\"font-bold text-brand-DEFAULT\">7,000 \u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05e4\u05e2\u05d9\u05dc\u05d9\u05dd<\/span>\n <\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-8 text-right text-sm\">\n <div class=\"glass-card p-6 md:p-8 reveal border-gray-200 shadow-sm\">\n <div class=\"flex gap-1 mb-4 text-yellow-500\">\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\n <\/div>\n <p class=\"text-gray-900 font-medium mb-6 italic leading-relaxed text-right\">\"\u05d4\u05d7\u05dc\u05e7 \u05d4\u05db\u05d9 \u05d8\u05d5\u05d1 \u05d4\u05d5\u05d0 \u05e9\u05d4\u05db\u05dc \u05e2\u05d5\u05d1\u05d3 \u05d1\u05e6\u05d5\u05e8\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea \u05d5\u05d4\u05ea\u05e9\u05dc\u05d5\u05de\u05d9\u05dd \u05e0\u05db\u05e0\u05e1\u05d9\u05dd \u05d9\u05e9\u05e8 \u05dc\u05d1\u05e0\u05e7.\"<\/p>\n <p class=\"text-xs font-black text-brand-DEFAULT border-r-2 border-brand-DEFAULT pr-3 uppercase tracking-wider text-right\">\u05d0\u05d5\u05e4\u05d9\u05e8 \u05de\u05dc\u05d9\u05d7\u05d9<\/p>\n <\/div>\n <div class=\"glass-card p-6 md:p-8 reveal border-gray-200 shadow-sm\" style=\"transition-delay: 100ms;\">\n <div class=\"flex gap-1 mb-4 text-yellow-500\">\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\n <\/div>\n <p class=\"text-gray-900 font-medium mb-6 italic leading-relaxed text-right\">\"\u05d0\u05e4\u05e1 \u05de\u05d0\u05de\u05e5 \u05de\u05e6\u05d3\u05d9 - \u05e7\u05d9\u05d1\u05dc\u05ea\u05d9 \u05dc\u05d9\u05d5\u05d5\u05d9 \u05d1\u05db\u05dc \u05e9\u05dc\u05d1 \u05d5\u05d4\u05db\u05d9 \u05d7\u05e9\u05d5\u05d1 - \u05d4\u05dc\u05e7\u05d5\u05d7\u05d5\u05ea \u05e4\u05e9\u05d5\u05d8 \u05e2\u05e4\u05d5 \u05e2\u05dc \u05d6\u05d4.\"<\/p>\n <p class=\"text-xs font-black text-brand-DEFAULT border-r-2 border-brand-DEFAULT pr-3 uppercase tracking-wider text-right\">\u05d9\u05e2\u05dc \u05e4\u05d6 \u05d3\u05e8\u05e2\u05d9<\/p>\n <\/div>\n <div class=\"glass-card p-6 md:p-8 reveal border-gray-200 shadow-sm\" style=\"transition-delay: 200ms;\">\n <div class=\"flex gap-1 mb-4 text-yellow-500\">\n <i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i><i data-lucide=\"star\" class=\"w-4 h-4 fill-current\"><\/i>\n <\/div>\n <p class=\"text-gray-900 font-medium mb-6 italic leading-relaxed text-right\">\"\u05d4\u05e6\u05dc\u05d7\u05ea\u05d9 \u05dc\u05d4\u05d2\u05d9\u05e2 \u05dc\u05e7\u05d4\u05dc \u05d7\u05d3\u05e9 \u05d5\u05dc\u05d9\u05d9\u05e6\u05e8 \u05e2\u05d5\u05d3 \u05e2\u05e8\u05d5\u05e5 \u05d4\u05db\u05e0\u05e1\u05d4 \u05d1\u05de\u05d9\u05e0\u05d9\u05de\u05d5\u05dd \u05de\u05d0\u05de\u05e5. \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05e7\u05dc\u05d4 \u05d5\u05d4\u05e9\u05d9\u05e8\u05d5\u05ea \u05de\u05d3\u05d4\u05d9\u05dd.\"<\/p>\n <p class=\"text-xs font-black text-brand-DEFAULT border-r-2 border-brand-DEFAULT pr-3 uppercase tracking-wider text-right text-right text-right\">\u05e9\u05d9 \u05e7\u05dc\u05de\u05e0\u05d5\u05d1\u05d9\u05e5'<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FEATURES BENTO GRID -->\n <section class=\"py-12 md:py-24 px-4 bg-white text-center text-center\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <div class=\"text-center mb-10 md:mb-16 reveal text-center\">\n <h2 class=\"text-2xl md:text-5xl font-black text-gray-900 mb-4 text-center\">\u05db\u05db\u05d4 \u05d1\u05d5\u05e0\u05d9\u05dd \u05d0\u05ea\u05d2\u05e8 \u05e9\u05e2\u05d5\u05d1\u05d3 \u05d1\u05d0\u05de\u05ea<\/h2>\n <p class=\"text-base md:text-lg text-gray-600 text-center\">\u05d4\u05de\u05e7\u05e6\u05d5\u05e2\u05d9\u05d5\u05ea \u05e9\u05dc CommuniPass \u05dc\u05e9\u05d9\u05e8\u05d5\u05ea \u05d4\u05e2\u05e1\u05e7 \u05e9\u05dc\u05db\u05dd.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-8 text-right\">\n <!-- Feature 1 -->\n <div class=\"glass-card p-6 md:p-10 reveal flex flex-col border-gray-200 shadow-sm text-right\">\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-blue-100 rounded-2xl flex items-center justify-center text-blue-600 mb-6 md:mb-8 text-right\"><i data-lucide=\"layout\" class=\"w-6 h-6 md:w-7 md:h-7 text-right\"><\/i><\/div>\n <h3 class=\"text-lg md:text-2xl font-black mb-3 text-gray-900 text-right\">\u05e2\u05de\u05d5\u05d3 \u05e0\u05d7\u05d9\u05ea\u05d4 \u05d5\u05ea\u05e9\u05dc\u05d5\u05dd \u05de\u05d5\u05d1\u05e0\u05d9\u05dd<\/h3>\n <p class=\"text-gray-700 mb-6 leading-relaxed text-sm font-medium text-right text-right\">\u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05de\u05d9\u05d9\u05e6\u05e8\u05ea \u05dc\u05db\u05dd \u05e2\u05de\u05d5\u05d3 \u05d0\u05ea\u05d2\u05e8 \u05de\u05d5\u05db\u05df \u05e2\u05dd \u05d4\u05e8\u05e9\u05de\u05d4 \u05d5\u05ea\u05e9\u05dc\u05d5\u05dd. \u05e4\u05e9\u05d5\u05d8 \u05de\u05e9\u05ea\u05e4\u05d9\u05dd \u05d5\u05de\u05ea\u05d7\u05d9\u05dc\u05d9\u05dd.<\/p>\n <div class=\"mt-auto\">\n <a href=\"https:\/\/communipass.com\/go\/ronishe\/68f72ba555c7b07489a370bd?lang=he\" target=\"_blank\" class=\"flex items-center gap-2 text-brand-DEFAULT font-bold hover:gap-3 transition-all text-sm text-right\">\n \u05e8\u05d0\u05d5 \u05e2\u05de\u05d5\u05d3 \u05d0\u05ea\u05d2\u05e8 \u05dc\u05d3\u05d5\u05d2\u05de\u05d4 <i data-lucide=\"arrow-left\" class=\"w-4 h-4\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <!-- Feature 2 -->\n <div class=\"glass-card p-6 md:p-10 reveal flex flex-col border-gray-200 shadow-sm text-right\" style=\"transition-delay: 100ms;\">\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-purple-100 rounded-2xl flex items-center justify-center text-purple-600 mb-6 md:mb-8\"><i data-lucide=\"clock\" class=\"w-6 h-6 md:w-7 md:h-7\"><\/i><\/div>\n <h3 class=\"text-lg md:text-2xl font-black mb-3 text-gray-900 text-right text-right\">\u05ea\u05d6\u05de\u05d5\u05df \u05ea\u05d5\u05db\u05df \u05d7\u05db\u05dd<\/h3>\n <p class=\"text-gray-700 leading-relaxed text-sm font-medium text-right text-right\">\u05d4\u05ea\u05d5\u05db\u05df \u05e0\u05e9\u05dc\u05d7 \u05dc\u05e4\u05d9 \u05dc\u05d5\u05d7 \u05d6\u05de\u05e0\u05d9\u05dd \u05de\u05d5\u05d2\u05d3\u05e8 \u05de\u05e8\u05d0\u05e9, \u05d9\u05d5\u05dd \u05d0\u05d7\u05e8\u05d9 \u05d9\u05d5\u05dd, \u05d1\u05d0\u05d5\u05e4\u05df \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9 \u05dc\u05d7\u05dc\u05d5\u05d8\u05d9\u05df.<\/p>\n <\/div>\n <!-- Feature 3 - FIXED ICONS -->\n <div class=\"glass-card p-6 md:p-10 reveal flex flex-col border-gray-200 shadow-sm text-right\" style=\"transition-delay: 200ms;\">\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-green-100 rounded-2xl flex items-center justify-center text-green-600 mb-6 md:mb-8\"><i data-lucide=\"smartphone\" class=\"w-6 h-6 md:w-7 md:h-7\"><\/i><\/div>\n <h3 class=\"text-lg md:text-2xl font-black mb-3 text-gray-900 text-right text-right\">\u05d1\u05d7\u05d9\u05e8\u05ea \u05e2\u05e8\u05d5\u05e5 \u05d4\u05e4\u05e6\u05d4<\/h3>\n <div class=\"flex flex-row items-center gap-4 mb-4\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/6\/6b\/WhatsApp.svg\" class=\"w-8 h-8\" alt=\"WhatsApp\" title=\"\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/82\/Telegram_logo.svg\" class=\"w-6 h-6\" alt=\"Telegram\" title=\"\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7e\/Discord_logo_blue.svg\" class=\"w-6 h-6\" alt=\"Discord\" onerror=\"this.src='https:\/\/cdn.worldvectorlogo.com\/logos\/discord-6.svg'\" title=\"\">\n <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/7\/7e\/Gmail_icon_%282020%29.svg\" class=\"w-6 h-6\" alt=\"Gmail\" title=\"\">\n <\/div>\n <p class=\"text-gray-700 mb-4 font-bold text-brand-DEFAULT italic text-sm text-right\">\u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05dc\u05d0 \u05de\u05d5\u05e8\u05d9\u05d3\u05d9\u05dd \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4. \u05d4\u05dd \u05d1\u05d5\u05d7\u05e8\u05d9\u05dd \u05e2\u05e8\u05d5\u05e5 \u05d5\u05de\u05e7\u05d1\u05dc\u05d9\u05dd \u05d4\u05db\u05dc \u05e9\u05dd.<\/p>\n <p class=\"text-[11px] text-gray-500 mt-auto pt-4 border-t border-gray-100 italic leading-relaxed text-right\">\u05d0\u05d9\u05e0\u05d8\u05d2\u05e8\u05e6\u05d9\u05d4 \u05e8\u05e9\u05de\u05d9\u05ea \u05d5\u05de\u05d0\u05d5\u05d1\u05d8\u05d7\u05ea \u05d3\u05e8\u05da \u05ea\u05e9\u05ea\u05d9\u05d5\u05ea WhatsApp Business \u05d4\u05e8\u05e9\u05de\u05d9\u05d5\u05ea.<\/p>\n <\/div>\n <!-- Feature 4 -->\n <div class=\"glass-card p-6 md:p-10 reveal flex flex-col border-gray-200 shadow-sm text-right\" style=\"transition-delay: 300ms;\">\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-teal-100 rounded-2xl flex items-center justify-center text-teal-700 mb-6 md:mb-8 text-right\"><i data-lucide=\"users\" class=\"w-6 h-6 md:w-7 md:h-7 text-right\"><\/i><\/div>\n <h3 class=\"text-lg md:text-2xl font-black mb-3 text-gray-900 text-right text-right\">\u05dc\u05dc\u05d0 \u05d4\u05d2\u05d1\u05dc\u05ea \u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd<\/h3>\n <p class=\"text-gray-700 leading-relaxed text-sm font-medium text-right text-right\">\u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05d1\u05e0\u05d5\u05d9\u05d4 \u05dc\u05e6\u05de\u05d9\u05d7\u05d4. \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d4\u05db\u05e0\u05d9\u05e1 \u05db\u05de\u05d4 \u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05e9\u05e8\u05d5\u05e6\u05d9\u05dd, \u05dc\u05dc\u05d0 \u05ea\u05dc\u05d5\u05ea \u05d1\u05de\u05d7\u05d9\u05e8 \u05d4\u05de\u05e0\u05d5\u05d9.<\/p>\n <\/div>\n <!-- Feature 5 -->\n <div class=\"glass-card p-6 md:p-10 reveal flex flex-col border-gray-200 shadow-sm text-right\" style=\"transition-delay: 400ms;\">\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-red-100 rounded-2xl flex items-center justify-center text-red-600 mb-6 md:mb-8 text-right\"><i data-lucide=\"bar-chart-2\" class=\"w-6 h-6 md:w-7 md:h-7\"><\/i><\/div>\n <h3 class=\"text-lg md:text-2xl font-black mb-3 text-gray-900 text-right\">\u05de\u05e9\u05d5\u05d1 \u05d5\u05d3\u05e9\u05d1\u05d5\u05e8\u05d3<\/h3>\n <p class=\"text-gray-700 leading-relaxed text-sm font-medium text-right\">\u05e9\u05d0\u05dc\u05d5\u05ea \u05e4\u05d9\u05d3\u05d1\u05e7 \u05de\u05ea\u05d5\u05d6\u05de\u05e0\u05d5\u05ea \u05d5\u05d3\u05e9\u05d1\u05d5\u05e8\u05d3 \u05ea\u05d5\u05e6\u05d0\u05d5\u05ea \u05d1\u05d6\u05de\u05df \u05d0\u05de\u05ea \u05dc\u05e9\u05dc\u05d9\u05d8\u05d4 \u05de\u05dc\u05d0\u05d4.<\/p>\n <\/div>\n <!-- Feature 6 -->\n <div class=\"glass-card p-6 md:p-10 reveal flex flex-col border-gray-200 shadow-sm text-right\" style=\"transition-delay: 500ms;\">\n <div class=\"w-12 h-12 md:w-14 md:h-14 bg-yellow-100 rounded-2xl flex items-center justify-center text-yellow-600 mb-6 md:mb-8 text-right\"><i data-lucide=\"lock\" class=\"w-6 h-6 md:w-7 md:h-7 text-right\"><\/i><\/div>\n <h3 class=\"text-lg md:text-2xl font-black mb-3 text-gray-900 text-right text-right\">\u05ea\u05d5\u05db\u05df \u05de\u05e0\u05d5\u05d4\u05dc \u05d5\u05de\u05d5\u05d2\u05df<\/h3>\n <p class=\"text-gray-700 leading-relaxed text-sm font-medium text-right\">\u05d4\u05ea\u05d5\u05db\u05df \u05de\u05d5\u05d2\u05df \u05d5\u05e0\u05d2\u05d9\u05e9 \u05d0\u05da \u05d5\u05e8\u05e7 \u05dc\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05e8\u05e9\u05d5\u05de\u05d9\u05dd \u05d5\u05de\u05e9\u05dc\u05de\u05d9\u05dd, \u05d2\u05dd \u05d1\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- VIDEO DEMO SECTION -->\n <section class=\"py-12 md:py-24 px-4 bg-gray-50 text-center border-y border-gray-100\">\n <div class=\"max-w-4xl mx-auto reveal\">\n <h2 class=\"text-2xl md:text-5xl font-black text-gray-900 mb-6 md:mb-8 tracking-tight\">\u05e8\u05d0\u05d5 \u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3 \u05d1\u05e4\u05d5\u05e2\u05dc<\/h2>\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/E4_cdnRQYEc?rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <p class=\"text-[12px] md:text-sm text-gray-500 mt-6 font-medium italic text-center\">\u05d4\u05d3\u05e8\u05db\u05d4 \u05e7\u05e6\u05e8\u05d4 \u05e2\u05dc \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05e7\u05de\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd<\/p>\n <\/div>\n <\/section>\n\n <!-- DASHBOARD IMAGE SECTION -->\n <section class=\"py-12 md:py-24 px-4 bg-white overflow-hidden border-b border-gray-100\">\n <div class=\"max-w-6xl mx-auto text-right\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center text-right\">\n <div class=\"reveal\">\n <h2 class=\"text-2xl md:text-5xl font-black text-gray-900 mb-6 md:mb-8 leading-tight text-right\">\u05d0\u05ea\u05dd \u05d9\u05d5\u05d3\u05e2\u05d9\u05dd \u05de\u05d4 \u05d1\u05d0\u05de\u05ea \u05e7\u05d5\u05e8\u05d4 \u05d1\u05ea\u05d5\u05da \u05d4\u05d0\u05ea\u05d2\u05e8<\/h2>\n <ul class=\"space-y-4 md:space-y-6 mb-8 md:mb-10 text-right\">\n <li class=\"flex items-center gap-3 md:gap-4 text-gray-700 font-bold text-base md:text-lg\"><i data-lucide=\"check-circle\" class=\"text-brand-DEFAULT w-5 h-5 md:w-6 md:h-6 shrink-0\"><\/i> \u05de\u05d9 \u05de\u05ea\u05e7\u05d3\u05dd \u05d5\u05de\u05d9 \u05e0\u05d5\u05e9\u05e8 \u05d1\u05db\u05dc \u05d9\u05d5\u05dd<\/li>\n <li class=\"flex items-center gap-4 text-gray-700 font-bold text-base md:text-lg\"><i data-lucide=\"check-circle\" class=\"text-brand-DEFAULT w-5 h-5 md:w-6 md:h-6 shrink-0\"><\/i> \u05de\u05d4 \u05d0\u05d7\u05d5\u05d6 \u05d4\u05de\u05e2\u05d5\u05e8\u05d1\u05d5\u05ea \u05d1\u05ea\u05d5\u05db\u05df \u05e9\u05dc\u05db\u05dd<\/li>\n <li class=\"flex items-center gap-4 text-gray-700 font-bold text-base md:text-lg\"><i data-lucide=\"check-circle\" class=\"text-brand-DEFAULT w-5 h-5 md:w-6 md:h-6 shrink-0\"><\/i> \u05d6\u05d9\u05d4\u05d5\u05d9 \u05dc\u05d9\u05d3\u05d9\u05dd \u05d7\u05de\u05d9\u05dd \u05d1\u05d6\u05de\u05df \u05d0\u05de\u05ea<\/li>\n <\/ul>\n <div class=\"p-4 md:p-6 bg-gray-50 rounded-2xl md:rounded-3xl border border-gray-100 shadow-sm inline-block font-black text-gray-900 text-sm md:text-lg\">\n \u05d1\u05dc\u05d9 \u05e0\u05d9\u05d7\u05d5\u05e9\u05d9\u05dd. \u05e9\u05dc\u05d9\u05d8\u05d4 \u05de\u05dc\u05d0\u05d4 \u05d1\u05ea\u05d4\u05dc\u05d9\u05da.\n <\/div>\n <\/div>\n <div class=\"reveal relative mt-8 md:mt-0\">\n <div class=\"absolute -inset-4 bg-brand-light\/20 blur-3xl rounded-full\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/communipass.com\/wp-content\/uploads\/2025\/09\/leaderboard-img-1024x795.png\" alt=\"Dashboard\" class=\"relative z-10 rounded-[30px] md:rounded-[40px] shadow-2xl w-full border border-gray-100\" title=\"\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- HOW IT WORKS STEP PROCESS -->\n <section class=\"py-12 md:py-24 px-4 bg-gray-50 border-y border-gray-100 text-center\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <div class=\"text-center mb-12 md:mb-20 reveal\">\n <h2 class=\"text-2xl md:text-5xl font-black text-gray-900 mb-3 md:mb-4 tracking-tight\">\u05d4\u05d3\u05e8\u05da \u05d4\u05de\u05d4\u05d9\u05e8\u05d4 \u05d1\u05d9\u05d5\u05ea\u05e8 \u05de\u05d0\u05e1\u05d8\u05e8\u05d8\u05d2\u05d9\u05d4 \u05dc\u05d4\u05db\u05e0\u05e1\u05d4<\/h2>\n <p class=\"text-base md:text-lg text-gray-600 font-medium text-center\">\u05db\u05db\u05d4 \u05d6\u05d4 \u05e0\u05e8\u05d0\u05d4 \u05d1-5 \u05e9\u05dc\u05d1\u05d9\u05dd \u05e4\u05e9\u05d5\u05d8\u05d9\u05dd<\/p>\n <\/div>\n\n <div class=\"relative overflow-x-auto hide-scrollbar pb-6 md:pb-0\">\n <div class=\"flex md:grid md:grid-cols-5 gap-4 md:gap-8 min-w-[1200px] md:min-w-0 px-2 md:px-0 relative z-10\">\n <div class=\"step-card glass-card p-6 md:p-8 flex flex-col items-center reveal border-gray-200 shadow-sm w-[240px] md:w-auto text-center\">\n <span class=\"step-number text-right\">1<\/span>\n <div class=\"w-14 h-14 md:w-16 md:h-16 bg-teal-100 rounded-2xl flex items-center justify-center text-brand-DEFAULT mb-4 md:mb-6 shadow-sm\"><i data-lucide=\"hammer\" class=\"w-7 h-7 md:w-8 md:h-8\"><\/i><\/div>\n <h4 class=\"text-lg md:text-xl font-black mb-2 text-gray-900 text-center\">\u05d1\u05d5\u05e0\u05d9\u05dd \u05d0\u05ea\u05d2\u05e8<\/h4>\n <p class=\"text-gray-600 text-[13px] md:text-sm font-medium leading-relaxed text-center\">\u05de\u05e2\u05dc\u05d9\u05dd \u05d0\u05ea \u05d4\u05ea\u05d5\u05db\u05df \u05d5\u05de\u05d2\u05d3\u05d9\u05e8\u05d9\u05dd \u05d0\u05ea \u05de\u05e9\u05da \u05d4\u05d0\u05ea\u05d2\u05e8.<\/p>\n <\/div>\n <div class=\"step-card glass-card p-6 md:p-8 flex flex-col items-center reveal border-gray-200 shadow-sm w-[240px] md:w-auto text-center\" style=\"transition-delay: 100ms;\">\n <span class=\"step-number text-right\">2<\/span>\n <div class=\"w-14 h-14 md:w-16 md:h-16 bg-teal-100 rounded-2xl flex items-center justify-center text-brand-DEFAULT mb-4 md:mb-6 shadow-sm\"><i data-lucide=\"share-2\" class=\"w-7 h-7 md:w-8 md:h-8\"><\/i><\/div>\n <h4 class=\"text-lg md:text-xl font-black mb-2 text-gray-900 text-center text-center\">\u05de\u05e9\u05ea\u05e4\u05d9\u05dd \u05e2\u05de\u05d5\u05d3<\/h4>\n <p class=\"text-gray-600 text-[13px] md:text-sm font-medium leading-relaxed text-center\">\u05de\u05e9\u05ea\u05e4\u05d9\u05dd \u05d0\u05ea \u05e2\u05de\u05d5\u05d3 \u05d4\u05d4\u05e8\u05e9\u05de\u05d4 \u05d5\u05d4\u05ea\u05e9\u05dc\u05d5\u05dd \u05d4\u05de\u05d5\u05db\u05df.<\/p>\n <\/div>\n <div class=\"step-card glass-card p-6 md:p-8 flex flex-col items-center reveal border-gray-200 shadow-sm w-[240px] md:w-auto text-center\" style=\"transition-delay: 200ms;\">\n <span class=\"step-number text-right\">3<\/span>\n <div class=\"w-14 h-14 md:w-16 md:h-16 bg-teal-100 rounded-2xl flex items-center justify-center text-brand-DEFAULT mb-4 md:mb-6 shadow-sm\"><i data-lucide=\"credit-card\" class=\"w-7 h-7 md:w-8 md:h-8\"><\/i><\/div>\n <h4 class=\"text-lg md:text-xl font-black mb-2 text-gray-900 text-center\">\u05de\u05e6\u05d8\u05e8\u05e4\u05d9\u05dd \u05d5\u05de\u05e9\u05dc\u05de\u05d9\u05dd<\/h4>\n <p class=\"text-gray-600 text-[13px] md:text-sm font-medium leading-relaxed text-center\">\u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05e0\u05e8\u05e9\u05de\u05d9\u05dd, \u05de\u05e9\u05dc\u05de\u05d9\u05dd \u05d5\u05de\u05e7\u05d1\u05dc\u05d9\u05dd \u05d0\u05d9\u05e9\u05d5\u05e8 \u05de\u05d9\u05d9\u05d3\u05d9.<\/p>\n <\/div>\n <div class=\"step-card glass-card p-6 md:p-8 flex flex-col items-center reveal border-gray-200 shadow-sm w-[240px] md:w-auto text-center\" style=\"transition-delay: 300ms;\">\n <span class=\"step-number text-right\">4<\/span>\n <div class=\"w-14 h-14 md:w-16 md:h-16 bg-teal-100 rounded-2xl flex items-center justify-center text-brand-DEFAULT mb-4 md:mb-6 shadow-sm\"><i data-lucide=\"zap\" class=\"w-7 h-7 md:w-8 md:h-8\"><\/i><\/div>\n <h4 class=\"text-lg md:text-xl font-black mb-2 text-gray-900 text-center text-center text-center\">\u05e9\u05dc\u05d9\u05d7\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9\u05ea<\/h4>\n <p class=\"text-gray-600 text-[13px] md:text-sm font-medium leading-relaxed text-center text-center\">\u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05e9\u05d5\u05dc\u05d7\u05ea \u05de\u05e9\u05d9\u05de\u05d4 \u05d9\u05d5\u05de\u05d9\u05ea \u05d1\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05d0\u05d5 \u05d1\u05de\u05d9\u05d9\u05dc.<\/p>\n <\/div>\n <div class=\"step-card glass-card p-6 md:p-8 flex flex-col items-center reveal border-gray-200 shadow-sm w-[240px] md:w-auto text-center\" style=\"transition-delay: 400ms;\">\n <span class=\"step-number text-right\">5<\/span>\n <div class=\"w-14 h-14 md:w-16 md:h-16 bg-teal-100 rounded-2xl flex items-center justify-center text-brand-DEFAULT mb-4 md:mb-6 shadow-sm\"><i data-lucide=\"award\" class=\"w-7 h-7 md:w-8 md:h-8\"><\/i><\/div>\n <h4 class=\"text-lg md:text-xl font-black mb-2 text-gray-900 flex flex-row items-center gap-2 justify-center text-center text-center\">\u05d4\u05e6\u05e2\u05ea \u05e4\u05e8\u05d9\u05de\u05d9\u05d5\u05dd <span class=\"text-xs text-gray-500 font-medium whitespace-nowrap text-center\">(\u05d0\u05d5\u05e4\u05e6\u05d9\u05d5\u05e0\u05dc\u05d9)<\/span><\/h4>\n <p class=\"text-gray-600 text-[13px] md:text-sm font-medium leading-relaxed text-center text-center text-center text-center\">\u05de\u05e6\u05d9\u05e2\u05d9\u05dd \u05de\u05d5\u05e6\u05e8 \u05e4\u05e8\u05d9\u05de\u05d9\u05d5\u05dd \u05d1\u05e1\u05d9\u05d5\u05dd \u05d4\u05d0\u05ea\u05d2\u05e8.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FINANCIAL SECTION -->\n <section class=\"py-16 md:py-24 px-4 bg-brand-dark text-white relative overflow-hidden text-center text-center text-center text-center\">\n <div class=\"max-w-4xl mx-auto text-center relative z-10 reveal text-center\">\n <div class=\"inline-flex p-3 md:p-4 bg-white\/10 rounded-2xl md:rounded-3xl mb-8 md:mb-10 text-brand-light text-center text-center\"><i data-lucide=\"shield-check\" class=\"w-10 h-10 md:w-12 md:h-12 text-center text-center\"><\/i><\/div>\n <h2 class=\"text-2xl md:text-5xl font-black mb-10 md:mb-12 leading-tight text-white text-center\">\u05de\u05e2\u05e8\u05db\u05ea \u05e4\u05d9\u05e0\u05e0\u05e1\u05d9\u05ea \u05de\u05e1\u05d5\u05d3\u05e8\u05ea. <br class=\"hidden md:block text-center text-center\"> \u05d1\u05dc\u05d9 \u05d4\u05ea\u05e2\u05e1\u05e7\u05d5\u05ea.<\/h2>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-8 mb-10 md:mb-12 text-right\">\n <div class=\"p-6 md:p-8 rounded-2xl md:rounded-3xl bg-white\/5 border border-white\/10 text-right\">\n <p class=\"text-brand-light font-black text-lg md:text-xl mb-3 md:mb-4 text-right\">\u05e1\u05dc\u05d9\u05e7\u05d4 \u05d5\u05d2\u05d1\u05d9\u05d9\u05d4<\/p>\n <p class=\"text-teal-50 text-[13px] md:text-base font-medium leading-relaxed text-right\">\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05de\u05e9\u05dc\u05de\u05d9\u05dd \u05d0\u05d5\u05e0\u05dc\u05d9\u05d9\u05df \u05d1\u05e6\u05d5\u05e8\u05d4 \u05de\u05d0\u05d5\u05d1\u05d8\u05d7\u05ea, \u05d5\u05d0\u05ea\u05dd \u05dc\u05d0 \u05de\u05ea\u05e2\u05e1\u05e7\u05d9\u05dd \u05d1\u05d2\u05d1\u05d9\u05d9\u05d4.<\/p>\n <\/div>\n <div class=\"p-6 md:p-8 rounded-2xl md:rounded-3xl bg-white\/5 border border-white\/10 text-right\">\n <p class=\"text-brand-light font-black text-lg md:text-xl mb-3 md:mb-4 text-right\">\u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05d5\u05ea \u05de\u05e1\u05d5\u05d3\u05e8\u05d5\u05ea<\/p>\n <p class=\"text-teal-50 text-[13px] md:text-base font-medium leading-relaxed text-right\">\u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05e0\u05d4\u05dc\u05d9\u05dd \u05d0\u05ea \u05d4\u05ea\u05d4\u05dc\u05d9\u05da, \u05db\u05d5\u05dc\u05dc \u05d4\u05e4\u05e7\u05ea \u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05d5\u05ea \u05dc\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05d5\u05ea\u05de\u05d9\u05db\u05d4 \u05d8\u05db\u05e0\u05d9\u05ea.<\/p>\n <\/div>\n <div class=\"p-6 md:p-8 rounded-2xl md:rounded-3xl bg-white\/5 border border-white\/10 text-right\">\n <p class=\"text-brand-light font-black text-lg md:text-xl mb-3 md:mb-4 text-right\">\u05ea\u05e9\u05dc\u05d5\u05dd \u05d7\u05d5\u05d3\u05e9\u05d9<\/p>\n <p class=\"text-teal-50 text-[13px] md:text-base font-medium leading-relaxed text-right\">\u05d1\u05e1\u05d5\u05e3 \u05db\u05dc \u05d7\u05d5\u05d3\u05e9 \u05de\u05d1\u05d5\u05e6\u05e2\u05ea \u05d4\u05e2\u05d1\u05e8\u05d4 \u05d1\u05e0\u05e7\u05d0\u05d9\u05ea \u05de\u05e8\u05d5\u05db\u05d6\u05ea \u05dc\u05d9\u05d5\u05e6\u05e8 \u05db\u05e0\u05d2\u05d3 \u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05ea.<\/p>\n <\/div>\n <\/div>\n \n <a href=\"https:\/\/communipass.com\/he\/%D7%A7%D7%91%D7%9C%D7%95-%D7%AA%D7%A9%D7%9C%D7%95%D7%9E%D7%99%D7%9D\/\" target=\"_blank\" class=\"text-brand-light font-bold text-base md:text-lg underline underline-offset-8 hover:text-white transition-all block text-center text-center text-center text-center\">\n \u05dc\u05e4\u05d9\u05e8\u05d5\u05d8 \u05de\u05dc\u05d0 \u05e2\u05dc \u05ea\u05d4\u05dc\u05d9\u05da \u05d4\u05ea\u05e9\u05dc\u05d5\u05de\u05d9\u05dd \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc\n <\/a>\n <\/div>\n <\/section>\n\n <!-- PRICING CALLOUT -->\n <section class=\"py-12 md:py-24 px-4 bg-white border-b border-gray-100 text-center text-center text-center text-center\">\n <div class=\"max-w-4xl mx-auto text-center text-center text-center\">\n <div class=\"glass-card p-8 md:p-12 reveal border-brand-light\/30 bg-teal-50\/20 rounded-[2rem] md:rounded-[3rem]\">\n <h2 class=\"text-2xl md:text-4xl font-black mb-4 md:mb-6 text-gray-900 text-center\">\u05de\u05d7\u05d9\u05e8 \u05d5\u05ea\u05d5\u05db\u05e0\u05d9\u05d5\u05ea<\/h2>\n <p class=\"text-base md:text-xl text-gray-700 mb-8 md:mb-10 max-w-2xl mx-auto font-medium leading-relaxed text-center\">\n 7 \u05d9\u05de\u05d9 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05d7\u05d9\u05e0\u05dd. \u05dc\u05d0\u05d7\u05e8 \u05de\u05db\u05df \u05d1\u05d5\u05d7\u05e8\u05d9\u05dd \u05ea\u05d5\u05db\u05e0\u05d9\u05ea \u05d4\u05d7\u05dc \u05de-49 \u05d3\u05d5\u05dc\u05e8 \u05dc\u05d7\u05d5\u05d3\u05e9. \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05e4\u05e2\u05d9\u05dc \u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05d2\u05dd \u05d1\u05de\u05e1\u05d2\u05e8\u05ea \u05d4\u05ea\u05d5\u05db\u05e0\u05d9\u05ea \u05d4\u05d1\u05e1\u05d9\u05e1\u05d9\u05ea, \u05dc\u05dc\u05d0 \u05ea\u05dc\u05d5\u05ea \u05d1\u05db\u05de\u05d5\u05ea \u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd.\n <\/p>\n \n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 md:gap-8 text-center text-center\">\n <a href=\"https:\/\/communipass.com\/auth\/guru?mode=signup&lang=he\" class=\"btn-modern px-8 md:px-12 py-4 md:py-5 text-lg md:text-xl text-white font-black shadow-lg w-full md:w-auto text-center text-center\">\n \u05d1\u05e0\u05d5 \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd\n <\/a>\n <p class=\"text-[12px] md:text-sm text-gray-500 font-black italic text-center text-center\">\u05d4\u05ea\u05d7\u05d9\u05dc\u05d5 \u05e2\u05db\u05e9\u05d9\u05d5 \u05e2\u05dd 7 \u05d9\u05de\u05d9 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05d7\u05d9\u05e0\u05dd<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ SECTION - ALL 17 ITEMS -->\n <section class=\"py-12 md:py-24 px-4 bg-gray-50\">\n <div class=\"max-w-3xl mx-auto text-center text-center text-center text-center\">\n <div class=\"text-center mb-10 md:mb-16 reveal text-center\">\n <h2 class=\"text-2xl md:text-5xl font-black text-gray-900 mb-3 md:mb-4 tracking-tight text-center text-center\">\u05e9\u05d0\u05dc\u05d5\u05ea \u05e0\u05e4\u05d5\u05e6\u05d5\u05ea<\/h2>\n <p class=\"text-sm md:text-lg text-gray-500 font-medium text-center\">\u05db\u05dc \u05de\u05d4 \u05e9\u05e6\u05e8\u05d9\u05da \u05dc\u05d3\u05e2\u05ea \u05db\u05d3\u05d9 \u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05d5\u05dc\u05d4\u05e6\u05dc\u05d9\u05d7<\/p>\n <\/div>\n \n <div class=\"divide-y divide-gray-200 reveal text-right\">\n <div class=\"faq-item transition-all duration-300\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right\">\u05de\u05d4 \u05d6\u05d4 \u05d1\u05e2\u05e6\u05dd \u05d0\u05ea\u05d2\u05e8 \u05d1\u05ea\u05e9\u05dc\u05d5\u05dd?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 md:pb-10 pt-2 text-gray-600 text-sm md:text-lg leading-relaxed font-medium text-right text-right\">\u05d0\u05ea\u05d2\u05e8 \u05d1\u05ea\u05e9\u05dc\u05d5\u05dd \u05d4\u05d5\u05d0 \u05ea\u05d4\u05dc\u05d9\u05da \u05e7\u05e6\u05e8 \u05d5\u05de\u05d5\u05d2\u05d3\u05e8 \u05d1\u05d6\u05de\u05df, \u05e9\u05d1\u05d5 \u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05de\u05e7\u05d1\u05dc\u05d9\u05dd \u05db\u05dc \u05d9\u05d5\u05dd \u05de\u05e9\u05d9\u05de\u05d4 \u05d0\u05d7\u05ea \u05d1\u05e8\u05d5\u05e8\u05d4 \u05d0\u05d5 \u05ea\u05d5\u05db\u05df \u05de\u05de\u05d5\u05e7\u05d3, \u05de\u05ea\u05e7\u05d3\u05de\u05d9\u05dd \u05e9\u05dc\u05d1 \u05d0\u05d7\u05e8\u05d9 \u05e9\u05dc\u05d1, \u05d5\u05e8\u05d5\u05d0\u05d9\u05dd \u05ea\u05d5\u05e6\u05d0\u05d4 \u05d0\u05de\u05d9\u05ea\u05d9\u05ea.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right\">\u05dc\u05de\u05d9 \u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05de\u05ea\u05d0\u05d9\u05de\u05d9\u05dd?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 md:pb-10 pt-2 text-gray-600 text-sm md:text-lg font-medium text-right text-right\">\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05de\u05ea\u05d0\u05d9\u05de\u05d9\u05dd \u05dc\u05db\u05dc \u05de\u05d9 \u05e9\u05d9\u05e9 \u05dc\u05d5 \u05d9\u05d3\u05e2 \u05d0\u05d5 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05e9\u05d9\u05db\u05d5\u05dc \u05dc\u05e2\u05d6\u05d5\u05e8 \u05dc\u05d0\u05e0\u05e9\u05d9\u05dd \u05dc\u05d4\u05d2\u05d9\u05e2 \u05dc\u05ea\u05d5\u05e6\u05d0\u05d4 \u05d1\u05e8\u05d5\u05e8\u05d4. \u05dc\u05d3\u05d5\u05d2\u05de\u05d4: \u05db\u05d5\u05e9\u05e8, \u05ea\u05d6\u05d5\u05e0\u05d4, \u05d4\u05d5\u05e8\u05d5\u05ea, \u05d6\u05d5\u05d2\u05d9\u05d5\u05ea, \u05e2\u05e1\u05e7\u05d9\u05dd, \u05e9\u05d9\u05d5\u05d5\u05e7, \u05d4\u05ea\u05e4\u05ea\u05d7\u05d5\u05ea \u05d0\u05d9\u05e9\u05d9\u05ea, \u05dc\u05d9\u05de\u05d5\u05d3\u05d9\u05dd \u05d5\u05e2\u05d5\u05d3.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right\">\u05de\u05d4 \u05d4\u05d4\u05d1\u05d3\u05dc \u05d1\u05d9\u05df \u05d0\u05ea\u05d2\u05e8 \u05dc\u05e7\u05d5\u05e8\u05e1 \u05d3\u05d9\u05d2\u05d9\u05d8\u05dc\u05d9?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 md:pb-10 pt-2 text-gray-600 text-sm md:text-lg font-medium text-right text-right\">\u05e7\u05d5\u05e8\u05e1 \u05d4\u05d5\u05d0 \u05ea\u05d5\u05db\u05df \u05e4\u05ea\u05d5\u05d7. \u05d0\u05ea\u05d2\u05e8 \u05d4\u05d5\u05d0 \u05ea\u05d4\u05dc\u05d9\u05da \u05de\u05d5\u05d1\u05e0\u05d4 \u05e2\u05dd \u05d6\u05de\u05df \u05d4\u05ea\u05d7\u05dc\u05d4 \u05d5\u05e1\u05d9\u05d5\u05dd, \u05e9\u05dc\u05d9\u05d7\u05d4 \u05d9\u05d5\u05de\u05d9\u05ea \u05d5\u05de\u05d7\u05d5\u05d9\u05d1\u05d5\u05ea \u05dc\u05e4\u05e2\u05d5\u05dc\u05d4. \u05d1\u05d2\u05dc\u05dc \u05d4\u05de\u05d1\u05e0\u05d4 \u05d4\u05d6\u05d4, \u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05de\u05d2\u05d9\u05e2\u05d9\u05dd \u05dc\u05e2\u05d3 \u05e4\u05d9 14 \u05d9\u05d5\u05ea\u05e8 \u05d0\u05d7\u05d5\u05d6\u05d9 \u05d4\u05e9\u05dc\u05de\u05d4 \u05d5\u05de\u05e2\u05d5\u05e8\u05d1\u05d5\u05ea \u05d1\u05d9\u05d7\u05e1 \u05dc\u05e7\u05d5\u05e8\u05e1\u05d9\u05dd.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right\">\u05d4\u05d0\u05dd \u05d7\u05d9\u05d9\u05d1\u05d9\u05dd \u05e7\u05d4\u05dc \u05d2\u05d3\u05d5\u05dc \u05db\u05d3\u05d9 \u05dc\u05d4\u05e6\u05dc\u05d9\u05d7?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 md:pb-10 pt-2 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right\">\u05dc\u05d0. \u05d0\u05ea\u05d2\u05e8 \u05de\u05d5\u05db\u05e8 \u05ea\u05d4\u05dc\u05d9\u05da \u05d5\u05ea\u05d5\u05e6\u05d0\u05d4, \u05dc\u05d0 \u05d5\u05d9\u05e8\u05d0\u05dc\u05d9\u05d5\u05ea. \u05d2\u05dd \u05e7\u05d4\u05dc \u05e7\u05d8\u05df \u05d5\u05de\u05d3\u05d5\u05d9\u05e7 \u05d9\u05db\u05d5\u05dc \u05dc\u05d4\u05e0\u05d9\u05d1 \u05ea\u05d5\u05e6\u05d0\u05d5\u05ea \u05d9\u05e4\u05d5\u05ea \u05de\u05d0\u05d5\u05d3.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right\">\u05db\u05de\u05d4 \u05d6\u05d4 \u05e2\u05d5\u05dc\u05d4?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 md:pb-10 pt-2 text-gray-600 text-sm md:text-lg font-medium text-right text-right\">\n <p class=\"mb-4\">\u05d9\u05e9 7 \u05d9\u05de\u05d9 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05d7\u05d9\u05e0\u05dd.<br>\u05dc\u05d0\u05d7\u05e8 \u05de\u05db\u05df \u05d1\u05d5\u05d7\u05e8\u05d9\u05dd \u05ea\u05d5\u05db\u05e0\u05d9\u05ea \u05d4\u05d7\u05dc \u05de-49 \u05d3\u05d5\u05dc\u05e8 \u05dc\u05d7\u05d5\u05d3\u05e9.<\/p>\n <p class=\"mb-2 font-black text-gray-800\">\u05d1\u05e0\u05d5\u05e1\u05e3, CommuniPass \u05e2\u05d5\u05d1\u05d3\u05ea \u05d1\u05de\u05d5\u05d3\u05dc \u05e9\u05dc \u05ea\u05e9\u05dc\u05d5\u05dd \u05de\u05d1\u05d5\u05e1\u05e1 \u05d4\u05e6\u05dc\u05d7\u05d4:<\/p>\n <ul class=\"list-disc list-inside space-y-1 mb-4 pr-2 text-gray-600\">\n <li>\u05d0\u05ea\u05dd \u05e7\u05d5\u05d1\u05e2\u05d9\u05dd \u05db\u05de\u05d4 \u05db\u05e1\u05e3 \u05dc\u05d4\u05e8\u05d5\u05d5\u05d9\u05d7 \u05de\u05db\u05dc \u05de\u05e9\u05ea\u05ea\u05e3.<\/li>\n <li>\u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05de\u05d5\u05e1\u05d9\u05e4\u05d4 \u05e2\u05de\u05dc\u05ea \u05d4\u05e6\u05dc\u05d7\u05d4 \u05e7\u05d8\u05e0\u05d4.<\/li>\n <li>\u05d0\u05ea\u05dd \u05de\u05e7\u05d1\u05dc\u05d9\u05dd 100% \u05de\u05d4\u05e1\u05db\u05d5\u05dd \u05e9\u05d4\u05d2\u05d3\u05e8\u05ea\u05dd.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right\">\u05d4\u05d0\u05dd \u05d9\u05e9 \u05d4\u05ea\u05d7\u05d9\u05d9\u05d1\u05d5\u05ea?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right\">\u05dc\u05d0. \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d1\u05d8\u05dc \u05d1\u05db\u05dc \u05e9\u05dc\u05d1. \u05d0\u05d9\u05df \u05d4\u05ea\u05d7\u05d9\u05d9\u05d1\u05d5\u05ea \u05d0\u05e8\u05d5\u05db\u05ea \u05d8\u05d5\u05d5\u05d7.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right\">\u05d0\u05d9\u05da \u05d4\u05ea\u05e9\u05dc\u05d5\u05de\u05d9\u05dd \u05d5\u05d4\u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05d5\u05ea \u05e2\u05d5\u05d1\u05d3\u05d9\u05dd \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right text-right text-right\">\u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05de\u05e9\u05dc\u05de\u05d9\u05dd \u05d0\u05d5\u05e0\u05dc\u05d9\u05d9\u05df \u05d1\u05e6\u05d5\u05e8\u05d4 \u05de\u05d0\u05d5\u05d1\u05d8\u05d7\u05ea. \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05d8\u05e4\u05dc\u05d9\u05dd \u05d1\u05d4\u05ea\u05e0\u05d4\u05dc\u05d5\u05ea \u05de\u05d5\u05dc \u05d4\u05dc\u05e7\u05d5\u05d7\u05d5\u05ea \u05d5\u05d1\u05d4\u05e4\u05e7\u05ea \u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05d5\u05ea \u05dc\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd. \u05d1\u05e1\u05d5\u05e3 \u05db\u05dc \u05d7\u05d5\u05d3\u05e9 \u05de\u05ea\u05d1\u05e6\u05e2\u05ea \u05d4\u05e2\u05d1\u05e8\u05d4 \u05de\u05e8\u05d5\u05db\u05d6\u05ea \u05dc\u05d9\u05d5\u05e6\u05e8 \u05db\u05e0\u05d2\u05d3 \u05d7\u05e9\u05d1\u05d5\u05e0\u05d9\u05ea\/\u05e7\u05d1\u05dc\u05d4.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right text-right\">\u05de\u05ea\u05d9 \u05d5\u05d0\u05d9\u05da \u05d0\u05e0\u05d9 \u05de\u05e7\u05d1\u05dc \u05d0\u05ea \u05d4\u05db\u05e1\u05e3?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right\">\u05d4\u05db\u05e1\u05e3 \u05de\u05d5\u05e2\u05d1\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05d0\u05d7\u05ea \u05dc\u05d7\u05d5\u05d3\u05e9 \u05d1\u05d4\u05e2\u05d1\u05e8\u05d4 \u05d1\u05e0\u05e7\u05d0\u05d9\u05ea \u05de\u05e8\u05d5\u05db\u05d6\u05ea, \u05d1\u05d4\u05ea\u05d0\u05dd \u05dc\u05e4\u05e2\u05d9\u05dc\u05d5\u05ea \u05d1\u05e4\u05d5\u05e2\u05dc \u05d1\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05e9\u05dc\u05db\u05dd.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right\">\u05d4\u05d0\u05dd \u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05e6\u05e8\u05d9\u05db\u05d9\u05dd \u05dc\u05d4\u05d5\u05e8\u05d9\u05d3 \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d4?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right\">\u05dc\u05d0. \u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05d1\u05d5\u05d7\u05e8\u05d9\u05dd \u05d0\u05d9\u05e4\u05d4 \u05dc\u05e7\u05d1\u05dc \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8, \u05dc\u05de\u05e9\u05dc \u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05d0\u05d5 \u05de\u05d9\u05d9\u05dc, \u05d5\u05de\u05e7\u05d1\u05dc\u05d9\u05dd \u05d4\u05db\u05d5\u05dc \u05e9\u05dd \u05d1\u05e6\u05d5\u05e8\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8\u05ea.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right\">\u05d0\u05d9\u05da \u05d4\u05e9\u05dc\u05d9\u05d7\u05d4 \u05d1\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4 \u05e2\u05d5\u05d1\u05d3\u05ea?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right text-right\">\u05d4\u05e9\u05dc\u05d9\u05d7\u05d4 \u05de\u05ea\u05d1\u05e6\u05e2\u05ea \u05d3\u05e8\u05da \u05ea\u05e9\u05ea\u05d9\u05ea WhatsApp Business \u05e8\u05e9\u05de\u05d9\u05ea. \u05d4\u05db\u05d5\u05dc \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9, \u05de\u05d0\u05d5\u05d1\u05d8\u05d7 \u05d5\u05dc\u05dc\u05d0 \u05d4\u05ea\u05e2\u05e1\u05e7\u05d5\u05ea \u05de\u05e6\u05d3\u05db\u05dd.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right\">\u05d4\u05d0\u05dd \u05d9\u05e9 \u05d4\u05d2\u05d1\u05dc\u05d4 \u05e2\u05dc \u05db\u05de\u05d5\u05ea \u05d4\u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right\">\u05dc\u05d0. \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d4\u05db\u05e0\u05d9\u05e1 \u05db\u05de\u05d4 \u05de\u05e9\u05ea\u05ea\u05e4\u05d9\u05dd \u05e9\u05e8\u05d5\u05e6\u05d9\u05dd \u05dc\u05d0\u05ea\u05d2\u05e8, \u05d1\u05dc\u05d9 \u05ea\u05e7\u05e8\u05d4.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right text-right\">\u05d4\u05d0\u05dd \u05d0\u05e0\u05d9 \u05e6\u05e8\u05d9\u05da \u05d9\u05d3\u05e2 \u05d8\u05db\u05e0\u05d9?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-5 h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right\">\u05dc\u05d0. \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05e0\u05d1\u05e0\u05ea\u05d4 \u05db\u05da \u05e9\u05db\u05dc \u05d0\u05d7\u05d3 \u05d9\u05db\u05d5\u05dc \u05dc\u05d4\u05e7\u05d9\u05dd \u05d0\u05ea\u05d2\u05e8 \u05d1\u05dc\u05d9 \u05e7\u05d5\u05d3 \u05d5\u05d1\u05dc\u05d9 \u05d9\u05d3\u05e2 \u05d8\u05db\u05e0\u05d9.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right text-right text-right\">\u05d4\u05d0\u05dd \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05d9\u05d5\u05e6\u05e8\u05ea \u05dc\u05d9 \u05e2\u05de\u05d5\u05d3 \u05d4\u05e8\u05e9\u05de\u05d4 \u05d5\u05ea\u05e9\u05dc\u05d5\u05dd?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right\">\u05db\u05df. \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05de\u05d9\u05d9\u05e6\u05e8\u05ea \u05dc\u05db\u05dd \u05e2\u05de\u05d5\u05d3 \u05d0\u05ea\u05d2\u05e8 \u05de\u05d5\u05db\u05df \u05e2\u05dd \u05d4\u05e8\u05e9\u05de\u05d4 \u05d5\u05ea\u05e9\u05dc\u05d5\u05dd. \u05d0\u05e4\u05e9\u05e8 \u05e4\u05e9\u05d5\u05d8 \u05dc\u05e9\u05ea\u05e3 \u05d0\u05d5\u05ea\u05d5 \u05d5\u05dc\u05d4\u05ea\u05d7\u05d9\u05dc \u05dc\u05d4\u05e8\u05d5\u05d5\u05d9\u05d7.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right text-right\">\u05d4\u05d0\u05dd \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d4\u05e8\u05d9\u05e5 \u05d9\u05d5\u05ea\u05e8 \u05de\u05d0\u05ea\u05d2\u05e8 \u05d0\u05d7\u05d3?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right\">\u05db\u05df. \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d4\u05e8\u05d9\u05e5 \u05db\u05de\u05d4 \u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05d1\u05de\u05e7\u05d1\u05d9\u05dc \u05d5\u05dc\u05e0\u05d4\u05dc \u05d4\u05db\u05d5\u05dc \u05de\u05d0\u05d5\u05ea\u05d5 \u05d3\u05e9\u05d1\u05d5\u05e8\u05d3.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right text-right text-right text-right\">\u05d4\u05d0\u05dd \u05d6\u05d4 \u05d6\u05de\u05d9\u05df \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc \u05d5\u05d1\u05e2\u05d1\u05e8\u05d9\u05ea?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right\">\u05db\u05df. \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05d6\u05de\u05d9\u05e0\u05d4 \u05d1\u05d9\u05e9\u05e8\u05d0\u05dc, \u05d1\u05e2\u05d1\u05e8\u05d9\u05ea \u05de\u05dc\u05d0\u05d4, \u05e2\u05dd \u05ea\u05de\u05d9\u05db\u05d4 \u05d5\u05ea\u05d4\u05dc\u05d9\u05da \u05ea\u05e9\u05dc\u05d5\u05de\u05d9\u05dd \u05de\u05d5\u05ea\u05d0\u05dd \u05dc\u05e9\u05d5\u05e7 \u05d4\u05d9\u05e9\u05e8\u05d0\u05dc\u05d9.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-6 md:py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right text-right text-right text-right text-right\">\u05de\u05d4 \u05e7\u05d5\u05e8\u05d4 \u05d0\u05dd \u05d6\u05d4 \u05dc\u05d0 \u05de\u05ea\u05d0\u05d9\u05dd \u05dc\u05d9?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right text-right\">\u05d1\u05d2\u05dc\u05dc \u05e9\u05d9\u05e9 7 \u05d9\u05de\u05d9 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05d7\u05d9\u05e0\u05dd, \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d1\u05d3\u05d5\u05e7 \u05d0\u05ea \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05d1\u05dc\u05d9 \u05e1\u05d9\u05db\u05d5\u05df. \u05d0\u05dd \u05d6\u05d4 \u05dc\u05d0 \u05de\u05ea\u05d0\u05d9\u05dd, \u05e4\u05e9\u05d5\u05d8 \u05dc\u05d0 \u05de\u05de\u05e9\u05d9\u05db\u05d9\u05dd.<\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item transition-all duration-300 text-right\">\n <button class=\"w-full py-8 text-right flex justify-between items-center group focus:outline-none\" onclick=\"toggleFaq(this)\">\n <span class=\"text-base md:text-xl font-black text-gray-900 group-hover:text-brand-DEFAULT transition-colors duration-300 text-right text-right text-right text-right text-right text-right text-right text-right\">\u05d4\u05d0\u05dd \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d7\u05d1\u05e8 \u05e4\u05d9\u05e7\u05e1\u05dc \u05d5\u05de\u05e2\u05e7\u05d1 \u05d4\u05de\u05e8\u05d5\u05ea?<\/span>\n <div class=\"w-8 h-8 md:w-10 md:h-10 flex items-center justify-center rounded-full border border-gray-200 group-hover:border-brand-light group-hover:bg-teal-50 transition-all duration-300 faq-icon-box shrink-0 text-right text-right text-right text-right\">\n <i data-lucide=\"plus\" class=\"w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-brand-DEFAULT transition-transform duration-300 faq-icon\"><\/i>\n <\/div>\n <\/button>\n <div class=\"accordion-content\">\n <div class=\"pb-8 text-gray-600 text-sm md:text-lg font-medium text-right text-right text-right text-right text-right text-right\">\u05d1\u05d4\u05d7\u05dc\u05d8. \u05e0\u05d9\u05ea\u05df \u05dc\u05d4\u05d8\u05de\u05d9\u05e2 \u05e4\u05d9\u05e7\u05e1\u05dc\u05d9\u05dd \u05e9\u05dc \u05e4\u05d9\u05d9\u05e1\u05d1\u05d5\u05e7 \u05d5\u05d2\u05d5\u05d2\u05dc \u05db\u05d3\u05d9 \u05dc\u05e2\u05e7\u05d5\u05d1 \u05d0\u05d7\u05e8\u05d9 \u05d4\u05de\u05e8\u05d5\u05ea \u05d5\u05dc\u05d4\u05e8\u05d9\u05e5 \u05e7\u05de\u05e4\u05d9\u05d9\u05e0\u05d9\u05dd \u05de\u05de\u05d5\u05de\u05e0\u05d9\u05dd \u05d1\u05d9\u05e2\u05d9\u05dc\u05d5\u05ea \u05dc\u05e2\u05de\u05d5\u05d3 \u05d4\u05d0\u05ea\u05d2\u05e8.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-20 text-center reveal\">\n <a href=\"https:\/\/help.communipass.com\/\" target=\"_blank\" class=\"text-gray-500 font-black hover:text-brand-DEFAULT transition-all flex items-center justify-center gap-2 text-xl text-center text-center\">\n \u05d9\u05e9 \u05dc\u05db\u05dd \u05e2\u05d5\u05d3 \u05e9\u05d0\u05dc\u05d5\u05ea? \u05de\u05e8\u05db\u05d6 \u05d4\u05e2\u05d6\u05e8\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05db\u05d0\u05df <i data-lucide=\"external-link\" class=\"w-5 h-5 text-brand-DEFAULT text-center\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FINAL CTA SECTION -->\n <section class=\"py-32 px-4 bg-white text-center border-t border-gray-100 relative overflow-hidden text-center text-center text-center text-center\">\n <div class=\"reveal max-w-4xl mx-auto relative z-10 text-center text-center text-center text-center\">\n <h2 class=\"text-4xl md:text-7xl font-black text-gray-900 mb-10 leading-tight text-center text-center text-center\">\u05d0\u05dd \u05d9\u05e9 \u05dc\u05db\u05dd \u05d9\u05d3\u05e2,<br> \u05d0\u05d9\u05df \u05e1\u05d9\u05d1\u05d4 \u05dc\u05d0 \u05dc\u05e2\u05e9\u05d5\u05ea \u05d0\u05ea \u05d6\u05d4.<\/h2>\n <p class=\"text-xl md:text-2xl text-gray-700 mb-16 max-w-2xl mx-auto font-light leading-relaxed text-center text-center text-center\">\n \u05d4\u05e6\u05d8\u05e8\u05e4\u05d5 \u05dc\u05de\u05d0\u05d5\u05ea \u05d9\u05d5\u05e6\u05e8\u05d9\u05dd \u05e9\u05db\u05d1\u05e8 \u05d4\u05e4\u05db\u05d5 \u05d0\u05ea \u05d4\u05ea\u05d5\u05db\u05df \u05e9\u05dc\u05d4\u05dd \u05dc\u05de\u05e0\u05d5\u05e2 \u05d4\u05db\u05e0\u05e1\u05d4 \u05d0\u05d5\u05d8\u05d5\u05de\u05d8\u05d9 \u05d5\u05de\u05e0\u05d9\u05d1.\n <\/p>\n <div class=\"flex flex-col items-center gap-6\">\n <a href=\"https:\/\/communipass.com\/auth\/guru?mode=signup&lang=he\" class=\"btn-modern px-20 py-8 text-2xl text-white font-bold shadow-xl w-full md:w-auto text-center\">\n \u05d1\u05e0\u05d5 \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd\n <\/a>\n <p class=\"text-gray-500 font-black uppercase tracking-widest text-sm italic text-center text-center text-center\">7 \u05d9\u05de\u05d9 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05d7\u05d9\u05e0\u05dd. \u05de\u05de\u05e9\u05d9\u05db\u05d9\u05dd \u05e8\u05e7 \u05d0\u05dd \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3 \u05dc\u05db\u05dd.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/div>\n\n <script>\n lucide.createIcons();\n\n \/\/ Reveal animations logic\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ Video Modal Logic\n function openModal() {\n const modal = document.getElementById('videoModal');\n const videoContainer = document.getElementById('videoContainer');\n modal.classList.remove('opacity-0', 'pointer-events-none');\n videoContainer.innerHTML = '<iframe width=\"100%\" height=\"100%\" src=\"https:\/\/www.youtube.com\/embed\/E4_cdnRQYEc?autoplay=1&rel=0\" title=\"Demo Video\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>';\n }\n\n function closeModal() {\n const modal = document.getElementById('videoModal');\n const videoContainer = document.getElementById('videoContainer');\n modal.classList.add('opacity-0', 'pointer-events-none');\n videoContainer.innerHTML = '';\n }\n\n document.getElementById('videoModal').addEventListener('click', function(e) {\n if (e.target === this) closeModal();\n });\n\n \/\/ FAQ Accordion logic\n function toggleFaq(btn) {\n const item = btn.closest('.faq-item');\n const content = btn.nextElementSibling;\n const icon = btn.querySelector('.faq-icon') || btn.querySelector('svg');\n \n const isOpen = content.classList.contains('active');\n\n \/\/ Close others\n document.querySelectorAll('.faq-item').forEach(otherItem => {\n if (otherItem !== item) {\n const otherContent = otherItem.querySelector('.accordion-content');\n const otherIcon = otherItem.querySelector('svg');\n \n if (otherContent) {\n otherContent.style.maxHeight = null;\n otherContent.classList.remove('active');\n }\n if (otherIcon) otherIcon.style.transform = 'rotate(0deg)';\n }\n });\n\n if (isOpen) {\n content.style.maxHeight = null;\n content.classList.remove('active');\n if (icon) icon.style.transform = 'rotate(0deg)';\n } else {\n content.style.maxHeight = content.scrollHeight + \"px\";\n content.classList.add('active');\n if (icon) icon.style.transform = 'rotate(45deg)';\n }\n }\n\n \/\/ Sticky CTA scroll logic\n window.addEventListener('scroll', () => {\n const stickyCta = document.getElementById('sticky-cta');\n if (window.scrollY > 800) {\n stickyCta.classList.add('visible');\n } else {\n stickyCta.classList.remove('visible');\n }\n });\n <\/script>\n<\/body>\n<\/html>\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>CommuniPass – Paid Challenges \u05d1\u05e0\u05d5 \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd \u05d4\u05e4\u05db\u05d5 \u05d9\u05d3\u05e2 \u05dc\u05ea\u05d4\u05dc\u05d9\u05da \u05e9\u05de\u05db\u05e0\u05d9\u05e1 \u05db\u05e1\u05e3 \u05ea\u05d5\u05da \u05d3\u05e7\u05d5\u05ea, \u05dc\u05d0 \u05d7\u05d5\u05d3\u05e9\u05d9\u05dd. \u05d1\u05e0\u05d5 \u05d0\u05ea\u05d2\u05e8 \u05d1\u05ea\u05e9\u05dc\u05d5\u05dd \u05e9\u05de\u05d5\u05d1\u05d9\u05dc \u05d0\u05e0\u05e9\u05d9\u05dd \u05e6\u05e2\u05d3-\u05e6\u05e2\u05d3, \u05d1\u05d5\u05e0\u05d4 \u05d0\u05de\u05d5\u05df, \u05d5\u05de\u05e1\u05ea\u05d9\u05d9\u05dd \u05d1\u05de\u05db\u05d9\u05e8\u05ea \u05e4\u05e8\u05d9\u05de\u05d9\u05d5\u05dd. \u05d4\u05de\u05e2\u05e8\u05db\u05ea \u05d4\u05d9\u05d7\u05d9\u05d3\u05d4 \u05d1\u05e2\u05d5\u05dc\u05dd \u05dc\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd \u05d1\u05ea\u05e9\u05dc\u05d5\u05dd \u05d1\u05e2\u05d1\u05e8\u05d9\u05ea \u05d1\u05e0\u05d5 \u05d0\u05ea \u05d4\u05d0\u05ea\u05d2\u05e8 \u05d4\u05e8\u05d0\u05e9\u05d5\u05df \u05e9\u05dc\u05db\u05dd \u05d4\u05ea\u05d7\u05d9\u05dc\u05d5 \u05e2\u05db\u05e9\u05d9\u05d5 \u05e2\u05dd 7 \u05d9\u05de\u05d9 \u05e0\u05d9\u05e1\u05d9\u05d5\u05df \u05d1\u05d7\u05d9\u05e0\u05dd \u05e6\u05e4\u05d5 \u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3 \u05d0\u05dc\u05e4\u05d9 \u05de\u05e9\u05ea\u05de\u05e9\u05d9\u05dd \u05e4\u05e2\u05d9\u05dc\u05d9\u05dd \u05de\u05e8\u05d7\u05d1\u05d9 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2855","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/pages\/2855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/comments?post=2855"}],"version-history":[{"count":70,"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/pages\/2855\/revisions"}],"predecessor-version":[{"id":13506,"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/pages\/2855\/revisions\/13506"}],"wp:attachment":[{"href":"https:\/\/communipass.com\/he\/wp-json\/wp\/v2\/media?parent=2855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}