PageSourceSearch

https://www.booksgiant.com/_next/static/chunks/0uicmbgbu8dbm.js

js booksgiant.com collected 2026-10-06 20:39:55 UTC 67,166 bytes, 340 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,11233,e=>{"use strict";var t=e.i(43476),i=e.i(57688),a=e.i(71645),r=e.i(48148),o=e.i(61745),s=e.i(44705),n=e.i(84834),l=e.i(13642);let d={student:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,t.jsx)("path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"}),(0,t.jsx)("path",{d:"m15 5 4 4"})]}),teacher:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,t.jsx)("path",{d:"M2 3h20"}),(0,t.jsx)("path",{d:"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3"}),(0,t.jsx)("path",{d:"m7 21 5-5 5 5"})]}),principal:(0,t.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,t.jsx)("line",{x1:"3",x2:"21",y1:"22",y2:"22"}),(0,t.jsx)("line",{x1:"6",x2:"6",y1:"18",y2:"11"}),(0,t.jsx)("line",{x1:"10",x2:"10",y1:"18",y2:"11"}),(0,t.jsx)("line",{x1:"14",x2:"14",y1:"18",y2:"11"}),(0,t.jsx)("line",{x1:"18",x2:"18",y1:"18",y2:"11"}),(0,t.jsx)("polygon",{points:"12 2 20 7 4 7"})]})},p=["/images/print/regav12-promo.jpeg","/images/print/regav1.jpeg","/images/print/regav2.jpeg","/images/print/regav10.jpeg","/images/print/regav8.jpeg"];e.s(["default",0,function(){let e=(0,r.useTranslations)(),c=(0,o.useLocale)(),x="en"!==c,[h,g]=(0,a.useState)(null),[b,m]=(0,a.useState)(null),[f,u]=(0,a.useState)(null),[v,w]=(0,a.useState)(!1),[k,j]=(0,a.useState)(new Set),[y,N]=(0,a.useState)(new Set),z=(0,a.useRef)(null),A=(0,a.useRef)(null),C=(0,a.useRef)(null),L=e=>{C.current&&C.current.scrollBy({left:-400*e,behavior:"smooth"})};(0,a.useEffect)(()=>{fetch("/api/geo").then(e=>e.json()).then(e=>u(e.currency)).catch(()=>u("ILS"))},[]),(0,a.useEffect)(()=>{if(null===b)return;let e=e=>{"Escape"===e.key?m(null):"ArrowRight"===e.key?F(x?-1:1):"ArrowLeft"===e.key&&F(x?1:-1)},t=document.body.style.overflow;return document.body.style.overflow="hidden",window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e),document.body.style.overflow=t}},[b,x]),(0,a.useEffect)(()=>{let e=()=>w(window.innerWidth<768);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),({ILS:{sym:"₪",individual:{m:"35"},teacher:{m:"70"}},EUR:{sym:"€",individual:{m:"9.99"},teacher:{m:"19.90"}},USD:{sym:"$",individual:{m:"9.99"},teacher:{m:"19.90"}}})[f??"ILS"].sym;let B=e=>{z.current&&z.current.scrollBy({left:e*(x?-400:400),behavior:"smooth"})},F=e=>m(t=>null===t?t:(t+e+p.length)%p.length),_=e=>{A.current&&A.current.scrollBy({left:e*(x?-400:400),behavior:"smooth"})},S={he:{bar1:"אוצר מילים",bar2:"יצירתיות",bar3:"מורכבות",feedback_label:"משוב AI",feedback:"כתיבה מצוינת! הסיפור מלא בדמיון ויצירתיות — נסה להוסיף עוד תיאורים לדמויות.",quiz:"חידון הבנה",correct:"✓ תשובה נכונה",wrong:"נסה שוב"},en:{bar1:"Vocabulary",bar2:"Creativity",bar3:"Complexity",feedback_label:"AI Feedback",feedback:"Great writing! Your story is full of imagination — try adding more character descriptions.",quiz:"Comprehension Quiz",correct:"✓ Correct!",wrong:"Try again"},ar:{bar1:"المفردات",bar2:"الإبداع",bar3:"التعقيد",feedback_label:"ملاحظات AI",feedback:"كتابة رائعة! قصتك مليئة بالخيال — حاول إضافة المزيد من أوصاف الشخصيات.",quiz:"اختبار الفهم",correct:"✓ صحيح",wrong:"حاول مرة أخرى"}}[c]??{bar1:"Vocabulary",bar2:"Creativity",bar3:"Complexity",feedback_label:"AI Feedback",feedback:"Great writing! Your story is full of imagination — try adding more character descriptions.",quiz:"Quiz",correct:"✓ Correct!",wrong:"Try again"};return(0,t.jsxs)("div",{style:{fontFamily:"var(--font-heebo), sans-serif",direction:x?"rtl":"ltr",textAlign:x?"right":"left"},children:[(0,t.jsx)("style",{children:`
2        :root {
3          --brand-primary: #2A61D1;
4          --brand-secondary: #F3AA3F;
5          --brand-dark: #0a1f5c;
6          --text-main: #1a1a1a;
7          --text-muted: #666;
8          --bg-cream: #f5efe4;
9          --bg-light: #fbf7ef;
10          --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
11        }
12
13        /* ── HERO ── */
14        .hero { padding: 80px 32px 64px; background: linear-gradient(135deg, var(--brand-dark) 0%, #1a3d7c 50%, var(--brand-primary) 100%); position: relative; overflow: hidden; }
15        .hero-inner { display: flex; align-items: center; gap: 64px; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2; }
16        .hero-text { flex: 1.2; min-width: 0; }
17        .hero-video-wrap { flex: 1.2; min-width: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 40px rgba(243,170,63,0.3); line-height: 0; transition: var(--transition); }
18        .hero-video-wrap:hover { transform: scale(1.02) translateY(-5px); box-shadow: 0 25px 60px rgba(0,0,0,0.4), 0 0 50px rgba(243,170,63,0.5); }
19        .hero-video-wrap video { width: 100%; display: block; }
20        .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); color: white; font-size: 13px; padding: 6px 16px; border-radius: 100px; margin-bottom: 24px; font-weight: 500; backdrop-filter: blur(4px); }
21        .hero h1 { font-size: 48px; font-weight: 800; color: white; line-height: 1.2; margin-bottom: 16px; letter-spacing: -0.02em; }
22        .hero h1 span { color: var(--brand-secondary); }
23        .hero p { font-size: 19px; color: rgba(255,255,255,0.85); max-width: 480px; margin: 0 0 20px; line-height: 1.7; }
24        .hero-quote { font-size: 16px; color: rgba(255,255,255,0.7); max-width: 480px; margin: 0 0 28px; line-height: 1.6; font-style: italic; border-inline-start: 3px solid #F3AA3F; padding-inline-start: 14px; }
25        .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }
26        .btn-primary { background: var(--brand-secondary); color: #7a4a00; border: none; padding: 14px 32px; border-radius: 12px; font-size: 16px; cursor: pointer; transition: var(--transition); font-weight: 600; font-family: inherit; }
27        .btn-primary:hover { background: #ffbc58; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(243,170,63,0.4); }
28        .btn-secondary { background: rgba(255,255,255,0.1); color: white; border: 1.5px solid rgba(255,255,255,0.5); padding: 14px 32px; border-radius: 12px; font-size: 16px; cursor: pointer; transition: var(--transition); font-weight: 500; backdrop-filter: blur(4px); }
29        .btn-secondary:hover { background: rgba(255,255,255,0.2); border-color: white; transform: translateY(-3px); }
30        .btn-demo { background: transparent; color: var(--brand-secondary); border: 2px solid var(--brand-secondary); padding: 14px 32px; border-radius: 12px; font-size: 16px; cursor: pointer; transition: var(--transition); font-weight: 600; font-family: inherit; }
31        .btn-demo:hover { background: rgba(243,170,63,0.1); transform: translateY(-3px); }
32        .hero-cta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; max-width: 480px; margin: 0 auto; }
33        .hero-cta-btn { background: transparent; color: var(--brand-secondary); border: 2px solid var(--brand-secondary); padding: 13px 16px; border-radius: 12px; font-size: 14.5px; line-height: 1.3; cursor: pointer; transition: var(--transition); font-weight: 600; font-family: inherit; text-decoration: none; display: flex; align-items: center; justify-content: center; text-align: center; }
34        .hero-cta-btn:hover { background: rgba(243,170,63,0.1); transform: translateY(-3px); }
35        @media (max-width: 420px) { .hero-cta-grid { max-width: 340px; } .hero-cta-btn { font-size: 13px; padding: 12px 10px; } }
36        .hero-stats { display: flex; gap: 48px; margin-top: 48px; flex-wrap: wrap; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 32px; }
37        .stat { text-align: start; }
38        .stat-num { font-size: 32px; font-weight: 700; color: var(--brand-secondary); line-height: 1; }
39        .stat-lbl { font-size: 13px; color: rgba(255,255,255,0.6); margin-top: 6px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; }
40        @media (max-width: 700px) { .hero-inner { flex-direction: column; } .hero-text { text-align: center; } .hero p { margin: 0 auto 28px; } .hero-btns { justify-content: center; } .hero-stats { justify-content: center; } }
41
42        /* ── SHARED ── */
43        .avatar-init { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 700; font-size: 16px; flex-shrink: 0; }
44        .section { padding: 80px 32px; }
45        .section-label { font-size: 14px; color: var(--brand-secondary); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 12px; }
46        .section-title { font-size: 36px; font-weight: 800; color: var(--brand-dark); margin-bottom: 16px; line-height: 1.2; letter-spacing: -0.01em; }
47        .section-sub { font-size: 19px; color: var(--text-muted); line-height: 1.6; margin-bottom: 40px; max-width: 700px; }
48
49        /* ── TRACKS (מתאים לכולם) ── */
50        .bg-tracks { --bg-gutter:clamp(24px,5vw,64px); --bg-maxw:1200px; font-family:var(--font-heebo),sans-serif; font-size:16px; line-height:1.6; padding:48px 0 64px; -webkit-font-smoothing:antialiased; }
51        .bg-container { max-width:var(--bg-maxw); margin:0 auto; padding:0 var(--bg-gutter); }
52        .bg-section-head { text-align:center; margin-bottom:36px; }
53        @media (max-width:760px) { .bg-section-head { grid-template-columns:1fr; gap:20px; } }
54        .bg-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#7a4a00; }
55        .bg-eyebrow::before { content:""; width:24px; height:2px; background:currentColor; opacity:0.8; }
56        [dir="rtl"] .bg-eyebrow::before { order:1; }
57        .bg-h2 { margin:12px 0 0; font-weight:800; font-size:clamp(32px,5vw,48px); line-height:1.1; color:var(--brand-dark); letter-spacing: -0.02em; }
58        .bg-lead { margin:0; max-width:44ch; color:var(--text-muted); font-size: 20px; line-height: 1.6; font-weight: 400; }
59        .bg-tracks-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--bg-color-line); border:1px solid var(--bg-color-line); border-radius:var(--bg-radius-lg); overflow:hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
60        @media (max-width:760px) { .bg-tracks-grid { grid-template-columns:repeat(2,1fr); } }
61        @media (max-width:480px) { .bg-tracks-grid { grid-template-columns:1fr; } }
62        .bg-track { background:var(--bg-color-paper); padding:32px 24px; display:flex; flex-direction:column; gap:16px; transition:var(--transition); position: relative; outline: 1px solid transparent; }
63        .bg-track:hover { background:white; transform: scale(1.02); z-index: 5; box-shadow: 0 20px 40px rgba(0,0,0,0.1); outline: 1px solid #2A61D1; }
64        .bg-track-icon { width:40px; height:40px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
65        .bg-track-title { margin:0; font-weight:700; font-size:17px; line-height:1.3; color:var(--brand-dark); }
66        .bg-track-who { color:var(--brand-primary); }
67        .bg-track-lead { margin:0; color:var(--text-muted); font-size: 15px; line-height: 1.6; }
68
69        /* ── AUDIENCE CARDS ── */
70        .aud-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
71        @media (max-width:760px) { .aud-grid { grid-template-columns:1fr; } }
72        .aud-card { background:#fff; border-radius:20px; padding:28px 24px 24px; display:flex; flex-direction:column; gap:14px; border:1px solid #e8e8e8; box-shadow:0 2px 16px rgba(0,0,0,0.06); }
73        .aud-card-top { display:flex; justify-content:space-between; align-items:flex-start; }
74        .aud-badge { display:inline-flex; align-items:center; background:#FEF3E0; color:#8a5e00; font-size:12px; font-weight:600; padding:4px 12px; border-radius:999px; }
75        .aud-icon { width:52px; height:52px; border-radius:14px; background:#E8F0FE; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
76        .aud-title { font-size:20px; font-weight:800; color:#F3AA3F; margin:0; }
77        .aud-desc { font-size:14px; color:#555; line-height:1.65; margin:0; }
78        .aud-bullets { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
79        .aud-bullet { display:flex; align-items:center; gap:8px; font-size:14px; color:#444; }
80        .aud-dot { width:7px; height:7px; border-radius:50%; background:#1a3d7c; flex-shrink:0; }
81        .aud-cta { margin-top:auto; padding-top:8px;
81 color:#2A61D1; font-size:14px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:4px; background:none; border:none; cursor:pointer; padding-inline-start:0; font-family:inherit; }
82
83        /* ── FEATURES ── */
84        .features-grid-2x2 { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
85        .feat-card-new { border-radius: 20px; overflow: hidden; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.13); backdrop-filter: blur(12px); transition: transform 0.25s, box-shadow 0.25s; display: flex; flex-direction: column; }
86        .feat-card-new:hover { transform: translateY(-6px); box-shadow: 0 24px 56px rgba(0,0,0,0.35); }
87        .feat-card-img-wrap { width: 100%; height: 180px; overflow: hidden; }
88        .feat-card-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
89        .feat-card-new:hover .feat-card-img-wrap img { transform: scale(1.05); }
90
91        .feat-card-body { padding: 16px 18px 20px; background: white; flex: 1; }
92        .feat-card-icon { width: 34px; height: 34px; border-radius: 10px; background: #E8F0FE; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; color: #2A61D1; }
93        .feat-card-body h3 { font-size: 16px; font-weight: 800; color: #1a3d7c; margin-bottom: 6px; line-height: 1.3; }
94        .feat-card-body p { font-size: 13px; color: #555; line-height: 1.6; margin: 0; }
95        @media (max-width: 900px) { .features-grid-2x2 { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
96        @media (max-width: 480px) { .features-grid-2x2 { grid-template-columns: 1fr; gap: 12px; } }
97        .feat-card:hover { border-color: var(--brand-primary); transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.06); }
98        .feat-bubble { position: absolute; bottom: calc(100% + 16px); left: 50%; transform: translateX(-50%) scale(0.92); width: 380px; background: white; border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,0.15); padding: 12px; opacity: 0; visibility: hidden; pointer-events: none; transition: var(--transition); z-index: 50; border: 1px solid #eee; }
99        .feat-bubble::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 12px solid transparent; border-top-color: white; }
100        .feat-card:hover .feat-bubble { opacity: 1; visibility: visible; transform: translateX(-50%) scale(1); }
101        .feat-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; background: var(--bg-cream); transition: var(--transition); }
102        .feat-card:hover .feat-icon { transform: scale(1.1) rotate(5deg); background: var(--brand-primary); }
103        .feat-card:hover .feat-icon svg { stroke: white !important; }
104        .feat-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: var(--brand-dark); }
105        .feat-card p { font-size: 16px; color: var(--text-muted); line-height: 1.6; }
106        @media (max-width: 640px) { .feat-bubble { display: none; } .feat-icon { width: 44px; height: 44px; } .feat-card { padding: 24px; } }
107
108        /* ── AI EDU SECTION ── */
109        .ai-edu-section { background: var(--bg-cream); padding: 100px 32px; border-radius: 40px 40px 0 0; box-shadow: 0 -20px 50px rgba(10,31,92,0.1); }
110        .ai-edu-inner { display: flex; align-items: stretch; gap: 64px; max-width: 1200px; margin: 0 auto; }
111        .ai-edu-visual { flex: 0 0 46%; max-width: 500px; display: flex; flex-direction: column; justify-content: flex-end; }
112        .ai-edu-panel { background: linear-gradient(135deg, var(--brand-dark) 0%, #1a3d7c 50%, var(--brand-primary) 100%); border-radius: 24px; padding: 32px; box-shadow: 0 30px 60px rgba(0,0,0,0.2); }
113        .ai-edu-panel-title { font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.6); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 12px; }
114        .ai-progress-row { margin-bottom: 20px; }
115        .ai-progress-labels { display: flex; justify-content: space-between; font-size: 14px; color: rgba(255,255,255,0.9); margin-bottom: 8px; font-weight: 600; }
116        .ai-progress-track { height: 10px; background: rgba(255,255,255,0.15); border-radius: 10px; overflow: hidden; }
117        .ai-progress-fill { height: 100%; border-radius: 10px; box-shadow: 0 0 10px rgba(255,255,255,0.3); }
118        .ai-feedback-card { background: rgba(255,255,255,0.08); border-radius: 16px; padding: 20px; margin-top: 24px; border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(8px); }
119        .ai-feedback-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
120        .ai-feedback-dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; flex-shrink: 0; box-shadow: 0 0 8px #34d399; }
121        .ai-feedback-label { font-size: 12px; color: rgba(255,255,255,0.6); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
122        .ai-feedback-text { font-size: 14px; color: rgba(255,255,255,0.95); line-height: 1.6; font-style: italic; }
123        .ai-quiz-mock { background: rgba(255,255,255,0.08); border-radius: 16px; padding: 20px; margin-top: 16px; border: 1px solid rgba(255,255,255,0.12); }
124        .ai-quiz-label { font-size: 12px; color: rgba(255,255,255,0.6); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }
125        .ai-quiz-opt { font-size: 14px; padding: 12px 16px; border-radius: 12px; margin-bottom: 10px; color: white; font-weight: 600; transition: var(--transition); }
126        .ai-quiz-opt.correct { background: rgba(52,211,153,0.2); border: 1px solid rgba(52,211,153,0.4); }
127        .ai-quiz-opt.wrong { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); }
128        .ai-edu-text { flex: 1; min-width: 0; }
129        .ai-edu-heading { font-size: 36px; font-weight: 800; color: var(--brand-dark); margin: 0 0 24px; line-height: 1.2; letter-spacing: -0.01em; }
130        .ai-feat-list { display: flex; flex-direction: column; gap: 16px; }
131        .ai-feat-item { display: flex; align-items: flex-start; gap: 20px; background: white; border-radius: 16px; padding: 20px 24px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: var(--transition); border: 1px solid transparent; }
132        .ai-feat-item:hover { transform: translateX(isRtl ? -8px : 8px); border-color: var(--brand-primary); box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
133        .ai-feat-icon { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: var(--transition); }
134        .ai-feat-item:hover .ai-feat-icon { transform: scale(1.1); }
135        .ai-feat-item h3 { font-size: 17px; font-weight: 700; color: var(--brand-dark); margin: 0 0 4px; }
136        .ai-feat-item p { font-size: 15px; color: var(--text-muted); margin: 0; line-height: 1.6; }
137        @media (max-width: 700px) { .ai-edu-inner { flex-direction: column; gap: 40px; } .ai-edu-visual { width: 100%; max-width: 100%; } .ai-edu-section { padding: 64px 24px; } }
138
139        /* ── BOOKS CARDS ── */
140        .books-section { padding: 80px 0 100px; position: relative; overflow: hidden; }
141        .books-section-header { padding: 0 64px 40px; }
142        .books-scroll-outer { position: relative; }
143        .books-scroll-track { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 16px 64px 40px; scrollbar-width: none; }
144        .books-scroll-track::-webkit-scrollbar { display: none; }
145        .book-tile-wrap { flex: 0 0 240px; scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 12px; }
146        .book-tile { width: 100%; height: 320px; border-radius: 24px; cursor: pointer; position: relative; overflow: hidden; transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s; box-shadow: 0 12px 32px rgba(0,0,0,0.18); }
147        .book-tile:hover { transform: translateY(-10px) scale(1.03); box-shadow: 0 28px 56px rgba(0,0,0,0.28); }
148        .book-tile-img { position: absolute; inset: 0; }
149        .book-tile-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.08) 55%, transparent 100%); }
150        .book-tile-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 18px 18px 16px; }
151        .book-tile-title { font-size: 17px; font-weight: 800; color: white; line-height: 1.3; text-shadow: 0 2px 8px rgba(0,0,0,0.4); margin-bottom: 4px; }
152        .book-tile-author { font-size: 12px; color: rgba(255,255,255,0.75); font-style: italic; margin-bottom: 10px; }
153        .book-tile-open { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.85); }
154        .book-tile-open svg { opacity: 0.8; }
155        .book-tile-badge { display: inline-block; background: none; color: #1a3d7c; font-size: 13px; font-weight: 700; white-space: nowrap; max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
156        .books-scroll-btn { position: absolute; top: 50%; transform: translateY(-60%); width: 48px; height: 48px; border-radius: 50%; background: white; border: none; box-shadow: 0 8px 24px rgba(0,0,0,0.18); cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: background 0.2s, box-shadow 0.2s; }
157        .books-scroll-btn:hover { background: #2A61D1; box-shadow: 0 12px 32px rgba(42,97,209,0.3); }
158        .books-scroll-btn:hover svg { stroke: white; }
159        .books-scroll-btn-prev { inset-inline-start: 16px; }
160        .books-scroll-btn-next { inset-inline-end: 16px; }
161        @media (max-width: 768px) {
162          .books-section-header { padding: 0 24px 32px; }
163          .books-scroll-track { padding: 16px 24px 32px; gap: 14px; }
164          .book-tile-wrap { flex: 0 0 190px; }
165          .book-tile { height: 260px; }
166        }
167
168        /* ── PRINT GALLERY ── */
169        .print-block { margin: 24px 64px 0; padding-top: 56px; border-top: 1px dashed rgba(26,61,124,0.18); }
170        .print-header { margin-bottom: 28px; }
171        .print-sub { font-size: 16px; color: var(--text-muted); max-width: 640px; line-height: 1.6; }
172        .print-hint { font-size: 15px; color: #888; margin-top: 8px; }
173        .print-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr; gap: 16px; }
174        .print-thumb { position: relative; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; cursor: zoom-in; padding: 0; border: none; background: #eee; box-shadow: 0 10px 28px rgba(0,0,0,0.14); transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s; }
175        .print-thumb:first-child { aspect-ratio: auto; }
176        .print-thumb:hover, .print-thumb:focus-visible { transform: translateY(-6px); box-shadow: 0 22px 44px rgba(0,0,0,0.22); outline: none; }
177        .print-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,31,92,0.45), transparent 50%); opacity: 0; transition: opacity 0.3s; }
178        .print-thumb:hover::after, .print-thumb:focus-visible::after { opacity: 1; }
179        .print-thumb-zoom { position: absolute; bottom: 12px; inset-inline-end: 12px; z-index: 2; width: 36px; height: 36px; border-radius: 50%; background: #F3AA3F; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8); transition: opacity 0.3s, transform 0.3s; }
180        .print-thumb:hover .print-thumb-zoom, .print-thumb:focus-visible .print-thumb-zoom { opacity: 1; transform: scale(1); }
181        .print-lightbox { position: fixed; inset: 0; z-index: 1000; background: rgba(5,15,45,0.92); display: flex; align-items: center; justify-content: center; animation: printFade 0.2s ease-out; }
182        @keyframes printFade { from { opacity: 0; } to { opacity: 1; } }
183        .print-lightbox-img { position: relative; width: min(90vw, 1100px); height: 82vh; }
184        .print-lightbox-btn { position: absolute; z-index: 2; width: 48px; height: 48px; border-radius: 50%; border: none; background: rgba(255,255,255,0.12); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; }
185        .print-lightbox-btn:hover { background: #2A61D1; }
186        .print-lightbox-close { top: 20px; inset-inline-end: 20px; }
187        .print-lightbox-prev { top: 50%; transform: translateY(-50%); inset-inline-start: 20px; }
188        .print-lightbox-next { top: 50%; transform: translateY(-50%); inset-inline-end: 20px; }
189        .print-lightbox-count { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,0.75); font-size: 14px; font-weight: 600; letter-spacing: 0.08em; direction: ltr; }
190        @media (max-width: 900px) {
191          .print-grid { grid-template-columns: repeat(3, 1fr); }
192          .print-thumb:first-child { grid-column: span 3; aspect-ratio: 16 / 10; }
193        }
194        @media (max-width: 768px) {
195          .print-block { margin: 16px 0 0; padding-top: 40px; }
196          .print-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; scrollbar-width: none; }
197          .print-grid::-webkit-scrollbar { display: none; }
198          .print-thumb, .print-thumb:first-child { flex: 0 0 62%; aspect-ratio: 4 / 5; scroll-snap-align: start; }
199          .print-lightbox-img { width: 100vw; height: 75vh; }
200          .print-lightbox-prev, .print-lightbox-next { top: auto; bottom: 16px; transform: none; }
201          .print-lightbox-count { bottom: 30px; }
202        }
203
204        /* ── HOW IT WORKS ── */
205        .hiw-section { background: var(--bg-cream); padding: 100px 32px; border-radius: 40px 40px 0 0; }
206        .hiw-inner { max-width: 1200px; margin: 0 auto; }
207        .hiw-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 48px; }
208        .hiw-step { background: white; padding: 40px 32px; display: flex; flex-direction: column; gap: 20px; transition: var(--transition); border-radius: 24px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border: 1px solid transparent; position: relative; overflow: hidden; }
209        .hiw-step:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); border-color: var(--brand-primary); }
210        .hiw-num { font-size: 110px; font-weight: 900; font-style: italic; color: var(--brand-primary); line-height: 1; opacity: 0.12; position: absolute; top: -15px; inset-inline-end: -10px; z-index: 0; pointer-events: none; }
211        .hiw-step-header, .hiw-step p { position: relative; z-index: 1; }
212        .hiw-step-header { display: flex; align-items: center; gap: 12px; }
213        .hiw-step h3 { font-size: 20px; font-weight: 700; color: var(--brand-dark); margin: 0; line-height: 1.3; }
214        .hiw-step p { font-size: 16px; color: var(--text-muted); line-height: 1.6; margin: 0; }
215        @media (max-width: 800px) { .hiw-steps { grid-template-columns: 1fr 1fr; } }
216        @media (max-width: 500px) { .hiw-steps { grid-template-columns: 1fr; } }
217
218        /* ── PRICING ── */
219        .pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 48px; }
220        @media (max-width: 700px) { .pricing-grid { grid-template-columns: 1fr; } }
221        .price-card { background: white; border-radius: 32px; padding: 48px 32px;
221 border: 1px solid #f0f0f0; transition: var(--transition); position: relative; overflow: hidden; }
222        .price-card:hover { transform: translateY(-10px); box-shadow: 0 30px 60px rgba(0,0,0,0.1); border-color: var(--brand-primary); }
223        .price-card.featured { border: 2px solid var(--brand-primary); }
224        .price-badge { position: absolute; top: 20px; inset-inline-end: -35px; background: var(--brand-secondary); color: #7a4a00; padding: 8px 40px; transform: rotate(45deg); font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
225        .price-name { font-size: 14px; font-weight: 700; color: var(--text-muted); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 20px; }
226        .price-amount { font-size: 56px; font-weight: 800; color: var(--brand-dark); line-height: 1; }
227        .price-period { font-size: 16px; color: var(--text-muted); font-weight: 500; }
228        .price-desc { font-size: 16px; color: var(--text-muted); margin: 16px 0 32px; line-height: 1.5; }
229        .price-divider { height: 1px; background: #f0f0f0; margin-bottom: 32px; }
230        .price-features { list-style: none; padding: 0; margin: 0 0 40px; display: flex; flex-direction: column; gap: 16px; }
231        .price-feature { display: flex; align-items: center; gap: 12px; font-size: 16px; color: var(--text-main); font-weight: 500; }
232        .price-check { width: 24px; height: 24px; border-radius: 50%; background: var(--bg-cream); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--brand-primary); }
233        .price-cta { width: 100%; padding: 16px; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; border: none; transition: var(--transition); font-family: inherit; }
234        .price-cta-default { background: linear-gradient(135deg, var(--brand-dark) 0%, var(--brand-primary) 100%); color: white; }
235        .price-cta-default:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(42,97,209,0.3); opacity: 0.9; }
236
237        /* ── TESTIMONIALS ── */
238        .testi-carousel-wrap { position: relative; margin-top: 48px; }
239        .testi-carousel { display: flex; gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 20px 10px 40px; scrollbar-width: none; }
240        .testi-carousel::-webkit-scrollbar { display: none; }
241        .testi { flex: 0 0 calc(33.33% - 22px); scroll-snap-align: start; min-width: 320px; background: white; border: 1px solid #f0f0f0; border-radius: 24px; padding: 40px 32px; display: flex; flex-direction: column; justify-content: space-between; transition: var(--transition); box-shadow: 0 4px 15px rgba(0,0,0,0.03); }
242        .testi:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); border-color: var(--brand-primary); }
243        @media (max-width: 900px) { .testi { flex: 0 0 calc(50% - 16px); } }
244        @media (max-width: 600px) { .testi { flex: 0 0 90%; } }
245        .testi-quote { font-size: 17px; color: var(--text-main); line-height: 1.8; margin-bottom: 32px; font-style: italic; position: relative; }
246        .testi-quote::before { content: "“"; font-size: 64px; color: var(--brand-primary); opacity: 0.2; position: absolute; top: -20px; inset-inline-start: -20px; font-family: serif; }
247        .testi-author { display: flex; align-items: center; gap: 16px; border-top: 1px solid #f0f0f0; padding-top: 24px; }
248        .avatar { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; position: relative; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
249        .testi-name { font-size: 16px; font-weight: 700; color: var(--brand-dark); }
250        .testi-role { font-size: 13px; color: var(--text-muted); margin-top: 2px; font-weight: 500; }
251
252        /* ── HOSPITAL SECTION ── */
253        .hospital-section { padding: 80px 32px; background: #f0f5ff; }
254        .hospital-inner { max-width: 1200px; margin: 0 auto; }
255        .hospital-badge { display: inline-flex; align-items: center; gap: 8px; background: #dbeafe; color: #1e40af; font-size: 13px; font-weight: 700; padding: 6px 16px; border-radius: 20px; margin-bottom: 16px; }
256        .hospital-title { font-size: clamp(26px,3.5vw,38px); font-weight: 800; color: #1a3d7c; line-height: 1.25; margin-bottom: 8px; }
257        .hospital-carousel-wrap { position: relative; margin-top: 48px; }
258        .hospital-carousel { display: flex; gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 20px 10px 40px; scrollbar-width: none; }
259        .hospital-carousel::-webkit-scrollbar { display: none; }
260        .hosp-logo { height: 64px; width: auto; max-width: 200px; object-fit: contain; margin-bottom: 20px; display: block; }
261        .hosp-read-more { background: none; border: none; color: var(--brand-primary); font-size: 13px; font-weight: 700; cursor: pointer; padding: 0; margin-bottom: 16px; font-family: inherit; }
262        .hosp-avatar { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; color: white; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
263        @media (max-width: 600px) { .hospital-section { padding: 60px 24px; } }
264
265        /* ── CTA BAR ── */
266        .cta-bar { background: linear-gradient(135deg, var(--brand-dark) 0%, #1a3d7c 50%, var(--brand-primary) 100%); padding: 64px 32px; text-align: center; border-radius: 32px; margin: 64px 32px; box-shadow: 0 20px 50px rgba(10,31,92,0.2); }
267        .cta-bar h2 { font-size: 32px; font-weight: 800; color: white; margin-bottom: 16px; letter-spacing: -0.01em; }
268        .cta-bar p { font-size: 20px; color: rgba(255,255,255,0.9); margin-bottom: 32px; max-width: 600px; margin-left: auto; margin-right: auto; }
269        .cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
270        .btn-white { background: white; color: var(--brand-primary); border: none; padding: 14px 32px; border-radius: 12px; font-size: 16px; cursor: pointer; font-weight: 700; transition: var(--transition); font-family: inherit; }
271        .btn-white:hover { background: #f8f9fa; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255,255,255,0.2); }
272        .btn-gold { background: var(--brand-secondary); color: #7a4a00; border: none; padding: 14px 32px; border-radius: 12px; font-size: 16px; cursor: pointer; font-weight: 700; transition: var(--transition); font-family: inherit; }
273        .btn-gold:hover { background: #ffbc58; transform: translateY(-3px); box-shadow: 0 10px 25px rgba(243,170,63,0.3); }
274
275        /* ── MOBILE ── */
276        @media (max-width: 700px) {
277          .hero { padding: 64px 24px; }
278          .hero h1 { font-size: 32px; }
279          .hero p { font-size: 17px; }
280          .hero-stats { gap: 32px; margin-top: 32px; justify-content: center; }
281          .stat-num { font-size: 24px; }
282          .section { padding: 64px 24px !important; }
283          .section-title { font-size: 28px; }
284          .ai-edu-section { padding: 64px 24px !important; border-radius: 32px 32px 0 0 !important; }
285          .hiw-section { border-radius: 32px 32px 0 0 !important; }
286          .cta-bar { padding: 48px 24px; border-radius: 24px; margin: 32px 16px; }
287          .cta-bar h2 { font-size: 24px; }
288          .cta-bar p { font-size: 17px; }
289          .pricing-grid { gap: 20px; }
290          .price-card { padding: 32px 24px; }
291          .book-modal { height: 90vh; }
292          .books-section { padding: 64px 24px !important; }
293        }
294        @media (max-width: 420px) {
295          .hero h1 { font-size: 22px; }
296          .features-grid { grid-template-columns: 1fr !important; }
297          .bg-tracks-grid { grid-template-columns: 1fr !important; }
298        }
299
300        /* ── BOOK MODAL ── */
301        .book-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 16px; }
302        .book-modal { background: white; border-radius: 16px; overflow: hidden; width: 90vw; max-width: 1400px; height: 90vh; position: relative; box-shadow: 0 24px 60px rgba(0,0,0,0.3); }
303        .book-modal iframe { width: 100%; height: 100%; border: none; display: block; }
304        .book-modal-close { position: absolute; top: 10px; inset-inline-end: 12px; z-index: 10; background: rgba(0,0,0,0.5); color: white; border: none; border-radius: 50%; width: 32px; height: 32px; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; }
305        .book-modal-close:hover { background: rgba(0,0,0,0.8); }
306
307        /* VALUE TABLE */
308        .vt {
309          --vt-ink: #1b2559; --vt-ink-soft: #41496e; --vt-card: #ffffff; --vt-hair: #e7ebf5;
310          --vt-stu-acc: oklch(0.56 0.155 256); --vt-stu-tint: oklch(0.965 0.022 256); --vt-stu-chip: oklch(0.93 0.045 256);
311          --vt-tea-acc: oklch(0.58 0.105 214); --vt-tea-tint: oklch(0.965 0.024 214); --vt-tea-chip: oklch(0.93 0.05 214);
312          --vt-pri-acc: oklch(0.50 0.12 270); --vt-pri-tint: oklch(0.965 0.022 270); --vt-pri-chip: oklch(0.925 0.045 270);
313          max-width: 1180px; margin: 0 auto; color: var(--vt-ink);
314          border: 1px solid #ece1c9; border-radius: 26px;
315          padding: clamp(28px,4vw,48px) clamp(18px,3vw,40px);
316        }
317        .vt-head { text-align: center; margin-bottom: clamp(28px,4vw,44px); }
318        .vt-title { font-size: clamp(24px,3.6vw,36px); font-weight: 800; line-height: 1.25; letter-spacing: -.01em; margin: 0 auto; max-width: 28ch; text-wrap: balance; color: var(--vt-ink); }
319        .vt-sub { margin: 12px auto 0; max-width: 46ch; text-wrap: pretty; color: var(--vt-ink-soft); font-size: clamp(15px,1.5vw,18px); font-weight: 500; line-height: 1.6; }
320        .vt-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: clamp(16px,1.6vw,24px); align-items: stretch; }
321        .vt-col { background: var(--vt-card); border: 1px solid var(--vt-hair); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 1px 0 rgba(27,37,89,.02), 0 18px 40px -28px rgba(27,37,89,.28); transition: transform .25s ease, box-shadow .25s ease; }
322        .vt-col:hover { transform: translateY(-4px); box-shadow: 0 1px 0 rgba(27,37,89,.02), 0 30px 56px -30px rgba(27,37,89,.4); }
323        .vt-col-head { position: relative; background: linear-gradient(180deg, var(--acc-tint) 0%, #fff 100%); padding: 26px 22px 20px; text-align: center; border-bottom: 1px solid var(--vt-hair); }
324        .vt-col-head::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--acc); }
325        .vt-chip { width: 56px; height: 56px; border-radius: 16px; margin: 0 auto 14px; display: grid; place-items: center; background: var(--acc-chip); color: var(--acc); box-shadow: 0 6px 16px -8px var(--acc); }
326        .vt-chip svg { width: 28px; height: 28px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
327        .vt-role { font-size: 20px; font-weight: 800; color: var(--acc); margin: 0; letter-spacing: -.01em; }
328        .vt-role-sub { margin: 5px 0 0; font-size: 13px; font-weight: 600; color: var(--vt-ink-soft); opacity: .72; }
329        .vt-list { list-style: none; margin: 0; padding: 6px 20px 24px; flex: 1; }
330        .vt-list li { display: flex; align-items: flex-start; gap: 12px; padding: 12px 4px; border-bottom: 1px solid var(--vt-hair); font-size: 15px; line-height: 1.5; font-weight: 500; color: var(--vt-ink-soft); text-wrap: pretty; }
331        .vt-list li:last-child { border-bottom: 0; }
332        .vt-mark { flex: 0 0 auto;
332 margin-top: 1px; width: 22px; height: 22px; border-radius: 50%; background: var(--acc-chip); color: var(--acc); display: grid; place-items: center; }
333        .vt-mark svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
334        .vt-list li b { color: var(--vt-ink); font-weight: 700; }
335        .vt-col.stu { --acc: var(--vt-stu-acc); --acc-tint: var(--vt-stu-tint); --acc-chip: var(--vt-stu-chip); }
336        .vt-col.tea { --acc: var(--vt-tea-acc); --acc-tint: var(--vt-tea-tint); --acc-chip: var(--vt-tea-chip); }
337        .vt-col.pri { --acc: var(--vt-pri-acc); --acc-tint: var(--vt-pri-tint); --acc-chip: var(--vt-pri-chip); }
338        @media (max-width: 860px) { .vt-grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; } }
339
340      `}),(0,t.jsx)(n.Nav,{}),(0,t.jsx)("div",{className:"hero",children:(0,t.jsxs)("div",{className:"hero-inner",children:[(0,t.jsxs)("div",{className:"hero-text",children:[(0,t.jsxs)("div",{className:"hero-badge",children:[(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"white",children:(0,t.jsx)("polygon",{points:"6,1 7.5,4.5 11,5 8.5,7.5 9,11 6,9.5 3,11 3.5,7.5 1,5 4.5,4.5"})}),e("hero.badge")]}),(0,t.jsxs)("h1",{style:{fontSize:36},children:[(0,t.jsx)("span",{style:{color:"#90c4f9",fontWeight:800,display:"block",marginBottom:"2px",fontSize:"1.15em",lineHeight:1.15},children:"ar"===c?"عملاق الكتب":"en"===c?"Books Giant":"ענק של ספרים"}),e("hero.slogan")&&(0,t.jsx)("span",{style:{display:"block",fontWeight:600,fontSize:"0.44em",letterSpacing:"0.08em",textTransform:"uppercase",color:"#F3AA3F",margin:"6px 0 18px"},children:e("hero.slogan")}),"he"===c?(0,t.jsxs)(t.Fragment,{children:[e("hero.title_main"),(0,t.jsx)("span",{style:{display:"block",fontSize:"0.6em",fontWeight:600,opacity:.9,marginTop:"8px"},children:e("hero.title_span")})]}):(0,t.jsxs)("span",{style:{display:"block",color:"white",lineHeight:1.25},children:[e("hero.title_main"),(0,t.jsx)("span",{children:e("hero.title_span")}),e("hero.title_span2")&&(0,t.jsx)("span",{style:{display:"block"},children:e("hero.title_span2")})]})]}),(0,t.jsx)("p",{children:e("hero.description")}),(0,t.jsx)("p",{className:"hero-quote",children:e("hero.quote")}),(0,t.jsxs)("div",{className:"hero-cta-grid",children:["he"===c&&(0,t.jsx)(s.Link,{href:"/school",className:"hero-cta-btn",children:e("hero.btn_school_program")}),(0,t.jsx)(s.Link,{href:"/special-education",className:"hero-cta-btn",children:e("hero.special_link")}),(0,t.jsx)(s.Link,{href:"/for-teacher",className:"hero-cta-btn",children:e("hero.teacher_link")}),(0,t.jsx)(s.Link,{href:"/private",className:"hero-cta-btn",children:e("hero.btn_private")})]}),(0,t.jsxs)("div",{className:"hero-stats",children:[(0,t.jsxs)("div",{className:"stat",children:[(0,t.jsx)("div",{className:"stat-num",children:"20,000+"}),(0,t.jsx)("div",{className:"stat-lbl",children:e("hero.stat_users")})]}),(0,t.jsxs)("div",{className:"stat",children:[(0,t.jsx)("div",{className:"stat-num",children:"350,000+"}),(0,t.jsx)("div",{className:"stat-lbl",children:e("hero.stat_books")})]}),(0,t.jsxs)("div",{className:"stat",children:[(0,t.jsx)("div",{className:"stat-num",children:"400+"}),(0,t.jsx)("div",{className:"stat-lbl",children:e("partnerships.schools_title")})]})]})]}),(0,t.jsxs)("div",{style:{flex:1.2,minWidth:0},children:[(0,t.jsx)("div",{className:"hero-video-wrap",children:(0,t.jsx)("video",{src:"https://s3.eu-west-1.amazonaws.com/school.booksgiant.com/video/maoin-hero-movie.mp4",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,controlsList:"nodownload"})}),"he"===c&&(0,t.jsx)("div",{style:{textAlign:"center",color:"#F3AA3F",fontWeight:700,fontSize:"20px",marginTop:"10px",letterSpacing:"0.02em"},children:e("hero.gfn_orders")})]})]})}),(0,t.jsx)("div",{style:{padding:"40px 32px"},children:(0,t.jsxs)("div",{className:"vt",children:[(0,t.jsxs)("div",{className:"vt-head",children:[(0,t.jsx)("h2",{className:"vt-title",children:e("value_table.title")}),(0,t.jsx)("p",{className:"vt-sub",children:e("value_table.sub")})]}),(0,t.jsx)("div",{className:"vt-grid",children:["student","teacher","principal"].map(i=>
340(0,t.jsxs)("section",{className:`vt-col ${"student"===i?"stu":"teacher"===i?"tea":"pri"}`,children:[(0,t.jsxs)("div",{className:"vt-col-head",children:[(0,t.jsx)("div",{className:"vt-chip",children:d[i]}),(0,t.jsx)("h3",{className:"vt-role",children:e(`value_table.${i}.role`)}),(0,t.jsx)("p",{className:"vt-role-sub",children:e(`value_table.${i}.role_sub`)})]}),(0,t.jsx)("ul",{className:"vt-list",children:[1,2,3,4,5,6].map(a=>(0,t.jsxs)("li",{children:[(0,t.jsx)("span",{className:"vt-mark",children:(0,t.jsx)("svg",{viewBox:"0 0 24 24",children:(0,t.jsx)("path",{d:"M20 6 9 17l-4-4"})})}),(0,t.jsx)("span",{children:e(`value_table.${i}.b${a}`).split("**").map((e,i)=>i%2==1?(0,t.jsx)("b",{children:e},i):e)})]},a))})]},i))})]})}),(0,t.jsxs)("div",{className:"books-section",style:{background:"#fdf8f0"},children:[(0,t.jsxs)("div",{className:"books-section-header",children:[(0,t.jsx)("div",{className:"section-label",children:e("samples.label")}),(0,t.jsx)("div",{className:"section-title",children:e("samples.title")}),(0,t.jsx)("div",{style:{fontSize:"15px",color:"#888",marginTop:"8px"},children:e("samples.click")})]}),(0,t.jsxs)("div",{className:"books-scroll-outer",children:[(0,t.jsx)("button",{className:"books-scroll-btn books-scroll-btn-prev",onClick:()=>B(-1),"aria-label":"Previous",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"2.2",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:x?"9,18 15,12 9,6":"15,18 9,12 15,6"})})}),(0,t.jsx)("div",{className:"books-scroll-track",ref:z,children:[{img:"/images/book_44FvE49KWuSs2f3JC.jpeg",title:e("samples.book1.title"),author:"מאת תלמידי",desc:e("samples.book1.desc"),url:`https://school.booksgiant.com/sample-book/44FvE49KWuSs2f3JC/${c}`},{img:"/images/book_neFdkvhWCqBw9sASE.jpeg",title:e("samples.book4.title"),author:"מאת igalya",desc:e("samples.book4.desc"),url:`https://school.booksgiant.com/sample-book/neFdkvhWCqBw9sASE/${c}`},{img:"/images/book_kQpA6uM82QK9ywm3C.jpeg",title:e("samples.book3.title"),author:"מאת רונית",desc:e("samples.book3.desc"),url:`https://school.booksgiant.com/sample-book/kQpA6uM82QK9ywm3C/${c}`},{img:"/images/book_xxrEgeXHKwDR5fAPF.jpeg",title:e("samples.book2.title"),author:"מאת לי",desc:e("samples.book2.desc"),url:`https://school.booksgiant.com/sample-book/xxrEgeXHKwDR5fAPF/${c}`},{img:"/images/book_EPhdyQGe5T2FGzXJT.jpeg",title:e("samples.book5.title"),author:"מאת ילדי גן רעות",desc:e("samples.book5.desc"),url:`https://school.booksgiant.com/sample-book/EPhdyQGe5T2FGzXJT/${c}`},{img:"/images/book_93ar6tp8rRCH4B6NP.jpeg",title:e("samples.book6.title"),author:"מאת יגאל",desc:e("samples.book6.desc"),url:`https://school.booksgiant.com/sample-book/93ar6tp8rRCH4B6NP/${c}`}].map((e,a)=>(0,t.jsxs)("div",{className:"book-tile-wrap",children:[(0,t.jsxs)("div",{className:"book-tile",onClick:()=>{let t=v?e.url.replace("/sample-book/","/public-book/"):e.url;v?window.open(t,"_blank"):g(t)},children:[(0,t.jsx)("div",{className:"book-tile-img",children:(0,t.jsx)(i.default,{src:e.img,alt:e.title,fill:!0,sizes:"240px",style:{objectFit:"cover"}})}),(0,t.jsx)("div",{className:"book-tile-overlay"}),(0,t.jsxs)("div",{className:"book-tile-content",children:[(0,t.jsx)("div",{className:"book-tile-title",children:e.title}),(0,t.jsx)("div",{className:"book-tile-author",children:e.author}),(0,t.jsxs)("div",{className:"book-tile-open",children:[(0,t.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z"}),(0,t.jsx)("path",{d:"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z"})]}),"ar"===c?"اقرأ الكتاب":"en"===c?"Read book":"לקריאה"]})]})]}),(0,t.jsx)("div",{className:"book-tile-badge",children:e.desc})]},a))}),(0,t.jsx)("button",{className:"books-scroll-btn books-scroll-btn-next",onClick:()=>B(1),"aria-label":"Next",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"2.2",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:x?"15,18 9,12 15,6":"9,18 
34015,12 9,6"})})})]}),(0,t.jsxs)("div",{className:"print-block",children:[(0,t.jsxs)("div",{className:"print-header",children:[(0,t.jsx)("div",{className:"section-label",children:e("print.label")}),(0,t.jsx)("div",{className:"section-title",children:e("print.title")}),(0,t.jsx)("div",{className:"print-sub",children:e("print.sub")}),(0,t.jsx)("div",{className:"print-hint",children:e("print.click")})]}),(0,t.jsx)("div",{className:"print-grid",children:p.map((a,r)=>(0,t.jsxs)("button",{className:"print-thumb",onClick:()=>m(r),"aria-label":`${e("print.title")} ${r+1}`,children:[(0,t.jsx)(i.default,{src:a,alt:"",fill:!0,sizes:"(max-width: 768px) 62vw, (max-width: 900px) 33vw, 22vw",style:{objectFit:"cover"}}),(0,t.jsx)("span",{className:"print-thumb-zoom",children:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2.5",strokeLinecap:"round",children:[(0,t.jsx)("circle",{cx:"11",cy:"11",r:"7"}),(0,t.jsx)("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"}),(0,t.jsx)("line",{x1:"11",y1:"8",x2:"11",y2:"14"}),(0,t.jsx)("line",{x1:"8",y1:"11",x2:"14",y2:"11"})]})})]},a))})]})]}),null!==b&&(0,t.jsxs)("div",{className:"print-lightbox",onClick:()=>m(null),role:"dialog","aria-modal":"true","aria-label":e("print.title"),children:[(0,t.jsx)("button",{className:"print-lightbox-btn print-lightbox-close",onClick:()=>m(null),"aria-label":e("print.close"),children:(0,t.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2.4",strokeLinecap:"round",children:[(0,t.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"}),(0,t.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"})]})}),(0,t.jsx)("button",{className:"print-lightbox-btn print-lightbox-prev",onClick:e=>{e.stopPropagation(),F(-1)},"aria-label":e("print.prev"),children:(0,t.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2.4",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:x?"9,18 15,12 9,6":"15,18 9,12 15,6"})})}),(0,t.jsx)("div",{className:"print-lightbox-img",onClick:e=>e.stopPropagation(),children:(0,t.jsx)(i.default,{src:p[b],alt:"",fill:!0,sizes:"90vw",style:{objectFit:"contain"},priority:!0},p[b])}),(0,t.jsx)("button",{className:"print-lightbox-btn print-lightbox-next",onClick:e=>{e.stopPropagation(),F(1)},"aria-label":e("print.next"),children:(0,t.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2.4",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:x?"15,18 9,12 15,6":"9,18 15,12 9,6"})})}),(0,t.jsxs)("div",{className:"print-lightbox-count",children:[b+1," / ",p.length]})]}),(0,t.jsxs)("div",{className:"section",style:{background:"linear-gradient(135deg, #0a1f5c 0%, #1a3d7c 50%, #2A61D1 100%)",padding:"80px 32px"},children:[(0,t.jsx)("div",{className:"section-label",children:e("testimonials.label")}),(0,t.jsx)("div",{className:"section-title",style:{color:"white"},children:e("testimonials.title")}),(0,t.jsxs)("div",{className:"testi-carousel-wrap",children:[(0,t.jsx)("button",{className:"carousel-btn carousel-btn-prev",onClick:()=>_(-1),"aria-label":"Previous",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"2.2",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:x?"9,18 15,12 9,6":"15,18 9,12 15,6"})})}),(0,t.jsx)("div",{className:"testi-carousel",ref:A,children:[{quote:e("testimonials.testi1.quote"),name:e("testimonials.testi1.name"),role:e("testimonials.testi1.role"),initials:"לש",color:"#2A61D1"},{quote:e("testimonials.testi6.quote"),name:e("testimonials.testi6.name"),role:e("testimonials.testi6.role"),initials:"מא",color:"#0891b2"},{quote:e("testimonials.testi3.quote"),name:e("testimonials.testi3.name"),role:e("testimonials.testi3.role"),initials:"רכ",color:"#1a6b3c"},{quote:e("testimonials.testi2.quote"),name:e("testimonials.testi2.name"),role:e("testimonials.testi2.role"),initials:"או",color:"#5B2D9E"},{quote:e("testimonials.testi4.quote"),name:e("testimonials.testi4.name"),role:e("testimonials.testi4.role"),initials:"בי",color:"#F3AA3F"},{quote:e("testimonials.testi5.quote"),name:e("testimonials.testi5.name"),role:e("testimonials.testi5.role"),initials:"אר",color:"#c2410c"}].map((i,a)=>(0,t.jsxs)("div",{className:"testi",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"testi-quote",style:k.has(a)?{}:{display:"-webkit-box",WebkitLineClamp:4,WebkitBoxOrient:"vertical",overflow:"hidden",marginBottom:"8px"},children:i.quote}),(0,t.jsx)("button",{onClick:()=>j(e=>{let t=new Set(e);return t.has(a)?t.delete(a):t.add(a),t}),style:{background:"none",border:"none",color:"#2A61D1",fontSize:"13px",fontWeight:600,cursor:"pointer",padding:0,marginBottom:"24px",fontFamily:"inherit"},children:k.has(a)?e("testimonials.read_less"):e("testimonials.read_more")})]}),(0,t.jsxs)("div",{className:"testi-author",children:[(0,t.jsx)("div",{className:"avatar-init",style:{background:i.color},children:i.initials}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"testi-name",children:i.name}),(0,t.jsx)("div",{className:"testi-role",children:i.role})]})]})]},a))}),(0,t.jsx)("button",{className:"carousel-btn carousel-btn-next",onClick:()=>_(1),"aria-label":"Next",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"2.2",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:x?"15,18 9,12 15,6":"9,18 
34015,12 9,6"})})})]})]}),h&&(0,t.jsx)("div",{className:"book-modal-overlay",onClick:()=>g(null),children:(0,t.jsxs)("div",{className:"book-modal",onClick:e=>e.stopPropagation(),children:[(0,t.jsx)("button",{className:"book-modal-close",onClick:()=>g(null),children:"✕"}),(0,t.jsx)("iframe",{allowFullScreen:!0,src:h,title:"ספר לדוגמה"})]})}),(0,t.jsxs)("div",{className:"ai-edu-section",children:[(0,t.jsxs)("div",{className:"ai-edu-inner",children:[(0,t.jsx)("div",{className:"ai-edu-visual",children:(0,t.jsxs)("div",{className:"ai-edu-panel",children:[(0,t.jsx)("div",{className:"ai-edu-panel-title",children:e("ai_edu.label")}),(0,t.jsxs)("div",{className:"ai-progress-row",children:[(0,t.jsxs)("div",{className:"ai-progress-labels",children:[(0,t.jsx)("span",{children:S.bar1}),(0,t.jsx)("span",{children:"84%"})]}),(0,t.jsx)("div",{className:"ai-progress-track",children:(0,t.jsx)("div",{className:"ai-progress-fill",style:{width:"84%",background:"#2A61D1"}})})]}),(0,t.jsxs)("div",{className:"ai-progress-row",children:[(0,t.jsxs)("div",{className:"ai-progress-labels",children:[(0,t.jsx)("span",{children:S.bar2}),(0,t.jsx)("span",{children:"91%"})]}),(0,t.jsx)("div",{className:"ai-progress-track",children:(0,t.jsx)("div",{className:"ai-progress-fill",style:{width:"91%",background:"#F3AA3F"}})})]}),(0,t.jsxs)("div",{className:"ai-progress-row",children:[(0,t.jsxs)("div",{className:"ai-progress-labels",children:[(0,t.jsx)("span",{children:S.bar3}),(0,t.jsx)("span",{children:"72%"})]}),(0,t.jsx)("div",{className:"ai-progress-track",children:(0,t.jsx)("div",{className:"ai-progress-fill",style:{width:"72%",background:"#34d399"}})})]}),(0,t.jsxs)("div",{className:"ai-feedback-card",children:[(0,t.jsxs)("div",{className:"ai-feedback-header",children:[(0,t.jsx)("div",{className:"ai-feedback-dot"}),(0,t.jsx)("span",{className:"ai-feedback-label",children:S.feedback_label})]}),(0,t.jsx)("div",{className:"ai-feedback-text",children:S.feedback})]}),(0,t.jsxs)("div",{className:"ai-quiz-mock",children:[(0,t.jsx)("div",{className:"ai-quiz-label",children:S.quiz}),(0,t.jsx)("div",{className:"ai-quiz-opt correct",children:S.correct}),(0,t.jsx)("div",{className:"ai-quiz-opt wrong",children:S.wrong})]})]})}),(0,t.jsxs)("div",{className:"ai-edu-text",children:[(0,t.jsx)("h2",{className:"ai-edu-heading",children:e("ai_edu.heading")}),(0,t.jsx)("div",{style:{display:"flex",alignItems:"center",gap:"14px",marginBottom:"20px",flexDirection:x?"row-reverse":"row"},children:(0,t.jsx)(i.default,{src:"/images/robot1.png",alt:"robot",width:160,height:180,style:{objectFit:"contain",mixBlendMode:"multiply",flexShrink:0,pointerEvents:"none"}})}),(0,t.jsxs)("div",{className:"ai-feat-list",children:[(0,t.jsxs)("div",{className:"ai-feat-item",children:[(0,t.jsx)("div",{className:"ai-feat-icon",style:{background:"#f5efe4"},children:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M4 19.5A2.5 2.5 0 016.5 17H20"}),(0,t.jsx)("path",{d:"M6.5 2H20v20H6.5A2.5 2.5 0 014 19.5v-15A2.5 2.5 0 016.5 2z"}),(0,t.jsx)("line",{x1:"8",y1:"7",x2:"16",y2:"7"}),(0,t.jsx)("line",{x1:"8",y1:"11",x2:"14",y2:"11"})]})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{children:e("ai_edu.feat1.title")}),(0,t.jsx)("p",{children:e("ai_edu.feat1.desc")})]})]}),(0,t.jsxs)("div",{className:"ai-feat-item",children:[(0,t.jsx)("div",{className:"ai-feat-icon",style:{background:"#FEF3E0"},children:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#F3AA3F",strokeWidth:"1.8",strokeLinecap:"round",children:[(0,t.jsx)("line",{x1:"18",y1:"20",x2:"18",y2:"10"}),(0,t.jsx)("line",{x1:"12",y1:"20",x2:"12",y2:"4"}),(0,t.jsx)("line",{x1:"6",y1:"20",x2:"6",y2:"14"})]})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{children:e("ai_edu.feat2.title")}),(0,t.jsx)("p",{children:e("ai_edu.feat2.desc")})]})]}),(0,t.jsxs)("div",{className:"ai-feat-item",children:[(0,t.jsx)("div",{className:"ai-feat-icon",style:{background:"#f2eeff"},children:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"1.8",strokeLinecap:"round",children:[(0,t.jsx)("circle",{cx:"12",cy:"12",r:"3"}),(0,t.jsx)("path",{d:"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83"})]})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{children:e("ai_edu.feat3.title")}),(0,t.jsx)("p",{children:e("ai_edu.feat3.desc")})]})]}),(0,t.jsxs)("div",{className:"ai-feat-item",children:[(0,t.jsx)("div",{className:"ai-feat-icon",style:{background:"#edfaf3"},children:(0,t.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"1.8",strokeLinecap:"round",children:[(0,t.jsx)("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2"}),(0,t.jsx)("path",{d:"M8 21h8M12 17v4"})]})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{children:e("ai_edu.feat4.title")}),(0,t.jsx)("p",{children:e("ai_edu.feat4.desc")})]})]})]})]})]}),(0,t.jsx)("div",{style:{width:"80%",margin:"48px auto 0",borderRadius:"20px",overflow:"hidden"},children:(0,t.jsx)("iframe",{allowFullScreen:!0,src:"https://school.booksgiant.com/sample-book/dzs6pamGbwydoLj6Q/he",title:"ספר חינוכי לדוגמה",style:{display:"block",width:"100%",height:"620px",border:"none"}})})]}),(0,t.jsx)("div",{className:"section",style:{background:"linear-gradient(135deg, #0a1f5c 0%, #1a3d7c 50%, #2A61D1 100%)"},children:(0,t.jsxs)("div",{className:"bg-container",children:[(0,t.jsx)("div",{className:"section-label",style:{textAlign:"center",color:"var(--brand-secondary)"},children:e("features.label")}),(0,t.jsx)("div",{className:"section-title",style:{textAlign:"center",marginBottom:"64px",color:"white"},children:e("features.title")}),(0,t.jsx)("div",{className:"features-grid-2x2",children:[{img:"/images/feature1.jpg",num:"01",title:e("features.editor.title"),desc:e("features.editor.desc"),icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,t.jsx)("path",{d:"M12 20h9"}),(0,t.jsx)("path",{d:"M16.5 3.5a2.121 2.121 0 013 3L7 19l-4 1 1-4L16.5 3.5z"})]})},{img:"/images/feature2.jpg",num:"02",title:e("features.ai.title"),desc:e("features.ai.desc"),icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"m2 22 1-1h3l9-9"}),(0,t.jsx)("path",{d:"M3 21v-3l9-9"}),(0,t.jsx)("path",{d:"m15 6 3.4-3.4a2.1 2.1 0 1 1 3 3L18 9"})]})}
340,{img:"/images/books_serie.png",num:"03",title:e("features.shared.title"),desc:e("features.shared.desc"),icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"}),(0,t.jsx)("circle",{cx:"9",cy:"7",r:"4"}),(0,t.jsx)("path",{d:"M23 21v-2a4 4 0 0 0-3-3.87"}),(0,t.jsx)("path",{d:"M16 3.13a4 4 0 0 1 0 7.75"})]})},{img:"/images/printed book.jpeg",num:"04",title:e("features.print.title"),desc:e("features.print.desc"),icon:(0,t.jsxs)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,t.jsx)("polyline",{points:"6,9 6,2 18,2 18,9"}),(0,t.jsx)("path",{d:"M6 18H4a2 2 0 01-2-2v-5a2 2 0 012-2h16a2 2 0 012 2v5a2 2 0 01-2 2h-2"}),(0,t.jsx)("rect",{x:"6",y:"14",width:"12",height:"8"})]})}].map(e=>(0,t.jsxs)("div",{className:"feat-card-new",children:[(0,t.jsx)("div",{className:"feat-card-img-wrap",children:(0,t.jsx)("img",{src:e.img,alt:e.title})}),(0,t.jsxs)("div",{className:"feat-card-body",children:[(0,t.jsx)("div",{className:"feat-card-icon",children:e.icon}),(0,t.jsx)("h3",{children:e.title}),(0,t.jsx)("p",{children:e.desc})]})]},e.num))})]})}),"he"===c&&(0,t.jsx)("div",{className:"hospital-section",children:(0,t.jsxs)("div",{className:"hospital-inner",children:[(0,t.jsxs)("div",{className:"hospital-badge",children:[(0,t.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",children:[(0,t.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,t.jsx)("path",{d:"M12 8v8M8 12h8"})]}),"בתי חולים"]}),(0,t.jsx)("h2",{className:"hospital-title",children:"המערכת ניתנת בחינם לכל הבתי חולים בארץ"}),(0,t.jsxs)("div",{className:"hospital-carousel-wrap",children:[(0,t.jsx)("button",{className:"carousel-btn carousel-btn-prev",onClick:()=>L(-1),"aria-label":"Previous",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"2.2",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:"9,18 15,12 9,6"})})}),(0,t.jsx)("div",{className:"hospital-carousel",ref:C,children:[{logo:"/images/hospitals/ichilov.svg",quote:'שיתוף הפעולה בין המרכז החינוכי "דנה" ב־בית החולים איכילוב לבין "ענק של ספרים" פותח בפני הילדים עולם של יצירה, דמיון והבעה אישית. באמצעות כתיבת סיפורים הם יכולים לעבד את חוויות האשפוז, לתת מקום לעולמם הפנימי, ובו בזמן לצאת למסעות מרתקים במחוזות הפנטזיה. זוהי פלטפורמה ייחודית ומושקעת המאפשרת לכל ילד להיות היוצר של הסיפור שלו, ואנו ממליצים עליה מכל הלב.',name:'המרכז החינוכי "דנה"',role:"בית החולים איכילוב",initials:"דנ",color:"#0891b2"},{logo:"/images/hospitals/alyn.png",quote:"ענק הספרים מסייע לתלמידים שלנו להביע את עולמם הפנימי. חלק מהילדים כותבים סיפורי דמיון, וחלקים כותבים על עצמם ועל מה שעובר עליהם גם באשפוז. התלמידים מאוד נהנים לעצב את הספר בעצמם, הן מבחינת הרקעים והן מבחינת הדמויות. ה-AI מאפשר להם ליצור גרפיקה שמשקפת את מה שעובר עליהם או ליצור מהדמיון ומעולמם הפנימי. גם ילדים עם מוגבלות שמתקשים בכתיבה ובציור נהנים מאפשרות להקליד ולייצר גרפיקה בעצמם על פי פרי דמיונם. הם מועצמים מכל התהליך ומהמוצר המוגמר ומרגישים סיפוק מהיצירה וגאווה מהתוצר. כמו כן, כתיבת הספר עוזרת להם לעבד את מה שהם עוברים או לחילופין מהווה אפשרות לאסקפיזם מהקשיים היומיומיים. קבלת התוכנה באופן חינמי, ובמיוחד שכוללת את השימוש ב-AI, מאפשרת לנו בבית החולים השיקומי, להעניק לתלמידים רבים את האפשרות לזכות בחוויה הכל כך מעצימה ומהנה!",name:"יעל",role:"בית חולים אלין",initials:"יע",color:"#059669"},{logo:"/images/hospitals/merhavim.jpg",quote:"סביבה ידידותית וקלה לתפעול שמצליחה לתת למטופלים (מכיתה א ועד יב) שלנו מקום של שיתוף, פריקה, יצירה והצלחה. תודה ליגאל שמלווה תמיד, בחיוך, ברצון טוב ובמלא סבלנות.",name:"יפעת חי",role:"בית ספר דקלים, נס ציונה — המרכז לבריאות הנפש",initials:"יח",color:"#7c3aed"}].map((e,i)=>(0,t.jsxs)("div",{className:"testi",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("img",{src:e.logo,alt:e.name,className:"hosp-logo"}),(0,t.jsx)("div",{className:"testi-quote",style:y.has(i)?{}:{display:"-webkit-box",WebkitLineClamp:4,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.quote}),(0,t.jsx)("button",{className:"hosp-read-more",onClick:()=>N(e=>{let t=new Set(e);return t.has(i)?t.delete(i):t.add(i),t}),children:y.has(i)?"▲ פחות":"▼ קרא עוד"})]}),(0,t.jsxs)("div",{className:"testi-author",children:[(0,t.jsx)("div",{className:"hosp-avatar",style:{background:e.color},children:e.initials}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"testi-name",children:e.name}),(0,t.jsx)("div",{className:"testi-role",children:e.role})]})]})]},i))}),(0,t.jsx)("button",{className:"carousel-btn carousel-btn-next",onClick:()=>L(1),"aria-label":"Next",children:(0,t.jsx)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"#2A61D1",strokeWidth:"2.2",strokeLinecap:"round",children:(0,t.jsx)("polyline",{points:"15,18 9,12 15,6"})})})]})]})}),(0,t.jsxs)("div",{className:"cta-bar",children:[(0,t.jsx)("h2",{children:e("cta.title")}),(0,t.jsx)("p",{children:e("cta.desc")}),(0,t.jsxs)("div",{className:"cta-btns",children:[(0,t.jsx)("button",{className:"btn-white",onClick:()=>window.open("https://wa.me/972546663987"),children:e("cta.btn_platform")}),(0,t.jsx)("button",{className:"btn-gold",onClick:()=>window.open("https://wa.me/972546663987"),children:e("cta.btn_whatsapp")})]})]}),(0,t.jsx)(l.Footer,{})]})}])}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.