Files

318 lines
28 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<title>קורס אמירנט אונליין עם מדריך | eazy English</title>
<link rel="icon" href="assets/logo-mark-orange.png" type="image/png">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="./support.js"></script>
</head>
<body>
<x-dc>
<helmet>
<link rel="stylesheet" href="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/colors_and_type.css">
<link rel="stylesheet" href="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/styles.css">
<script src="_ds/eazy-design-system-019e085a-0638-7c53-ad03-c4d5f4423a34/_ds_bundle.js"></script>
<link rel="stylesheet" href="assets/responsive.css">
<script src="https://unpkg.com/@phosphor-icons/web"></script>
<style>
html{background:#fff}
body{margin:0;background:#fff}
a{color:var(--ez-link)}a:hover{color:var(--ez-link-hover)}
</style>
</helmet>
<template id="__bundler_thumbnail"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="#3F4197"></rect><text x="50" y="66" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="44" fill="#ffffff">ez</text></svg></template>
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink)">
<a href="#contact" aria-label="וואטסאפ" style="position:fixed;bottom:28px;left:28px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2);border-bottom:none">
<i class="ph ph-whatsapp-logo" style="font-size:30px;color:#fff"></i>
</a>
<x-import component-from-global-scope="ez-mobile-chrome" from="assets/mobile-chrome.js" hint-size="1px,1px"></x-import>
<header data-screen-label="Header" style="display:flex;align-items:center;justify-content:space-between;padding:18px 64px;border-bottom:1px solid var(--ez-line);position:sticky;top:0;background:#fff;z-index:50">
<a href="index.html" style="display:flex;align-items:center;gap:12px;border-bottom:none">
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:54px;height:54px">
<span style="width:1px;height:30px;background:var(--ez-line)"></span>
<span style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-lavender-deep);line-height:1">English</span>
</a>
<nav style="display:flex;gap:22px;font-family:var(--font-body);font-size:16.5px;white-space:nowrap">
<a href="amirnet.html" style="color:var(--ez-ink)">אמירנט</a>
<a href="compare.html" style="color:var(--ez-orange);font-weight:700">הקורסים</a>
<a href="free.html" style="color:var(--ez-ink)">מתחילים בחינם</a>
<a href="learn.html" style="color:var(--ez-ink)">ללמוד אנגלית</a>
<a href="technion.html" style="color:var(--ez-ink)">מחשבון פטור מאנגלית</a>
<a href="about.html" style="color:var(--ez-ink)">עלינו</a>
</nav>
<div style="display:flex;align-items:baseline;gap:18px">
<span dir="ltr" style="font-family:var(--font-mono);font-size:14.5px;color:var(--ez-fg-2)">1-700-70-70-07</span>
<a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ez-orange);border-bottom:none">שיחת ייעוץ ←</a>
</div>
</header>
<section data-screen-label="Hero מוצר" style="max-width:1280px;margin:0 auto;padding:40px 64px 56px">
<div style="display:flex;gap:8px;font-size:15.5px;color:var(--ez-fg-3);margin-bottom:28px">
<a href="index.html" style="color:var(--ez-fg-3);border-bottom:none">דף הבית</a><span>/</span>
<span>הקורסים</span><span>/</span>
<span style="color:var(--ez-ink)">קורס אמירנט אונליין</span>
</div>
<div style="display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center">
<div style="display:grid;gap:18px">
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange)">למידה מרחוק עם מדריך בזמן אמת</span>
<h1 style="font-family:var(--font-display);font-weight:700;font-size:64px;line-height:1.02;letter-spacing:-.015em;color:var(--ez-ink);margin:0">קורס אמירנט אונליין.<br><span style="font-family:var(--font-shadow);color:var(--ez-lavender-deep)">מישהו שאכפת לו אם הגעתם.</span></h1>
<p style="font-size:19.5px;line-height:1.55;color:var(--ez-fg-2);max-width:520px;margin:0">קבוצה קטנה, מדריך חי על המסך, שיעורים של שעתיים אקדמיות – וכל מה שביוזר האישי כלול. בוחרים קצב: חודש וחצי ממוקד, או שלושה חודשים מקיפים.</p>
<div style="display:flex;gap:16px;align-items:center">
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 32px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">שיחת ייעוץ חינם</button>
<button onClick="{{ scrollToPlans }}" style="background:transparent;color:var(--ez-ink);border:1.5px solid var(--ez-ink);border-radius:999px;padding:14px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;cursor:pointer">בדקו התאמה ומועדים</button>
</div>
<span style="font-size:15.5px;color:var(--ez-fg-3)">מ-1,500 ₪ · קבוצות קטנות · כל שיעור מוקלט למי שפספס</span>
</div>
<div style="display:grid;gap:12px">
<img src="assets/screenshot-lesson.png" alt="שיעור חי בקורס האונליין" style="width:100%;border-radius:12px;display:block;box-shadow:var(--shadow-3)">
<span style="font-size:15.5px;color:var(--ez-fg-3);text-align:center">ככה נראה שיעור: מדריך/ה בזמן אמת, לא הקלטה.</span>
</div>
</div>
</section>
<section id="plans" data-screen-label="מסלולים" style="background:var(--ez-paper-cool);padding:56px 64px">
<div style="max-width:1152px;margin:0 auto">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--ez-lavender-deep);margin:0 0 8px">שני קצבים, <span style="color:var(--ez-orange)">אותו יעד</span></h2>
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0 0 28px">שני מפגשים בשבוע, שעתיים אקדמיות כל מפגש. ההבדל הוא כמה עומק וכמה ליווי.</p>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:20px">
<div onClick="{{ pickShort }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:12px;align-content:start;cursor:pointer">
<sc-if value="{{ isShort }}" hint-placeholder-val="{{ false }}"><div aria-hidden="true" style="position:absolute;inset:0;border:2px solid var(--ez-orange);border-radius:12px;pointer-events:none"></div></sc-if>
<div style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink)">קורס ממוקד · חודש וחצי</div>
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0">למי שיש בסיס ורוצה לסגור את הציון עד המועד הקרוב. כל פרקי המבחן, סימולציות ותרגול מונחה.</p>
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">1,500 ₪</div>
</div>
<div onClick="{{ pickLong }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:12px;align-content:start;cursor:pointer">
<sc-if value="{{ isLong }}" hint-placeholder-val="{{ true }}"><div aria-hidden="true" style="position:absolute;inset:0;border:2px solid var(--ez-orange);border-radius:12px;pointer-events:none"></div></sc-if>
<span style="position:absolute;top:-12px;right:24px;background:var(--ez-orange);color:#fff;border-radius:999px;padding:4px 14px;font-family:var(--font-display);font-weight:700;font-size:15px">המקיף</span>
<div style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink)">קורס מקיף · 3 חודשים</div>
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:0">למי שבונה רמה מהיסודות או רוצה קפיצה גדולה. אותו מבנה, כפול זמן להטמעה ותרגול.</p>
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">2,500 ₪</div>
<div style="background:var(--ez-orange-tint);border:1px solid var(--ez-orange-soft);border-radius:8px;padding:12px 16px;display:grid;gap:4px">
<span style="font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ez-orange-deep)">בונוס למסלול המקיף</span>
<span style="font-size:16px;color:var(--ez-ink)">סדנת ניהול זמנים + סדנת אסטרטגיות זיכרון</span>
</div>
</div>
</div>
<div onClick="{{ toggleBooks }}" style="margin-top:20px;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:18px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;max-width:640px">
<div style="width:24px;height:24px;border:2px solid var(--ez-orange);border-radius:6px;display:flex;align-items:center;justify-content:center;flex:none">
<sc-if value="{{ books }}" hint-placeholder-val="{{ false }}"><div style="width:14px;height:14px;background:var(--ez-orange);border-radius:3px"></div></sc-if>
</div>
<div style="display:grid;gap:2px">
<span style="font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink)">להוסיף 2 ספרי לימוד</span>
<span style="font-size:16px;color:var(--ez-fg-2)">ספרי התרגול המודפסים שלנו, כולל משלוח עד הבית</span>
</div>
<span style="margin-right:auto;font-family:var(--font-mono);font-size:21px;color:var(--ez-ink)">+ 170 ₪</span>
</div>
<h3 style="font-family:var(--font-display);font-weight:700;font-size:22.5px;color:var(--ez-ink);margin:36px 0 14px">מועדי פתיחה קרובים</h3>
<div style="border:1px solid var(--ez-line);border-radius:12px;overflow:hidden;background:#fff">
<table style="width:100%;border-collapse:collapse;font-size:17.5px">
<thead>
<tr style="background:var(--ez-paper-cool);font-family:var(--font-display)">
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">מחזור</th>
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">מסלול</th>
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">ימים ושעות</th>
<th style="text-align:right;padding:13px 20px;font-size:16px;color:var(--ez-fg-2);font-weight:700">מקומות</th>
<th style="padding:13px 20px"></th>
</tr>
</thead>
<tbody>
<tr style="border-top:1px solid var(--ez-line);background:{{ rowShort1Bg }}">
<td style="padding:14px 20px;font-family:var(--font-display);font-weight:700">תחילת נובמבר – אמצע דצמבר</td>
<td style="padding:14px 20px;color:var(--ez-fg-2)">ממוקד · חודש וחצי</td>
<td style="padding:14px 20px;color:var(--ez-fg-2)">א' + ד' · 19:00-20:30</td>
<td style="padding:14px 20px"><span style="background:#DFF3E3;color:#1E7A35;border-radius:999px;padding:3px 12px;font-family:var(--font-display);font-weight:700;font-size:15.5px">פתוח</span></td>
<td style="padding:14px 20px;text-align:left"><a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שריינו מקום ←</a></td>
</tr>
<tr style="border-top:1px solid var(--ez-line);background:{{ rowShort2Bg }}">
<td style="padding:14px 20px;font-family:var(--font-display);font-weight:700">אמצע דצמבר – סוף ינואר</td>
<td style="padding:14px 20px;color:var(--ez-fg-2)">ממוקד · חודש וחצי</td>
<td style="padding:14px 20px;color:var(--ez-fg-2)">א' + ד' · 19:00-20:30</td>
<td style="padding:14px 20px"><span style="background:#DFF3E3;color:#1E7A35;border-radius:999px;padding:3px 12px;font-family:var(--font-display);font-weight:700;font-size:15.5px">פתוח</span></td>
<td style="padding:14px 20px;text-align:left"><a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שריינו מקום ←</a></td>
</tr>
<tr style="border-top:1px solid var(--ez-line);background:{{ rowLongBg }}">
<td style="padding:14px 20px;font-family:var(--font-display);font-weight:700">נובמבר סוף ינואר</td>
<td style="padding:14px 20px;color:var(--ez-fg-2)">מקיף · 3 חודשים + סדנאות</td>
<td style="padding:14px 20px;color:var(--ez-fg-2)">א' + ד' · 19:00-20:30</td>
<td style="padding:14px 20px"><span style="background:var(--ez-orange-tint);color:var(--ez-orange-deep);border-radius:999px;padding:3px 12px;font-family:var(--font-display);font-weight:700;font-size:15.5px">נותרו בודדים</span></td>
<td style="padding:14px 20px;text-align:left"><a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:16px;border-bottom:none">שריינו מקום ←</a></td>
</tr>
</tbody>
</table>
</div>
<div style="margin-top:28px;background:var(--ez-ink);border-radius:12px;padding:20px 28px;display:flex;align-items:center;gap:24px;justify-content:space-between">
<div style="display:grid;gap:2px">
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:#fff">{{ summaryLine }}</span>
<span style="font-size:15.5px;color:#b9b9c0">הרשמה נסגרת בשיחת ייעוץ – בודקים התאמה לפני שמשלמים</span>
</div>
<div style="display:flex;align-items:center;gap:20px">
<span style="font-family:var(--font-mono);font-size:30px;color:#fff">{{ totalText }}</span>
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:13px 36px;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">שיחת ייעוץ</button>
</div>
</div>
</div>
</section>
<section data-screen-label="מה מקבלים" style="max-width:1280px;margin:0 auto;padding:64px 64px 48px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px">מה מקבלים</h2>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:22px 36px">
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">2 מפגשים חיים בשבוע</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">שעתיים אקדמיות, קבוצה קטנה, שאלות בזמן אמת.</p></div>
</div>
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">כל שיעור מוקלט</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">פספסתם? משלימים מתי שנוח.</p></div>
</div>
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">יוזר אמירנט מלא כלול</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">סימולציות, משחקים ומילון – לכל אורך הקורס.</p></div>
</div>
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">מעקב אישי של המדריך</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">מישהו ששם לב כשנעלמתם – ומחזיר אתכם.</p></div>
</div>
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">ליווי בוואטסאפ</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">בין השיעורים – שאלות, חיזוקים, תזכורות.</p></div>
</div>
<div style="display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start">
<img src="assets/bullet-chevron.png" alt="" style="width:14px;margin-top:6px">
<div><div style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-orange)">במקיף: 2 סדנאות בונוס</div><p style="font-size:16.5px;color:var(--ez-fg-2);margin:3px 0 0">ניהול זמנים במבחן + אסטרטגיות זיכרון.</p></div>
</div>
</div>
</section>
<section data-screen-label="המדריכים" style="max-width:1280px;margin:0 auto;padding:0 64px 56px">
<div style="border-top:1px solid var(--ez-line);padding-top:48px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center">
<div style="display:grid;gap:14px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0">מי מלמד אתכם</h2>
<p style="font-size:18.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">המדריכים שלנו מלמדים אמירנט שנים, ורובם עברו את הדרך הזאת בעצמם. בשיחת הייעוץ תדעו מי המדריך/ה של המחזור שלכם.</p>
</div>
<div style="display:flex;gap:28px;align-items:end">
<div style="display:grid;gap:10px;justify-items:center">
<img src="assets/mentor-1.png" alt="נעה" style="width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-lavender)">
<div style="text-align:center"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">נעה</div><div style="font-size:15.5px;color:var(--ez-fg-3)">אנגלית לאמירנט · 12 שנים</div></div>
</div>
<div style="display:grid;gap:10px;justify-items:center">
<img src="assets/mentor-2.png" alt="אלון" style="width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-orange)">
<div style="text-align:center"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">אלון</div><div style="font-size:15.5px;color:var(--ez-fg-3)">מוביל הקורס האונליין</div></div>
</div>
<div style="display:grid;gap:10px;justify-items:center">
<img src="assets/mentor-3.png" alt="יובל" style="width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-lavender)">
<div style="text-align:center"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">יובל</div><div style="font-size:15.5px;color:var(--ez-fg-3)">מתמחה בלקויות למידה</div></div>
</div>
</div>
</div>
</section>
<section data-screen-label="למי מתאים" style="max-width:1280px;margin:0 auto;padding:0 64px 56px">
<div style="border-top:1px solid var(--ez-line);padding-top:48px;display:grid;grid-template-columns:1fr 1px 1fr;gap:36px;align-items:start">
<div style="display:grid;gap:10px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0">למי הקורס מתאים</h2>
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">למי שקשה לו להתמיד לבד, למי שאנגלית מלחיצה אותו, ולמי שרוצה קפיצה רצינית עם מישהו שמוביל. אם נעלמתם – מתקשרים אליכם.</p>
</div>
<div style="background:var(--ez-line);height:100%"></div>
<div style="display:grid;gap:10px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:0">ולמי לא</h2>
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">אם יש לכם בסיס טוב, משמעת עצמית, וצריך בעיקר תרגול – <a href="user.html">היוזר העצמאי</a> ייתן לכם את זה ברבע מהמחיר.</p>
</div>
</div>
</section>
<section data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:0 64px 56px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 20px;border-top:1px solid var(--ez-line);padding-top:48px">חשוב וכדאי לדעת מראש</h2>
<div style="border-top:1px solid var(--ez-line)">
<sc-for list="{{ faqs }}" as="f" hint-placeholder-count="5">
<div style="border-bottom:1px solid var(--ez-line)">
<div onClick="{{ f.toggle }}" style="display:flex;justify-content:space-between;align-items:center;padding:18px 4px;cursor:pointer">
<span style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">{{ f.q }}</span>
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">{{ f.mark }}</span>
</div>
<sc-if value="{{ f.open }}" hint-placeholder-val="{{ false }}">
<p style="font-size:19px;line-height:1.6;color:var(--ez-fg-2);margin:0;padding:0 4px 18px;max-width:720px">{{ f.a }}</p>
</sc-if>
</div>
</sc-for>
</div>
</section>
<section id="contact" data-screen-label="סגירה" style="background:var(--ez-lavender-tint);padding:56px 64px">
<div style="max-width:1152px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center">
<div style="display:grid;gap:14px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--ez-ink);margin:0;text-align:center;max-width:440px">אני רוצה להתקדם באנגלית</h2>
<div style="display:grid;gap:12px;max-width:440px">
<input type="text" placeholder="שם" style="height:46px;border:1px solid var(--ez-line);border-radius:8px;padding:0 14px;font-family:var(--font-body);font-size:17.5px;background:#fff">
<input type="tel" placeholder="טלפון" dir="rtl" style="height:46px;border:1px solid var(--ez-line);border-radius:8px;padding:0 14px;font-family:var(--font-body);font-size:17.5px;background:#fff;text-align:right">
<button onClick="{{ submitLead }}" style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:14px 0;font-family:var(--font-display);font-weight:700;font-size:18px;cursor:pointer">{{ leadButtonText }}</button>
<label style="display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--ez-fg-3);cursor:pointer"><span style="flex:none;width:18px;height:18px;border-radius:5px;background:var(--ez-orange);display:flex;align-items:center;justify-content:center;margin-top:2px"><i class="ph-bold ph-check" style="font-size:14.5px;color:#fff"></i></span><span>אני מאשר/ת פנייה חוזרת ושמירת הפרטים לצורך כך בלבד, בהתאם ל<a href="privacy.html">מדיניות הפרטיות</a>.</span></label>
</div>
</div>
<div style="display:grid;gap:16px;font-size:17.5px;color:var(--ez-fg-2)">
<span style="display:flex;align-items:center;gap:10px"><i class="ph ph-phone" style="font-size:21px;color:var(--ez-orange)"></i><span dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span></span>
<span style="display:flex;align-items:center;gap:10px"><i class="ph ph-whatsapp-logo" style="font-size:21px;color:#25D366"></i>וואטסאפ</span>
<span style="display:flex;align-items:center;gap:10px"><i class="ph ph-clock" style="font-size:21px;color:var(--ez-orange)"></i>ימים א'-ה' 9:00-19:00, ו' 9:00-13:00</span>
</div>
</div>
</section>
<footer data-screen-label="Footer" style="padding:28px 64px;border-top:1px solid var(--ez-line)">
<div style="max-width:1152px;margin:0 auto">
<div style="height:1px;background:var(--ez-orange);margin:0 0 16px"></div>
<div style="display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ez-fg-2)">
<a href="index.html" style="display:flex;align-items:center;gap:10px;border-bottom:none">
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:44px;height:44px">
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-orange)">פשוט תצליחו.</span>
</a>
<span style="display:flex;align-items:center;gap:8px"><i class="ph ph-whatsapp-logo" style="font-size:18px;color:#25D366"></i>דברו איתנו<span style="color:var(--ez-line)">|</span><span dir="ltr" style="font-family:var(--font-mono)">1-700-70-70-07</span></span>
</div>
</div>
</footer>
</div>
</x-dc>
<script type="text/x-dc" data-dc-script>
class Component extends DCLogic {
state = { plan: "long", books: false, sent: false, openFaq: -1 };
renderVals() {
const isLong = this.state.plan === "long";
const hi = "var(--ez-orange-tint)";
const faqData = [
{ q: "מה אם אפספס שיעור?", a: "כל שיעור מוקלט וזמין למחרת. בנוסף, המדריך רואה מי לא היה ושולח סיכום ומה להשלים – אף אחד לא הולך לאיבוד." },
{ q: "מה ההבדל בין הממוקד למקיף חוץ מהאורך?", a: "התכנים זהים, אבל במקיף יש כפול זמן להטמעה ותרגול מונחה, ושתי סדנאות בונוס: ניהול זמנים במבחן ואסטרטגיות זיכרון. מתאים למי שמתחיל מרמה נמוכה או רוצה קפיצה גדולה." },
{ q: "ומה אם ארצה לבטל?", a: "עד השיעור השני – החזר מלא, בלי שאלות. אחרי זה – החזר יחסי לפי מה שנוצל. הכל כתוב בתקנון בשפה פשוטה." },
{ q: "כמה תלמידים בקבוצה?", a: "קבוצות קטנות – מספיק קטנות כדי שהמדריך מכיר את השם, החוזקות והפערים של כל אחד ואחת." },
{ q: "אפשר לפצל תשלומים?", a: "כן, בכרטיס אשראי. חיילים משוחררים יכולים לשלם גם מכספי הפיקדון." },
];
return {
isShort: !isLong,
isLong,
pickShort: () => this.setState({ plan: "short" }),
pickLong: () => this.setState({ plan: "long" }),
books: this.state.books,
toggleBooks: () => this.setState(s => ({ books: !s.books })),
rowShort1Bg: !isLong ? hi : "#fff",
rowShort2Bg: !isLong ? hi : "#fff",
rowLongBg: isLong ? hi : "#fff",
summaryLine: (isLong ? "המסלול שלכם: מקיף, 3 חודשים + סדנאות בונוס" : "המסלול שלכם: ממוקד, חודש וחצי") + (this.state.books ? " + ספרים" : ""),
totalText: ((isLong ? 2500 : 1500) + (this.state.books ? 170 : 0)).toLocaleString("en-US") + " ₪",
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "שיחת ייעוץ חינם",
submitLead: () => this.setState({ sent: true }),
scrollToPlans: () => { const el = document.getElementById("plans"); if (el) window.scrollTo({ top: el.offsetTop - 80, behavior: "smooth" }); },
faqs: faqData.map((f, i) => ({
...f,
open: this.state.openFaq === i,
mark: this.state.openFaq === i ? "" : "+",
toggle: () => this.setState(s => ({ openFaq: s.openFaq === i ? -1 : i })),
})),
};
}
}
</script>
</body>
</html>