{"id":2,"date":"2026-02-02T10:47:40","date_gmt":"2026-02-02T10:47:40","guid":{"rendered":"https:\/\/city-light.skybuild.co.il\/?page_id=2"},"modified":"2026-02-02T11:03:42","modified_gmt":"2026-02-02T11:03:42","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/city-light.skybuild.co.il\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea | \u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d5\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/title>\r\n\r\n <style>\r\n :root{\r\n --bg:#0B1020;\r\n --bg2:#121A33;\r\n --text:#F3F6FF;\r\n --muted:rgba(243,246,255,.78);\r\n --muted2:rgba(243,246,255,.62);\r\n --gold:#D6B25E;\r\n --gold2:#F2E1A6;\r\n --shadow: 0 16px 60px rgba(0,0,0,.38);\r\n --shadow2: 0 10px 30px rgba(0,0,0,.28);\r\n --radius:22px;\r\n --radius2:16px;\r\n --max:1140px;\r\n\r\n \/* ========= HOOKS \u05dc\u05ea\u05de\u05d5\u05e0\u05d5\u05ea \u05e8\u05e7\u05e2 (\u05dc\u05d0 \u05d7\u05d5\u05d1\u05d4) ========= *\/\r\n --hero-bg: none;\r\n --section-why-bg: none;\r\n --section-products-bg: none;\r\n --section-lead-bg: none;\r\n\r\n \/* Overlay \u05e9\u05e7\u05d5\u05e3 \u05de\u05e2\u05dc \u05ea\u05de\u05d5\u05e0\u05d5\u05ea \u05e8\u05e7\u05e2 *\/\r\n --bg-overlay-1: rgba(10,14,26,.55);\r\n --bg-overlay-2: rgba(10,14,26,.32);\r\n }\r\n\r\n *{box-sizing:border-box}\r\n html,body{height:100%}\r\n body{\r\n margin:0;\r\n background:\r\n radial-gradient(1200px 800px at 20% 15%, rgba(107,224,255,.16), transparent 60%),\r\n radial-gradient(900px 600px at 80% 30%, rgba(214,178,94,.18), transparent 55%),\r\n radial-gradient(900px 900px at 50% 90%, rgba(255,255,255,.10), transparent 60%),\r\n linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);\r\n color:var(--text);\r\n font-family: system-ui, -apple-system, \"Segoe UI\", Arial, \"Noto Sans Hebrew\", sans-serif;\r\n line-height:1.55;\r\n overflow-x:hidden;\r\n }\r\n\r\n .container{max-width:var(--max); margin:0 auto; padding:0 20px}\r\n a{color:inherit; text-decoration:none}\r\n\r\n \/* ========= FIX \u05e7\u05e8\u05d9\u05d8\u05d9: \u05e1\u05e7\u05e9\u05e0\u05d9\u05dd \u05e2\u05dd \u05e8\u05e7\u05e2 \u05ea\u05de\u05d5\u05e0\u05d4 \u05dc\u05d0 \u05d9\u05db\u05d5\u05dc\u05d9\u05dd \u05dc\u05db\u05e1\u05d5\u05ea \u05d4\u05db\u05dc ========= *\/\r\n .bg-image{position:relative}\r\n .bg-image::before,\r\n .bg-image::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n }\r\n .bg-image::before{\r\n background-position:center;\r\n background-size:cover;\r\n background-repeat:no-repeat;\r\n opacity:1;\r\n z-index:0;\r\n }\r\n .bg-image::after{\r\n background: linear-gradient(180deg, var(--bg-overlay-1), var(--bg-overlay-2));\r\n z-index:1;\r\n }\r\n .bg-image > .container{position:relative; z-index:2}\r\n\r\n \/* Header *\/\r\n .header{\r\n position:sticky;\r\n top:0;\r\n z-index:50;\r\n backdrop-filter: blur(14px);\r\n background: linear-gradient(180deg, rgba(11,16,32,.78), rgba(11,16,32,.42));\r\n border-bottom: 1px solid rgba(255,255,255,.10);\r\n }\r\n .header-inner{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n padding:14px 0;\r\n gap:14px;\r\n }\r\n .brand{display:flex; align-items:center; gap:12px; min-width:210px}\r\n .logo{\r\n width:42px; height:42px; border-radius:14px;\r\n background:\r\n radial-gradient(18px 18px at 30% 30%, rgba(242,225,166,.88), transparent 60%),\r\n radial-gradient(18px 18px at 70% 60%, rgba(107,224,255,.60), transparent 60%),\r\n linear-gradient(135deg, rgba(214,178,94,.92), rgba(255,255,255,.10));\r\n box-shadow: 0 10px 22px rgba(0,0,0,.32);\r\n border: 1px solid rgba(255,255,255,.18);\r\n flex:0 0 auto;\r\n }\r\n .brand-title{display:flex; flex-direction:column; gap:2px; line-height:1.1}\r\n .brand-title strong{font-size:14px}\r\n .brand-title span{font-size:12px; color:var(--muted2)}\r\n .nav{display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:center}\r\n .nav a{\r\n font-size:13px; color:var(--muted);\r\n padding:8px 10px; border-radius:999px;\r\n border:1px solid transparent; transition:.2s ease;\r\n }\r\n .nav a:hover{color:var(--text); border-color: rgba(214,178,94,.34); background: rgba(255,255,255,.06)}\r\n .header-cta{display:flex; gap:10px; align-items:center; min-width:260px; justify-content:flex-end}\r\n\r\n \/* Buttons *\/\r\n .btn{\r\n display:inline-flex; align-items:center; justify-content:center; gap:8px;\r\n padding:11px 14px; border-radius:999px; font-weight:800; font-size:13px;\r\n border:1px solid rgba(255,255,255,.18);\r\n background: rgba(255,255,255,.08);\r\n box-shadow: var(--shadow2);\r\n transition: transform .15s ease, background .2s ease, border-color .2s ease;\r\n cursor:pointer; white-space:nowrap;\r\n }\r\n .btn:hover{transform: translateY(-1px); background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.26)}\r\n .btn-primary{\r\n border-color: rgba(214,178,94,.55);\r\n background: linear-gradient(135deg, rgba(214,178,94,.98), rgba(242,225,166,.58));\r\n color:#101010;\r\n box-shadow: 0 18px 46px rgba(214,178,94,.18), 0 16px 60px rgba(0,0,0,.32);\r\n }\r\n .btn-ghost{background: rgba(255,255,255,.06)}\r\n\r\n \/* Sections *\/\r\n section{padding:56px 0}\r\n .section-title{display:flex; flex-direction:column; gap:8px; margin-bottom:18px}\r\n .section-title h2{margin:0; font-size:26px}\r\n .section-title p{margin:0; color:var(--muted); max-width:72ch}\r\n\r\n .hero{padding:64px 0 18px}\r\n .hero.bg-image::before{ background-image: var(--hero-bg); }\r\n\r\n .hero-grid{\r\n display:grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap:26px;\r\n align-items:stretch;\r\n }\r\n .hero-card{\r\n border-radius: var(--radius);\r\n border: 1px solid rgba(255,255,255,.18);\r\n background:\r\n radial-gradient(900px 400px at 10% 0%, rgba(107,224,255,.14), transparent 55%),\r\n radial-gradient(700px 420px at 85% 20%, rgba(214,178,94,.22), transparent 60%),\r\n linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.07));\r\n box-shadow: var(--shadow);\r\n overflow:hidden;\r\n }\r\n .hero-content{padding:34px 30px}\r\n .kicker{\r\n display:inline-flex; gap:10px; align-items:center;\r\n color:rgba(243,246,255,.86);\r\n font-size:13px; padding:8px 12px; border-radius:999px;\r\n border:1px solid rgba(214,178,94,.30);\r\n background: rgba(214,178,94,.10);\r\n margin-bottom:14px;\r\n }\r\n .dot{\r\n width:8px; height:8px; border-radius:999px;\r\n background: radial-gradient(circle, var(--gold2), var(--gold));\r\n box-shadow: 0 0 18px rgba(214,178,94,.38);\r\n }\r\n h1{margin:0 0 14px; font-size:38px; line-height:1.15}\r\n .hero p{margin:0 0 18px; color:var(--muted); font-size:16px; max-width:60ch}\r\n .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0 10px}\r\n .micro{font-size:13px; color:var(--muted2)}\r\n\r\n .hero-visual{\r\n border-radius: var(--radius);\r\n border:1px solid rgba(255,255,255,.16);\r\n background:\r\n radial-gradient(460px 260px at 70% 20%, rgba(107,224,255,.18), transparent 65%),\r\n radial-gradient(380px 240px at 35% 70%, rgba(214,178,94,.24), transparent 70%),\r\n linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));\r\n box-shadow: var(--shadow);\r\n overflow:hidden;\r\n min-height: 340px;\r\n }\r\n .visual-inner{padding:26px; display:flex; flex-direction:column; gap:12px; height:100%}\r\n .visual-title{font-weight:900; font-size:14px}\r\n .chips{display:flex; flex-wrap:wrap; gap:8px}\r\n .chip{\r\n padding:8px 10px; border-radius:999px; font-size:12px;\r\n color:rgba(243,246,255,.86);\r\n border:1px solid rgba(255,255,255,.16);\r\n background: rgba(255,255,255,.08);\r\n }\r\n .hero-image-slot{\r\n margin-top:auto;\r\n border-radius:18px;\r\n border:1px dashed rgba(255,255,255,.26);\r\n background: rgba(255,255,255,.06);\r\n padding:12px;\r\n }\r\n .hero-image-slot .slot{\r\n border-radius:14px;\r\n min-height:170px;\r\n display:grid;\r\n place-items:center;\r\n color: rgba(243,246,255,.72);\r\n background: rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.12);\r\n overflow:hidden;\r\n position:relative;\r\n }\r\n .hero-image-slot img{width:100%; height:100%; object-fit:cover; display:none}\r\n .slot .placeholder{font-size:12px; padding:10px 12px; text-align:center; max-width:42ch}\r\n\r\n .cta-strip{\r\n border-radius: var(--radius);\r\n border:1px solid rgba(214,178,94,.28);\r\n background:\r\n radial-gradient(900px 260px at 20% 0%, rgba(214,178,94,.20), transparent 65%),\r\n radial-gradient(900px 260px at 80% 0%, rgba(107,224,255,.12), transparent 70%),\r\n linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));\r\n box-shadow: var(--shadow);\r\n padding:22px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n gap:16px;\r\n flex-wrap:wrap;\r\n margin-top:18px;\r\n }\r\n .cta-strip strong{font-size:15px}\r\n .cta-strip span{color:var(--muted); font-size:14px}\r\n\r\n .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}\r\n .two-cols{display:grid; grid-template-columns:1fr 1fr; gap:14px}\r\n .card{\r\n border-radius: var(--radius2);\r\n border:1px solid rgba(255,255,255,.18);\r\n background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06));\r\n box-shadow: var(--shadow2);\r\n padding:18px;\r\n }\r\n .card h3{margin:0 0 8px; font-size:16px}\r\n .card p{margin:0; color:var(--muted)}\r\n .list{margin:12px 0 0; padding:0 18px 0 0; color:var(--muted)}\r\n .list li{margin:8px 0}\r\n\r\n .gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:14px}\r\n .img-card{\r\n border-radius: var(--radius2);\r\n border:1px dashed rgba(255,255,255,.26);\r\n background: rgba(255,255,255,.06);\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n min-height:170px;\r\n position:relative;\r\n display:grid;\r\n place-items:center;\r\n }\r\n .img-card img{width:100%; height:100%; object-fit:cover; display:none}\r\n .img-card .ph{font-size:12px; color: rgba(243,246,255,.70); padding:12px; text-align:center; max-width:48ch}\r\n\r\n .steps{counter-reset: step; display:grid; grid-template-columns:repeat(4,1fr); gap:14px}\r\n .step{\r\n border-radius: var(--radius2);\r\n border:1px solid rgba(255,255,255,.18);\r\n background: rgba(255,255,255,.08);\r\n padding:16px;\r\n box-shadow: var(--shadow2);\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n .step::before{\r\n counter-increment: step;\r\n content: counter(step);\r\n position:absolute;\r\n top:14px; left:14px;\r\n width:30px; height:30px;\r\n border-radius:12px;\r\n display:grid; place-items:center;\r\n font-weight:900;\r\n color:#101010;\r\n background: linear-gradient(135deg, rgba(214,178,94,.98), rgba(242,225,166,.58));\r\n border:1px solid rgba(255,255,255,.16);\r\n }\r\n .step h3{margin:26px 0 8px; font-size:15px}\r\n .step p{margin:0; color:var(--muted); font-size:14px}\r\n\r\n .faq{display:grid; gap:10px}\r\n details{\r\n border:1px solid rgba(255,255,255,.18);\r\n background: rgba(255,255,255,.06);\r\n border-radius: 18px;\r\n box-shadow: var(--shadow2);\r\n overflow:hidden;\r\n }\r\n summary{\r\n cursor:pointer;\r\n padding:16px 16px;\r\n font-weight:900;\r\n list-style:none;\r\n position:relative;\r\n }\r\n summary::-webkit-details-marker{display:none}\r\n summary::after{\r\n content:\"+\";\r\n position:absolute;\r\n left:16px;\r\n top:50%;\r\n transform: translateY(-50%);\r\n width:26px; height:26px;\r\n border-radius:999px;\r\n border:1px solid rgba(255,255,255,.18);\r\n display:grid;\r\n place-items:center;\r\n color:var(--muted);\r\n background: rgba(255,255,255,.04);\r\n }\r\n details[open] summary::after{content:\"\u2013\"}\r\n details .faq-body{\r\n padding:0 16px 16px;\r\n color:var(--muted);\r\n border-top:1px solid rgba(255,255,255,.10);\r\n }\r\n\r\n .form-wrap{\r\n border-radius: var(--radius);\r\n border:1px solid rgba(255,255,255,.18);\r\n background: linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06));\r\n box-shadow: var(--shadow);\r\n overflow:hidden;\r\n }\r\n #lead.bg-image::before{ background-image: var(--section-lead-bg); }\r\n .form-head{padding:22px; border-bottom:1px solid rgba(255,255,255,.10)}\r\n .form-head h2{margin:0 0 6px; font-size:24px}\r\n .form-head p{margin:0; color:var(--muted)}\r\n form{padding:22px; display:grid; gap:12px}\r\n .row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}\r\n label{display:block; font-size:12px; color:var(--muted2); margin:0 0 6px}\r\n input, select, textarea{\r\n width:100%;\r\n border-radius:14px;\r\n border:1px solid rgba(255,255,255,.18);\r\n background: rgba(255,255,255,.06);\r\n color:var(--text);\r\n padding:12px 12px;\r\n outline:none;\r\n font-size:14px;\r\n }\r\n textarea{min-height:110px; resize:vertical}\r\n .form-actions{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}\r\n .fineprint{color:var(--muted2); font-size:12px}\r\n .status{\r\n font-size:13px;\r\n color: rgba(243,246,255,.78);\r\n padding:10px 12px;\r\n border-radius: 14px;\r\n border:1px solid rgba(255,255,255,.14);\r\n background: rgba(255,255,255,.06);\r\n display:none;\r\n }\r\n\r\n footer{\r\n padding:30px 0 46px;\r\n border-top:1px solid rgba(255,255,255,.10);\r\n background: rgba(255,255,255,.03);\r\n }\r\n .footer-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px}\r\n .footer-grid h3{margin:0 0 8px; font-size:15px}\r\n .footer-grid p{margin:0; color:var(--muted)}\r\n .contact{display:grid; gap:10px}\r\n .contact a{\r\n display:inline-flex; align-items:center; gap:8px;\r\n color: var(--muted);\r\n padding:10px 12px;\r\n border-radius:14px;\r\n border:1px solid rgba(255,255,255,.14);\r\n background: rgba(255,255,255,.06);\r\n width:fit-content;\r\n }\r\n .tiny{margin-top:14px; font-size:12px; color: rgba(243,246,255,.52)}\r\n\r\n \/* ========= FIX \u05e7\u05e8\u05d9\u05d8\u05d9: \u05d1\u05d9\u05d8\u05d5\u05dc reveal \u05e9\u05de\u05e1\u05ea\u05d9\u05e8 \u05d4\u05db\u05dc \u05d0\u05dd JS \u05dc\u05d0 \u05e8\u05e5 ========= *\/\r\n .reveal{opacity:1; transform:none}\r\n\r\n @media (max-width: 980px){\r\n .hero-grid{grid-template-columns:1fr}\r\n .steps{grid-template-columns:1fr 1fr}\r\n .grid-3{grid-template-columns:1fr}\r\n .two-cols{grid-template-columns:1fr}\r\n .gallery{grid-template-columns:1fr}\r\n }\r\n @media (max-width: 560px){\r\n .row{grid-template-columns:1fr}\r\n .steps{grid-template-columns:1fr}\r\n .nav{display:none}\r\n .header-cta{gap:8px}\r\n .btn{padding:10px 12px}\r\n h1{font-size:30px}\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <!-- Header -->\r\n <header class=\"header\">\r\n <div class=\"container\">\r\n <div class=\"header-inner\">\r\n <div class=\"brand\">\r\n <div class=\"logo\" aria-hidden=\"true\"><\/div>\r\n <div class=\"brand-title\">\r\n <strong>[\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4]<\/strong>\r\n <span>\u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea \u05dc\u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d5\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"nav\" aria-label=\"\u05e0\u05d9\u05d5\u05d5\u05d8\">\r\n <a href=\"#why\">\u05dc\u05de\u05d4 \u05d6\u05d4 \u05d7\u05e9\u05d5\u05d1<\/a>\r\n <a href=\"#solution\">\u05d4\u05e4\u05ea\u05e8\u05d5\u05df<\/a>\r\n <a href=\"#products\">\u05e1\u05d5\u05d2\u05d9 \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd<\/a>\r\n <a href=\"#uses\">\u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05dd<\/a>\r\n <a href=\"#process\">\u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3<\/a>\r\n <a href=\"#faq\">FAQ<\/a>\r\n <a href=\"#lead\">\u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8<\/a>\r\n <\/nav>\r\n\r\n <div class=\"header-cta\">\r\n <button class=\"btn btn-ghost\" data-scroll=\"#lead\" type=\"button\">\u05d3\u05d1\u05e8\u05d5 \u05d0\u05d9\u05ea\u05e0\u05d5 \u05dc\u05d4\u05ea\u05d0\u05de\u05d4<\/button>\r\n <button class=\"btn btn-primary\" data-scroll=\"#lead\" type=\"button\">\u05e7\u05d1\u05dc \u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main>\r\n <!-- Hero -->\r\n <section class=\"hero bg-image\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-card\">\r\n <div class=\"hero-content\">\r\n <div class=\"kicker\"><span class=\"dot\" aria-hidden=\"true\"><\/span>\u05e4\u05ea\u05e8\u05d5\u05df \u05ea\u05e9\u05ea\u05d9\u05ea\u05d9 \u05e9\u05e0\u05e8\u05d0\u05d4 \u05d1\u05e9\u05d8\u05d7<\/div>\r\n <h1>\u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e9\u05de\u05db\u05d5\u05d5\u05e0\u05d9\u05dd \u05e0\u05d4\u05d2\u05d9\u05dd \u05e0\u05db\u05d5\u05df \u2014 \u05d2\u05dd \u05db\u05e9\u05d7\u05e9\u05d5\u05da<\/h1>\r\n <p>\r\n \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d1\u05be<strong>[\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4]<\/strong> \u05de\u05d9\u05d9\u05d1\u05d0\u05d9\u05dd \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea \u05d1\u05ea\u05e6\u05d5\u05e8\u05d4 <strong>\u05de\u05e8\u05d5\u05d1\u05e2\u05ea<\/strong> \u05d5\u05d1\u05ea\u05e6\u05d5\u05e8\u05d4 <strong>\u05e2\u05d2\u05d5\u05dc\u05d4 (\u05d8\u05d1\u05e2\u05ea\u05d9\u05ea)<\/strong>,\r\n \u05d1\u05de\u05d9\u05d5\u05d7\u05d3 \u05dc\u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05e9\u05d1\u05d4\u05df \u05d0\u05d9\u05df \u05de\u05e7\u05d5\u05dd \u05dc\u05d1\u05dc\u05d1\u05d5\u05dc: <strong>\u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d5\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/strong>.\r\n \u05db\u05e9\u05e0\u05d4\u05d2\u05d9\u05dd \u05e8\u05d5\u05d0\u05d9\u05dd \u05d1\u05e8\u05d5\u05e8 \u2014 \u05d4\u05dd \u05de\u05d2\u05d9\u05d1\u05d9\u05dd \u05de\u05d4\u05e8 \u05d9\u05d5\u05ea\u05e8, \u05d6\u05d5\u05e8\u05de\u05d9\u05dd \u05e0\u05db\u05d5\u05df \u05d9\u05d5\u05ea\u05e8, \u05d5\u05d4\u05e9\u05d8\u05d7 \u05e0\u05e8\u05d0\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8 \u05d5\u05de\u05e7\u05e6\u05d5\u05e2\u05d9.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <button class=\"btn btn-primary\" data-scroll=\"#lead\" type=\"button\">\u05e7\u05d1\u05dc \u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8 \u05dc\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8<\/button>\r\n <button class=\"btn btn-ghost\" id=\"ctaQuick\" type=\"button\">\u05d3\u05d1\u05e8\u05d5 \u05d0\u05d9\u05ea\u05e0\u05d5 \u05dc\u05d4\u05ea\u05d0\u05de\u05d4 \u05de\u05d4\u05d9\u05e8\u05d4<\/button>\r\n <\/div>\r\n <div class=\"micro\">\u05e9\u05dc\u05d7\u05d5 \u05de\u05d9\u05e7\u05d5\u05dd\/\u05ea\u05de\u05d5\u05e0\u05d4\/\u05db\u05de\u05d5\u05ea \u2014 \u05d5\u05e0\u05d7\u05d6\u05d5\u05e8 \u05e2\u05dd \u05d4\u05de\u05dc\u05e6\u05d4 \u05dc\u05ea\u05e6\u05d5\u05e8\u05d4 \u05d4\u05de\u05ea\u05d0\u05d9\u05de\u05d4.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <aside class=\"hero-visual\">\r\n <div class=\"visual-inner\">\r\n <div class=\"visual-title\">\u05de\u05ea\u05d0\u05d9\u05dd \u05d1\u05de\u05d9\u05d5\u05d7\u05d3 \u05dc:<\/div>\r\n <div class=\"chips\">\r\n <span class=\"chip\">\u05e8\u05e9\u05d5\u05d9\u05d5\u05ea<\/span>\r\n <span class=\"chip\">\u05e7\u05d1\u05dc\u05e0\u05d9 \u05ea\u05e9\u05ea\u05d9\u05d5\u05ea<\/span>\r\n <span class=\"chip\">\u05d7\u05d1\u05e8\u05d5\u05ea \u05ea\u05d7\u05d6\u05d5\u05e7\u05d4<\/span>\r\n <span class=\"chip\">\u05d9\u05d5\u05e2\u05e6\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/span>\r\n <\/div>\r\n\r\n <div class=\"hero-image-slot\">\r\n <div class=\"slot\">\r\n <img id=\"heroProductImg\" alt=\"\u05ea\u05de\u05d5\u05e0\u05d4 \u05e8\u05d0\u05e9\u05d9\u05ea \u05e9\u05dc \u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8\" \/>\r\n <div class=\"placeholder\" id=\"heroProductPh\">\r\n HOOK \u05dc\u05ea\u05de\u05d5\u05e0\u05d4 \u05e8\u05d0\u05e9\u05d9\u05ea: CONFIG.heroProductImageUrl\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n <div class=\"cta-strip\">\r\n <div>\r\n <strong>\u05d1\u05d5\u05d0\u05d5 \u05e0\u05ea\u05d7\u05d9\u05dc \u05de\u05d4\u05e9\u05d8\u05d7:<\/strong>\r\n <span>\u05de\u05d9\u05e7\u05d5\u05dd + \u05e1\u05d5\u05d2 \u05e0\u05e7\u05d5\u05d3\u05d4 (\u05de\u05e2\u05d2\u05dc\/\u05d0\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4) + \u05db\u05de\u05d5\u05ea \u2014 \u05d5\u05d0\u05e0\u05d7\u05e0\u05d5 \u05d7\u05d5\u05d6\u05e8\u05d9\u05dd \u05e2\u05dd \u05d4\u05ea\u05d0\u05de\u05d4 \u05d5\u05d4\u05e6\u05e2\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8\u05ea.<\/span>\r\n <\/div>\r\n <button class=\"btn btn-primary\" data-scroll=\"#lead\" type=\"button\">\u05e9\u05dc\u05d7\u05d5 \u05e4\u05e8\u05d8\u05d9\u05dd \u05dc\u05d4\u05ea\u05d0\u05de\u05d4<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Why -->\r\n <section id=\"why\" class=\"bg-image\">\r\n <style>\r\n #why.bg-image::before{ background-image: var(--section-why-bg); }\r\n <\/style>\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>\u05dc\u05de\u05d4 \u05d6\u05d4 \u05d7\u05e9\u05d5\u05d1<\/h2>\r\n <p>\r\n \u05d1\u05de\u05e2\u05d2\u05dc \u05ea\u05e0\u05d5\u05e2\u05d4 \u05dc\u05d0 \u05de\u05d7\u05e4\u05e9\u05d9\u05dd \u05ea\u05de\u05e8\u05d5\u05e8 \u2014 \u05e6\u05e8\u05d9\u05da \u05dc\u05d4\u05d1\u05d9\u05df \u05d0\u05d5\u05ea\u05d5 \u05d1\u05de\u05d1\u05d8 \u05d0\u05d7\u05d3. \u05d1\u05de\u05d5\u05e7\u05d3\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05de\u05d5\u05e8\u05db\u05d1\u05d9\u05dd, \u05db\u05dc \u05d4\u05d9\u05e1\u05d5\u05e1 \u05e7\u05d8\u05df \u05de\u05ea\u05d5\u05e8\u05d2\u05dd \u05dc\u05d1\u05dc\u05d9\u05de\u05d4, \u05e1\u05d8\u05d9\u05d9\u05d4 \u05d0\u05d5 \u05d1\u05dc\u05d1\u05d5\u05dc.\r\n \u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 \u05e4\u05e0\u05d9\u05de\u05d9\u05ea \u05e0\u05d5\u05ea\u05df \u05e0\u05d5\u05db\u05d7\u05d5\u05ea \u05d7\u05d6\u05e7\u05d4, \u05de\u05d7\u05d3\u05d3 \u05d0\u05ea \u05d4\u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05d5\u05de\u05e7\u05dc \u05e2\u05dc \u05d4\u05e0\u05d4\u05d2 \u05dc\u05e7\u05d1\u05dc \u05d4\u05d7\u05dc\u05d8\u05d4 \u05de\u05d4\u05e8 \u2014 \u05d1\u05de\u05d9\u05d5\u05d7\u05d3 \u05d1\u05dc\u05d9\u05dc\u05d4 \u05d5\u05d1\u05ea\u05e0\u05d0\u05d9 \u05e8\u05d0\u05d5\u05ea \u05de\u05d0\u05ea\u05d2\u05e8\u05d9\u05dd.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid-3\">\r\n <div class=\"card\">\r\n <h3>\u05d1\u05d5\u05dc\u05d8 \u05dc\u05e2\u05d9\u05df \u05de\u05e8\u05d7\u05d5\u05e7<\/h3>\r\n <p>\u05d1\u05dc\u05d9 \u201c\u05dc\u05d7\u05e4\u05e9\u201d \u05d0\u05ea \u05d4\u05e1\u05d9\u05de\u05d5\u05df \u2014 \u05d4\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d3\u05d1\u05e8 \u05d1\u05e8\u05d5\u05e8 \u05db\u05d1\u05e8 \u05de\u05d4\u05d2\u05d9\u05e9\u05d4 \u05dc\u05e0\u05e7\u05d5\u05d3\u05d4.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <h3>\u05de\u05e4\u05d7\u05d9\u05ea \u05d1\u05dc\u05d1\u05d5\u05dc \u05d5\u05ea\u05e0\u05d5\u05e2\u05d5\u05ea \u05e4\u05ea\u05e2<\/h3>\r\n <p>\u05db\u05e9\u05d4\u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05d1\u05e8\u05d5\u05e8\u05d4, \u05d4\u05d6\u05e8\u05d9\u05de\u05d4 \u05e0\u05e2\u05e9\u05d9\u05ea \u05d8\u05d1\u05e2\u05d9\u05ea \u05d9\u05d5\u05ea\u05e8 \u05d5\u05d4\u05e9\u05d8\u05d7 \u05de\u05ea\u05e0\u05d4\u05dc \u05e0\u05db\u05d5\u05df \u05d9\u05d5\u05ea\u05e8.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <h3>\u05e0\u05e8\u05d0\u05d5\u05ea \u05ea\u05e9\u05ea\u05d9\u05ea\u05d9\u05ea \u05de\u05e7\u05e6\u05d5\u05e2\u05d9\u05ea<\/h3>\r\n <p>\u05d4\u05e4\u05ea\u05e8\u05d5\u05df \u05e0\u05e8\u05d0\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8, \u05d7\u05d3 \u05d5\u05de\u05db\u05d5\u05d5\u05df \u05dc\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8\u05d9\u05dd \u05d1\u05e9\u05d8\u05d7 \u2014 \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d0\u05d9\u05e4\u05d4 \u05e9\u05d6\u05d4 \u05e0\u05de\u05d3\u05d3.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery\" aria-label=\"\u05d2\u05dc\u05e8\u05d9\u05d9\u05ea \u05ea\u05de\u05d5\u05e0\u05d5\u05ea\">\r\n <div class=\"img-card\">\r\n <img id=\"gallery1\" alt=\"\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 - \u05ea\u05de\u05d5\u05e0\u05d4 1\" \/>\r\n <div class=\"ph\" id=\"ph1\">HOOK \u05dc\u05ea\u05de\u05d5\u05e0\u05d4 1: CONFIG.galleryImages[0]<\/div>\r\n <\/div>\r\n <div class=\"img-card\">\r\n <img id=\"gallery2\" alt=\"\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 - \u05ea\u05de\u05d5\u05e0\u05d4 2\" \/>\r\n <div class=\"ph\" id=\"ph2\">HOOK \u05dc\u05ea\u05de\u05d5\u05e0\u05d4 2: CONFIG.galleryImages[1]<\/div>\r\n <\/div>\r\n <div class=\"img-card\">\r\n <img id=\"gallery3\" alt=\"\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 - \u05ea\u05de\u05d5\u05e0\u05d4 3\" \/>\r\n <div class=\"ph\" id=\"ph3\">HOOK \u05dc\u05ea\u05de\u05d5\u05e0\u05d4 3: CONFIG.galleryImages[2]<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"margin-top:16px\" class=\"card\">\r\n <h3>\u05de\u05d4 \u05d6\u05d4 \u05e4\u05d5\u05ea\u05e8 \u05d1\u05e4\u05d5\u05e2\u05dc:<\/h3>\r\n <ul class=\"list\">\r\n <li>\u05de\u05d9\u05d9\u05e6\u05e8 \u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05d1\u05e8\u05d5\u05e8\u05d4 \u05d1\u05de\u05e7\u05d5\u05de\u05d5\u05ea \u201c\u05e2\u05de\u05d5\u05e1\u05d9\u05dd\u201d \u05d5\u05e8\u05d2\u05d9\u05e9\u05d9\u05dd<\/li>\r\n <li>\u05de\u05e4\u05d7\u05d9\u05ea \u05d1\u05dc\u05d1\u05d5\u05dc \u05d5\u05ea\u05e0\u05d5\u05e2\u05d5\u05ea \u05e4\u05ea\u05e2<\/li>\r\n <li>\u05de\u05d7\u05d6\u05e7 \u05e1\u05d3\u05e8 \u05ea\u05e0\u05d5\u05e2\u05ea\u05d9 \u05e1\u05d1\u05d9\u05d1 \u05de\u05e2\u05d2\u05dc\u05d9\u05dd \u05d5\u05d4\u05e4\u05e8\u05d3\u05d5\u05ea<\/li>\r\n <li>\u05e0\u05d5\u05ea\u05df \u05dc\u05e9\u05d8\u05d7 \u05de\u05e8\u05d0\u05d4 \u05ea\u05e9\u05ea\u05d9\u05ea\u05d9 \u05e0\u05e7\u05d9 \u05d5\u05de\u05e7\u05e6\u05d5\u05e2\u05d9<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Solution -->\r\n <section id=\"solution\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>\u05d4\u05e4\u05ea\u05e8\u05d5\u05df \u05e9\u05dc\u05e0\u05d5<\/h2>\r\n <p>\r\n \u05ea\u05d0\u05d5\u05e8\u05d4 \u05e4\u05e0\u05d9\u05de\u05d9\u05ea. \u05de\u05e1\u05e8 \u05d7\u05d3. \u05ea\u05e0\u05d5\u05e2\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8\u05ea \u05d9\u05d5\u05ea\u05e8.\r\n \u05d0\u05e0\u05d7\u05e0\u05d5 \u05de\u05e1\u05e4\u05e7\u05d9\u05dd \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea \u05e9\u05e0\u05d5\u05e2\u05d3\u05d5 \u05dc\u05e2\u05d1\u05d5\u05d3 \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d1\u05de\u05e7\u05d5\u05dd \u05e9\u05d1\u05d5 \u05d4\u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05d7\u05d9\u05d9\u05d1\u05ea \u05dc\u05d4\u05d9\u05d5\u05ea \u05d1\u05e8\u05d5\u05e8\u05d4:\r\n \u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4, \u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4, \u05d4\u05e4\u05e8\u05d3\u05d5\u05ea \u05d5\u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05de\u05e8\u05db\u05d6\u05d9\u05d5\u05ea \u05d1\u05de\u05e8\u05d7\u05d1 \u05d4\u05e2\u05d9\u05e8\u05d5\u05e0\u05d9.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"two-cols\">\r\n <div class=\"card\">\r\n <h3>\u05de\u05d9\u05e7\u05d5\u05d3 \u05d1\u05e9\u05d8\u05d7<\/h3>\r\n <p>\u05d4\u05d2\u05d9\u05e9\u05d4 \u05e9\u05dc\u05e0\u05d5 \u05e4\u05e9\u05d5\u05d8\u05d4: \u05dc\u05d4\u05d1\u05d9\u05df \u05d0\u05ea \u05d4\u05d0\u05ea\u05e8, \u05dc\u05d1\u05d7\u05d5\u05e8 \u05d0\u05ea \u05d4\u05ea\u05e6\u05d5\u05e8\u05d4 \u05d4\u05e0\u05db\u05d5\u05e0\u05d4, \u05d5\u05dc\u05e1\u05e4\u05e7 \u05e4\u05ea\u05e8\u05d5\u05df \u05e9\u05de\u05d9\u05d9\u05e6\u05e8 \u05e0\u05e8\u05d0\u05d5\u05ea \u05d7\u05d6\u05e7\u05d4 \u05d1\u05e9\u05d8\u05d7.<\/p>\r\n <\/div>\r\n <div class=\"card\">\r\n <h3>\u05d4\u05d1\u05d8\u05d7\u05d4 \u05e7\u05e6\u05e8\u05d4 \u05d5\u05d1\u05e8\u05d5\u05e8\u05d4<\/h3>\r\n <p><strong>\u05d9\u05d5\u05ea\u05e8 \u05e0\u05e8\u05d0\u05d5\u05ea \u05d1\u05e9\u05d8\u05d7. \u05e4\u05d7\u05d5\u05ea \u05e1\u05d9\u05de\u05e0\u05d9 \u05e9\u05d0\u05dc\u05d4 \u05e2\u05dc \u05d4\u05db\u05d1\u05d9\u05e9.<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Products -->\r\n <section id=\"products\" class=\"bg-image\">\r\n <style>\r\n #products.bg-image::before{ background-image: var(--section-products-bg); }\r\n <\/style>\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>\u05e1\u05d5\u05d2\u05d9 \u05d4\u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd<\/h2>\r\n <p>\u05e9\u05e0\u05d9 \u05e4\u05ea\u05e8\u05d5\u05e0\u05d5\u05ea \u05e2\u05d9\u05e7\u05e8\u05d9\u05d9\u05dd \u2014 \u05d0\u05d5\u05ea\u05d5 \u05e2\u05d9\u05e7\u05e8\u05d5\u05df: \u05dc\u05d4\u05d9\u05e8\u05d0\u05d5\u05ea \u05d1\u05e8\u05d5\u05e8.<\/p>\r\n <\/div>\r\n\r\n <div class=\"two-cols\">\r\n <div class=\"card\">\r\n <h3>\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 \u05e2\u05d2\u05d5\u05dc (\u05d8\u05d1\u05e2\u05ea\u05d9)<\/h3>\r\n <p>\r\n \u05de\u05d9\u05d5\u05e2\u05d3 \u05dc\u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05d1\u05e8\u05d5\u05e8\u05d4 \u05e1\u05d1\u05d9\u05d1 \u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d5\u05dc\u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05e9\u05d1\u05d4\u05df \u05d7\u05e9\u05d5\u05d1 \u05e9\u05d4\u05e1\u05d9\u05de\u05d5\u05df \u201c\u05d9\u05e7\u05e4\u05d5\u05e5 \u05dc\u05e2\u05d9\u05df\u201d \u05d5\u05d9\u05d4\u05d9\u05d4 \u05d7\u05d3 \u05dc\u05e7\u05e8\u05d9\u05d0\u05d4.\r\n <br><br><strong>\u05de\u05ea\u05d0\u05d9\u05dd \u05d1\u05de\u05d9\u05d5\u05d7\u05d3:<\/strong> \u05db\u05e0\u05d9\u05e1\u05d5\u05ea \u05dc\u05de\u05e2\u05d2\u05dc, \u05de\u05e8\u05db\u05d6\u05d9 \u05de\u05e2\u05d2\u05dc\u05d9\u05dd, \u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05d6\u05e8\u05d9\u05de\u05d4.\r\n <\/p>\r\n <div class=\"img-card\" style=\"margin-top:14px; min-height:190px;\">\r\n <img id=\"productImgRound\" alt=\"\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 \u05e2\u05d2\u05d5\u05dc (\u05d8\u05d1\u05e2\u05ea\u05d9\u05ea)\" \/>\r\n <div class=\"ph\" id=\"phRound\">HOOK \u05dc\u05ea\u05de\u05d5\u05e0\u05d4: CONFIG.productImages.round<\/div>\r\n <\/div>\r\n <div style=\"margin-top:14px\">\r\n <button class=\"btn btn-primary\" data-scroll=\"#lead\" type=\"button\">\u05d0\u05e0\u05d9 \u05e6\u05e8\u05d9\u05da \u05e4\u05ea\u05e8\u05d5\u05df \u05dc\u05de\u05e2\u05d2\u05dc \u05ea\u05e0\u05d5\u05e2\u05d4<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <h3>\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 \u05de\u05e8\u05d5\u05d1\u05e2 (\u05e7\u05d5\u05e4\u05e1\u05ea\u05d9)<\/h3>\r\n <p>\r\n \u05e4\u05ea\u05e8\u05d5\u05df \u05de\u05e6\u05d5\u05d9\u05df \u05dc\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d5\u05d4\u05e4\u05e8\u05d3\u05d5\u05ea, \u05db\u05d0\u05e9\u05e8 \u05e6\u05e8\u05d9\u05da \u05e1\u05d9\u05de\u05d5\u05df \u05d1\u05d5\u05dc\u05d8 \u05e9\u05de\u05d2\u05d3\u05d9\u05e8 \u05e0\u05ea\u05d9\u05d1 \u05d5\u05de\u05d5\u05e0\u05e2 \u05d1\u05dc\u05d1\u05d5\u05dc.\r\n <br><br><strong>\u05de\u05ea\u05d0\u05d9\u05dd \u05d1\u05de\u05d9\u05d5\u05d7\u05d3:<\/strong> \u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4, \u05ea\u05d9\u05d7\u05d5\u05de\u05d9\u05dd, \u05d4\u05e4\u05e8\u05d3\u05d5\u05ea, \u05e0\u05e7\u05d5\u05d3\u05d5\u05ea \u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05dc\u05d0\u05d5\u05e8\u05da \u05d4\u05e6\u05d9\u05e8.\r\n <\/p>\r\n <div class=\"img-card\" style=\"margin-top:14px; min-height:190px;\">\r\n <img id=\"productImgSquare\" alt=\"\u05ea\u05de\u05e8\u05d5\u05e8 \u05de\u05d5\u05d0\u05e8 \u05de\u05e8\u05d5\u05d1\u05e2 (\u05e7\u05d5\u05e4\u05e1\u05ea\u05d9)\" \/>\r\n <div class=\"ph\" id=\"phSquare\">HOOK \u05dc\u05ea\u05de\u05d5\u05e0\u05d4: CONFIG.productImages.square<\/div>\r\n <\/div>\r\n <div style=\"margin-top:14px\">\r\n <button class=\"btn btn-primary\" data-scroll=\"#lead\" type=\"button\">\u05d0\u05e0\u05d9 \u05e6\u05e8\u05d9\u05da \u05e4\u05ea\u05e8\u05d5\u05df \u05dc\u05d0\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Uses -->\r\n <section id=\"uses\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>\u05d0\u05d9\u05e4\u05d4 \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3 \u05de\u05e6\u05d5\u05d9\u05df<\/h2>\r\n <p>\u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05dd \u05e0\u05e4\u05d5\u05e6\u05d9\u05dd \u05d1\u05e9\u05d8\u05d7 \u2014 \u05d1\u05d3\u05d9\u05d5\u05e7 \u05d0\u05d9\u05e4\u05d4 \u05e9\u05e0\u05e8\u05d0\u05d5\u05ea \u05e2\u05d5\u05e9\u05d4 \u05d0\u05ea \u05d4\u05d4\u05d1\u05d3\u05dc.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid-3\">\r\n <div class=\"card\"><h3>\u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/h3><p>\u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05e0\u05e7\u05d9\u05d9\u05d4 \u05d5\u05d1\u05e8\u05d5\u05e8\u05d4 \u05d1\u05db\u05e0\u05d9\u05e1\u05d4 \u05d5\u05d1\u05d6\u05e8\u05d9\u05de\u05d4.<\/p><\/div>\r\n <div class=\"card\"><h3>\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/h3><p>\u05e1\u05d9\u05de\u05d5\u05df \u05d1\u05d5\u05dc\u05d8 \u05e9\u05de\u05d2\u05d3\u05d9\u05e8 \u05de\u05e1\u05dc\u05d5\u05dc\u05d9\u05dd.<\/p><\/div>\r\n <div class=\"card\"><h3>\u05d4\u05e4\u05e8\u05d3\u05d5\u05ea \u05d5\u05ea\u05d9\u05d7\u05d5\u05de\u05d9\u05dd<\/h3><p>\u05de\u05d5\u05e0\u05e2 \u05d8\u05e2\u05d5\u05d9\u05d5\u05ea \u05d5\u05e1\u05d8\u05d9\u05d5\u05ea \u05d5\u05de\u05d7\u05d3\u05d3 \u05e0\u05ea\u05d9\u05d1.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Process -->\r\n <section id=\"process\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>\u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3<\/h2>\r\n <p>4 \u05e9\u05dc\u05d1\u05d9\u05dd \u05d5\u05d0\u05ea\u05dd \u05de\u05ea\u05e7\u05d3\u05de\u05d9\u05dd.<\/p>\r\n <\/div>\r\n\r\n <div class=\"steps\">\r\n <div class=\"step\"><h3>\u05e9\u05d5\u05dc\u05d7\u05d9\u05dd \u05e4\u05e8\u05d8\u05d9 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8<\/h3><p>\u05e1\u05d5\u05d2 \u05e0\u05e7\u05d5\u05d3\u05d4 (\u05de\u05e2\u05d2\u05dc\/\u05d0\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4), \u05db\u05de\u05d5\u05ea \u05d5\u05de\u05d9\u05e7\u05d5\u05dd.<\/p><\/div>\r\n <div class=\"step\"><h3>\u05de\u05de\u05dc\u05d9\u05e6\u05d9\u05dd \u05e2\u05dc \u05ea\u05e6\u05d5\u05e8\u05d4<\/h3><p>\u05de\u05e8\u05d5\u05d1\u05e2 \u05d0\u05d5 \u05e2\u05d2\u05d5\u05dc \u05d8\u05d1\u05e2\u05ea\u05d9 \u2014 \u05dc\u05e4\u05d9 \u05d4\u05e9\u05d8\u05d7 \u05d5\u05d4\u05d9\u05d9\u05e9\u05d5\u05dd.<\/p><\/div>\r\n <div class=\"step\"><h3>\u05de\u05e7\u05d1\u05dc\u05d9\u05dd \u05d4\u05e6\u05e2\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8\u05ea<\/h3><p>\u05d1\u05d4\u05ea\u05d0\u05dd \u05dc\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8, \u05d1\u05e6\u05d5\u05e8\u05d4 \u05d1\u05e8\u05d5\u05e8\u05d4 \u05d5\u05e2\u05e0\u05d9\u05d9\u05e0\u05d9\u05ea.<\/p><\/div>\r\n <div class=\"step\"><h3>\u05de\u05ea\u05d0\u05de\u05d9\u05dd \u05d0\u05e1\u05e4\u05e7\u05d4<\/h3><p>\u05db\u05d3\u05d9 \u05e9\u05ea\u05d5\u05db\u05dc\u05d5 \u05dc\u05e2\u05de\u05d5\u05d3 \u05d1\u05dc\u05d5\u05d7\u05d5\u05ea \u05d6\u05de\u05e0\u05d9\u05dd.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h2>\u05e9\u05d0\u05dc\u05d5\u05ea \u05e0\u05e4\u05d5\u05e6\u05d5\u05ea<\/h2>\r\n <p>\u05ea\u05e9\u05d5\u05d1\u05d5\u05ea \u05e7\u05e6\u05e8\u05d5\u05ea \u05e9\u05de\u05e1\u05d9\u05e8\u05d5\u05ea \u05e1\u05e4\u05e7 \u05d5\u05de\u05e7\u05d3\u05de\u05d5\u05ea \u05d4\u05d7\u05dc\u05d8\u05d4.<\/p>\r\n <\/div>\r\n\r\n <div class=\"faq\">\r\n <details open>\r\n <summary>\u05dc\u05de\u05d4 \u05dc\u05d0 \u05e8\u05d0\u05d9\u05ea\u05d9 \u05db\u05dc\u05d5\u05dd \u05e7\u05d5\u05d3\u05dd?<\/summary>\r\n <div class=\"faq-body\">\r\n \u05d4\u05e1\u05d9\u05d1\u05d4 \u05d4\u05e0\u05e4\u05d5\u05e6\u05d4 \u05d4\u05d9\u05d0 \u05e9\u05de\u05e0\u05d2\u05e0\u05d5\u05df \u05d4\u05d0\u05e0\u05d9\u05de\u05e6\u05d9\u05d4 (\"reveal\") \u05d4\u05e1\u05ea\u05d9\u05e8 \u05d0\u05ea \u05d4\u05ea\u05d5\u05db\u05df \u05e2\u05d3 \u05e9-JS \u05e8\u05e5. \u05d1\u05d2\u05e8\u05e1\u05d4 \u05d4\u05d6\u05d5 \u05d1\u05d9\u05d8\u05dc\u05ea\u05d9 \u05d0\u05ea \u05d4\u05d4\u05e1\u05ea\u05e8\u05d4,\r\n \u05db\u05da \u05e9\u05d2\u05dd \u05d0\u05dd JS \u05dc\u05d0 \u05e2\u05d5\u05d1\u05d3 \u05d1\u05d3\u05e3\/\u05d1\u05de\u05e2\u05e8\u05db\u05ea \u05e9\u05dc\u05da \u2014 \u05d4\u05ea\u05d5\u05db\u05df \u05d9\u05d5\u05e4\u05d9\u05e2 \u05ea\u05de\u05d9\u05d3.\r\n <\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>\u05dc\u05de\u05d9 \u05d6\u05d4 \u05de\u05ea\u05d0\u05d9\u05dd?<\/summary>\r\n <div class=\"faq-body\">\r\n \u05dc\u05e8\u05e9\u05d5\u05d9\u05d5\u05ea, \u05e7\u05d1\u05dc\u05e0\u05d9 \u05ea\u05e9\u05ea\u05d9\u05d5\u05ea, \u05d7\u05d1\u05e8\u05d5\u05ea \u05ea\u05d7\u05d6\u05d5\u05e7\u05d4 \u05d5\u05d2\u05d5\u05e8\u05de\u05d9 \u05de\u05e7\u05e6\u05d5\u05e2 \u05e9\u05e2\u05d5\u05d1\u05d3\u05d9\u05dd \u05d1\u05e9\u05d8\u05d7 \u05d5\u05de\u05d7\u05e4\u05e9\u05d9\u05dd \u05e4\u05ea\u05e8\u05d5\u05df \u05e0\u05e8\u05d0\u05d5\u05ea \u05d1\u05e8\u05d5\u05e8 \u05dc\u05de\u05e2\u05d2\u05dc\u05d9\u05dd \u05d5\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4.\r\n <\/div>\r\n <\/details>\r\n\r\n <details>\r\n <summary>\u05de\u05d4 \u05e6\u05e8\u05d9\u05da \u05db\u05d3\u05d9 \u05dc\u05e7\u05d1\u05dc \u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8?<\/summary>\r\n <div class=\"faq-body\">\r\n \u05e1\u05d5\u05d2 \u05e0\u05e7\u05d5\u05d3\u05d4 (\u05de\u05e2\u05d2\u05dc\/\u05d0\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4), \u05db\u05de\u05d5\u05ea, \u05d5\u05de\u05d9\u05e7\u05d5\u05dd \u05db\u05dc\u05dc\u05d9. \u05d0\u05dd \u05d9\u05e9 \u05ea\u05de\u05d5\u05e0\u05d4 \u2014 \u05d6\u05d4 \u05de\u05e7\u05e6\u05e8 \u05de\u05e9\u05de\u05e2\u05d5\u05ea\u05d9\u05ea.\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Lead -->\r\n <section id=\"lead\" class=\"bg-image\">\r\n <div class=\"container\">\r\n <div class=\"form-wrap\">\r\n <div class=\"form-head\">\r\n <h2>\u05e8\u05d5\u05e6\u05d9\u05dd \u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8 \u05de\u05d4\u05d9\u05e8\u05d4 \u05d0\u05d5 \u05d4\u05ea\u05d0\u05de\u05d4 \u05dc\u05e4\u05e8\u05d5\u05d9\u05e7\u05d8?<\/h2>\r\n <p>\u05d4\u05e9\u05d0\u05d9\u05e8\u05d5 \u05e4\u05e8\u05d8\u05d9\u05dd \u2014 \u05d0\u05d5 \u05e9\u05dc\u05d7\u05d5 \u05ea\u05de\u05d5\u05e0\u05d4\/\u05de\u05d9\u05e7\u05d5\u05dd \u2014 \u05d5\u05e0\u05d7\u05d6\u05d5\u05e8 \u05d0\u05dc\u05d9\u05db\u05dd \u05e2\u05dd \u05d4\u05de\u05dc\u05e6\u05d4 \u05d5\u05d4\u05e6\u05e2\u05d4 \u05de\u05e1\u05d5\u05d3\u05e8\u05ea.<\/p>\r\n <\/div>\r\n\r\n <form id=\"leadForm\">\r\n <div class=\"row\">\r\n <div>\r\n <label for=\"fullName\">\u05e9\u05dd \u05de\u05dc\u05d0<\/label>\r\n <input id=\"fullName\" name=\"fullName\" placeholder=\"\u05dc\u05d3\u05d5\u05d2\u05de\u05d4: \u05d9\u05e9\u05e8\u05d0\u05dc \u05d9\u05e9\u05e8\u05d0\u05dc\u05d9\" required \/>\r\n <\/div>\r\n <div>\r\n <label for=\"org\">\u05d7\u05d1\u05e8\u05d4 \/ \u05e8\u05e9\u05d5\u05ea<\/label>\r\n <input id=\"org\" name=\"org\" placeholder=\"\u05dc\u05d3\u05d5\u05d2\u05de\u05d4: \u05e2\u05d9\u05e8\u05d9\u05d9\u05ea...\" \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"row\">\r\n <div>\r\n <label for=\"phone\">\u05d8\u05dc\u05e4\u05d5\u05df<\/label>\r\n <input id=\"phone\" name=\"phone\" placeholder=\"\u05dc\u05d3\u05d5\u05d2\u05de\u05d4: 05X-XXXXXXX\" required \/>\r\n <\/div>\r\n <div>\r\n <label for=\"projectType\">\u05e1\u05d5\u05d2 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8<\/label>\r\n <select id=\"projectType\" name=\"projectType\" required>\r\n <option value=\"\" selected disabled>\u05d1\u05d7\u05e8\u05d5\u2026<\/option>\r\n <option value=\"\u05de\u05e2\u05d2\u05dc \u05ea\u05e0\u05d5\u05e2\u05d4\">\u05de\u05e2\u05d2\u05dc \u05ea\u05e0\u05d5\u05e2\u05d4<\/option>\r\n <option value=\"\u05d0\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4\">\u05d0\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4<\/option>\r\n <option value=\"\u05d4\u05e4\u05e8\u05d3\u05d4\/\u05ea\u05d9\u05d7\u05d5\u05dd\">\u05d4\u05e4\u05e8\u05d3\u05d4\/\u05ea\u05d9\u05d7\u05d5\u05dd<\/option>\r\n <option value=\"\u05d0\u05d7\u05e8\">\u05d0\u05d7\u05e8<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label for=\"notes\">\u05d4\u05e2\u05e8\u05d5\u05ea \/ \u05db\u05de\u05d5\u05ea \/ \u05e7\u05d9\u05e9\u05d5\u05e8 \u05dc\u05ea\u05de\u05d5\u05e0\u05d4 (\u05d0\u05dd \u05d9\u05e9)<\/label>\r\n <textarea id=\"notes\" name=\"notes\" placeholder=\"\u05dc\u05d3\u05d5\u05d2\u05de\u05d4: 6 \u05d9\u05d7\u05d9\u05d3\u05d5\u05ea, \u05de\u05e2\u05d2\u05dc \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d1\u05db\u05e0\u05d9\u05e1\u05d4 \u05dc\u05e2\u05d9\u05e8. \u05de\u05e6\u05e8\u05e3 \u05e7\u05d9\u05e9\u05d5\u05e8 \u05dc\u05ea\u05de\u05d5\u05e0\u05d4\/\u05de\u05e4\u05d4\u2026\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-actions\">\r\n <button class=\"btn btn-primary\" type=\"submit\">\u05e9\u05dc\u05d7\u05d5 \u05d1\u05e7\u05e9\u05d4 \u05dc\u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8<\/button>\r\n <div class=\"fineprint\">\u05de\u05e2\u05e0\u05d4 \u05d0\u05e0\u05d5\u05e9\u05d9 \u05d5\u05de\u05d4\u05d9\u05e8. \u05d1\u05dc\u05d9 \u05e1\u05e4\u05d0\u05dd.<\/div>\r\n <div class=\"status\" id=\"statusBox\" role=\"status\" aria-live=\"polite\"><\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer>\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div>\r\n <h3>[\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4] \u2014 \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea<\/h3>\r\n <p>\u05e0\u05e8\u05d0\u05d5\u05ea \u05d1\u05e8\u05d5\u05e8\u05d4, \u05d4\u05db\u05d5\u05d5\u05e0\u05d4 \u05de\u05d3\u05d5\u05d9\u05e7\u05ea \u05d5\u05e0\u05d5\u05db\u05d7\u05d5\u05ea \u05d7\u05d6\u05e7\u05d4 \u05d1\u05e9\u05d8\u05d7.<\/p>\r\n <div class=\"tiny\">\u00a9 <span id=\"year\"><\/span> [\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4]<\/div>\r\n <\/div>\r\n <div class=\"contact\">\r\n <h3>\u05e4\u05e8\u05d8\u05d9 \u05e7\u05e9\u05e8<\/h3>\r\n <a href=\"tel:+972500000000\" id=\"phoneLink\">\u05d8\u05dc\u05e4\u05d5\u05df: <strong>[\u05de\u05e1\u05e4\u05e8]<\/strong><\/a>\r\n <a href=\"mailto:info@example.com\" id=\"mailLink\">\u05d0\u05d9\u05de\u05d9\u05d9\u05dc: <strong>[\u05d0\u05d9\u05de\u05d9\u05d9\u05dc]<\/strong><\/a>\r\n <a href=\"#\" id=\"waLink\">\u05d5\u05d5\u05d0\u05d8\u05e1\u05d0\u05e4: <strong>[\u05de\u05e1\u05e4\u05e8\/\u05e7\u05d9\u05e9\u05d5\u05e8]<\/strong><\/a>\r\n <div class=\"tiny\">\u05d0\u05d6\u05d5\u05e8 \u05e4\u05e2\u05d9\u05dc\u05d5\u05ea: <strong>[\u05d9\u05e9\u05e8\u05d0\u05dc \/ \u05d0\u05d6\u05d5\u05e8\u05d9\u05dd]<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n const CONFIG = {\r\n companyName: \"[\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4]\",\r\n phoneE164: \"+972500000000\",\r\n phoneDisplay: \"[\u05de\u05e1\u05e4\u05e8]\",\r\n email: \"info@example.com\",\r\n whatsappE164: \"972500000000\",\r\n whatsappDisplay: \"[\u05de\u05e1\u05e4\u05e8\/\u05e7\u05d9\u05e9\u05d5\u05e8]\",\r\n area: \"[\u05d9\u05e9\u05e8\u05d0\u05dc \/ \u05d0\u05d6\u05d5\u05e8\u05d9\u05dd]\",\r\n\r\n \/\/ HOOKS \u05dc\u05ea\u05de\u05d5\u05e0\u05d5\u05ea (\u05e2\u05d3\u05db\u05df URLs)\r\n heroProductImageUrl: \"\",\r\n galleryImages: [\"\", \"\", \"\"],\r\n productImages: { round: \"\", square: \"\" },\r\n\r\n \/\/ HOOKS \u05dc\u05e8\u05e7\u05e2\u05d9\u05dd (\u05e2\u05d3\u05db\u05df URLs)\r\n backgrounds: { hero: \"\", why: \"\", products: \"\", lead: \"\" }\r\n };\r\n\r\n const $ = (s, r=document) => r.querySelector(s);\r\n\r\n function replaceText() {\r\n document.querySelectorAll(\"*\").forEach(el => {\r\n el.childNodes.forEach(node => {\r\n if (node.nodeType === Node.TEXT_NODE) {\r\n node.nodeValue = node.nodeValue\r\n .replaceAll(\"[\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4]\", CONFIG.companyName)\r\n .replaceAll(\"[\u05de\u05e1\u05e4\u05e8]\", CONFIG.phoneDisplay)\r\n .replaceAll(\"[\u05d0\u05d9\u05de\u05d9\u05d9\u05dc]\", CONFIG.email)\r\n .replaceAll(\"[\u05d9\u05e9\u05e8\u05d0\u05dc \/ \u05d0\u05d6\u05d5\u05e8\u05d9\u05dd]\", CONFIG.area)\r\n .replaceAll(\"[\u05de\u05e1\u05e4\u05e8\/\u05e7\u05d9\u05e9\u05d5\u05e8]\", CONFIG.whatsappDisplay);\r\n }\r\n });\r\n });\r\n\r\n $(\"#phoneLink\").href = \"tel:\" + CONFIG.phoneE164;\r\n $(\"#mailLink\").href = \"mailto:\" + CONFIG.email;\r\n $(\"#waLink\").href = \"https:\/\/wa.me\/\" + CONFIG.whatsappE164;\r\n $(\"#year\").textContent = new Date().getFullYear();\r\n }\r\n\r\n function setImage(imgEl, url) {\r\n if (!imgEl) return;\r\n if (url && url.trim()) {\r\n imgEl.src = url;\r\n imgEl.style.display = \"block\";\r\n const ph = imgEl.nextElementSibling;\r\n if (ph) ph.style.display = \"none\";\r\n }\r\n }\r\n\r\n function applyImages() {\r\n setImage($(\"#heroProductImg\"), CONFIG.heroProductImageUrl);\r\n setImage($(\"#gallery1\"), CONFIG.galleryImages[0]);\r\n setImage($(\"#gallery2\"), CONFIG.galleryImages[1]);\r\n setImage($(\"#gallery3\"), CONFIG.galleryImages[2]);\r\n setImage($(\"#productImgRound\"), CONFIG.productImages.round);\r\n setImage($(\"#productImgSquare\"), CONFIG.productImages.square);\r\n\r\n if (CONFIG.backgrounds.hero) document.documentElement.style.setProperty(\"--hero-bg\", `url(\"${CONFIG.backgrounds.hero}\")`);\r\n if (CONFIG.backgrounds.why) document.documentElement.style.setProperty(\"--section-why-bg\", `url(\"${CONFIG.backgrounds.why}\")`);\r\n if (CONFIG.backgrounds.products) document.documentElement.style.setProperty(\"--section-products-bg\", `url(\"${CONFIG.backgrounds.products}\")`);\r\n if (CONFIG.backgrounds.lead) document.documentElement.style.setProperty(\"--section-lead-bg\", `url(\"${CONFIG.backgrounds.lead}\")`);\r\n }\r\n\r\n \/\/ Smooth scroll\r\n document.addEventListener(\"click\", (e) => {\r\n const t = e.target.closest(\"[data-scroll]\");\r\n if (!t) return;\r\n e.preventDefault();\r\n const el = document.querySelector(t.getAttribute(\"data-scroll\"));\r\n if (el) el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n });\r\n\r\n $(\"#ctaQuick\").addEventListener(\"click\", () => {\r\n const el = document.querySelector(\"#lead\");\r\n if (el) el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n });\r\n\r\n \/\/ Form\r\n const form = $(\"#leadForm\");\r\n const statusBox = $(\"#statusBox\");\r\n function showStatus(msg){\r\n statusBox.style.display = \"inline-flex\";\r\n statusBox.textContent = msg;\r\n setTimeout(()=> statusBox.style.display=\"none\", 4500);\r\n }\r\n\r\n form.addEventListener(\"submit\", (e) => {\r\n e.preventDefault();\r\n const fullName = $(\"#fullName\").value.trim();\r\n const phone = $(\"#phone\").value.trim();\r\n const projectType = $(\"#projectType\").value;\r\n\r\n if (!fullName || !phone || !projectType) {\r\n showStatus(\"\u05e0\u05d0 \u05dc\u05de\u05dc\u05d0 \u05e9\u05dd \u05de\u05dc\u05d0, \u05d8\u05dc\u05e4\u05d5\u05df \u05d5\u05e1\u05d5\u05d2 \u05e4\u05e8\u05d5\u05d9\u05e7\u05d8.\");\r\n return;\r\n }\r\n\r\n showStatus(\"\u05d4\u05e4\u05e8\u05d8\u05d9\u05dd \u05e0\u05e7\u05dc\u05d8\u05d5 (\u05d1\u05d2\u05e8\u05e1\u05d4 \u05d6\u05d5 \u05d0\u05d9\u05df \u05e9\u05dc\u05d9\u05d7\u05d4 \u05dc\u05e9\u05e8\u05ea). \u05d0\u05e4\u05e9\u05e8 \u05dc\u05d7\u05d1\u05e8 \u05dc-CRM\/\u05de\u05d9\u05d9\u05dc.\");\r\n });\r\n\r\n replaceText();\r\n applyImages();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea | \u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d5\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 [\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4] \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea \u05dc\u05de\u05e2\u05d2\u05dc\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05d5\u05d0\u05d9\u05d9 \u05ea\u05e0\u05d5\u05e2\u05d4 \u05dc\u05de\u05d4 \u05d6\u05d4 \u05d7\u05e9\u05d5\u05d1 \u05d4\u05e4\u05ea\u05e8\u05d5\u05df \u05e1\u05d5\u05d2\u05d9 \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05e9\u05d9\u05de\u05d5\u05e9\u05d9\u05dd \u05d0\u05d9\u05da \u05d6\u05d4 \u05e2\u05d5\u05d1\u05d3 FAQ \u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8 \u05d3\u05d1\u05e8\u05d5 \u05d0\u05d9\u05ea\u05e0\u05d5 \u05dc\u05d4\u05ea\u05d0\u05de\u05d4 \u05e7\u05d1\u05dc \u05d4\u05e6\u05e2\u05ea \u05de\u05d7\u05d9\u05e8 \u05e4\u05ea\u05e8\u05d5\u05df \u05ea\u05e9\u05ea\u05d9\u05ea\u05d9 \u05e9\u05e0\u05e8\u05d0\u05d4 \u05d1\u05e9\u05d8\u05d7 \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e9\u05de\u05db\u05d5\u05d5\u05e0\u05d9\u05dd \u05e0\u05d4\u05d2\u05d9\u05dd \u05e0\u05db\u05d5\u05df \u2014 \u05d2\u05dd \u05db\u05e9\u05d7\u05e9\u05d5\u05da \u05d0\u05e0\u05d7\u05e0\u05d5 \u05d1\u05be[\u05e9\u05dd \u05d4\u05d7\u05d1\u05e8\u05d4] \u05de\u05d9\u05d9\u05d1\u05d0\u05d9\u05dd \u05ea\u05de\u05e8\u05d5\u05e8\u05d9\u05dd \u05de\u05d5\u05d0\u05e8\u05d9\u05dd \u05e4\u05e0\u05d9\u05de\u05d9\u05ea […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":3,"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/city-light.skybuild.co.il\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}