Files
eazy-design-export/user.html
T

302 lines
26 KiB
HTML
Raw 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>
<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:68px;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 onClick="{{ scrollToPlans }}" 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>
</div>
<span style="font-size:15.5px;color:var(--ez-fg-3)">גישה מיידית · אפשר לשדרג לקורס בכל שלב · ביטול בתוך 14 יום, בלי שאלות</span>
</div>
<div style="display:grid;gap:12px">
<img src="assets/game-word-cannon.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:repeat(3,1fr);gap:20px">
<div onClick="{{ pickTwoWeeks }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:10px;align-content:start;cursor:pointer">
<sc-if value="{{ isTwoWeeks }}" 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:21px;color:var(--ez-ink)">שבועיים</div>
<p style="font-size:16.5px;color:var(--ez-fg-2);margin:0">ספרינט לפני מועד קרוב. כל התכנים, בלי לנשום.</p>
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">250 ₪</div>
</div>
<div onClick="{{ pickMonth }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:10px;align-content:start;cursor:pointer">
<sc-if value="{{ isMonth }}" 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:21px;color:var(--ez-ink)">חודש</div>
<p style="font-size:16.5px;color:var(--ez-fg-2);margin:0">הקצב שרוב התלמידים צריכים: פרק ביום, סימולציה בשבוע.</p>
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">350 ₪</div>
</div>
<div onClick="{{ pickSix }}" style="position:relative;background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:28px;display:grid;gap:10px;align-content:start;cursor:pointer">
<sc-if value="{{ isSix }}" 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:21px;color:var(--ez-ink)">6 חודשים</div>
<p style="font-size:16.5px;color:var(--ez-fg-2);margin:0">בונים רמה מאפס, בלי לחץ של מועד. מתאים גם לפני צבא.</p>
<div style="font-family:var(--font-mono);font-size:32px;color:var(--ez-ink)">600 ₪</div>
</div>
</div>
<div style="margin-top:20px;display:grid;gap:12px;max-width:640px">
<div onClick="{{ toggleBooks }}" style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:18px 24px;display:flex;align-items:center;gap:16px;cursor:pointer">
<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>
<div onClick="{{ toggleCoach }}" style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:18px 24px;display:flex;align-items:center;gap:16px;cursor:pointer">
<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="{{ coach }}" 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)">להוסיף אימון אישי אחד על אחד</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)">+ 250 ₪</span>
</div>
</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)">5 סימולציות מלאות</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)">40+ שיעורים מוקלטים</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>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px">
<img src="assets/screenshot-lesson.png" alt="שיעור מוקלט מתוך היוזר" style="width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:1px solid var(--ez-line)">
<img src="assets/game-word-cannon.png" alt="תותח מילים" style="width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px">
<img src="assets/screenshot-wordgame.png" alt="משחק מילים – בחירת מילון לפי רמה" style="width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px;border:1px solid var(--ez-line)">
</div>
</section>
<section id="compare" 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="#contact">הקורס עם המדריך</a> ייתן לכם הרבה יותר. תתחילו בשיחת ייעוץ, בלי התחייבות.</p>
</div>
</div>
</section>
<section 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:30px;color:var(--ez-ink);margin:0 0 28px">תלמידים שעשו את זה לבד</h2>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:36px">
<div style="display:grid;gap:8px;align-content:start">
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.55;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
<div style="font-family:var(--font-display);font-weight:700;font-size:19.5px;color:var(--ez-ink)">דניאל, לפני עתודה</div>
<div style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">מ-105 ל-134 בחודש</div>
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">עשיתי סימולציה כל שבת. הבחנים הקטנים בין לבין הראו לי בדיוק מה לתקן.</p>
</div>
<div style="display:grid;gap:8px;align-content:start">
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.55;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
<div style="font-family:var(--font-display);font-weight:700;font-size:19.5px;color:var(--ez-ink)">שירה, סטודנטית</div>
<div style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">פטור בניסיון השני</div>
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">לקחתי את מסלול השבועיים לפני המועד. האימון האישי בסוף עשה את ההבדל.</p>
</div>
<div style="display:grid;gap:8px;align-content:start">
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.55;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
<div style="font-family:var(--font-display);font-weight:700;font-size:19.5px;color:var(--ez-ink)">איתי, אחרי שחרור</div>
<div style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">מ-88 ל-120 ב-6 חודשים</div>
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">התחלתי מאפס אחרי הצבא. המשחקים החזירו אותי לזה כל ערב, גם כשלא בא לי.</p>
</div>
</div>
</div>
</section>
<section data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:64px 64px 56px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 20px">חשוב וכדאי לדעת מראש</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:17.5px;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="טלפון" 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">
<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>
<template id="__bundler_thumbnail"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="#A9A4EC"></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></x-dc>
<script type="text/x-dc" data-dc-script>
class Component extends DCLogic {
state = { plan: "month", coach: false, books: false, sent: false, openFaq: -1 };
renderVals() {
const prices = { twoWeeks: 250, month: 350, six: 600 };
const labels = { twoWeeks: "שבועיים", month: "חודש", six: "6 חודשים" };
const total = prices[this.state.plan] + (this.state.coach ? 250 : 0) + (this.state.books ? 170 : 0);
const faqData = [
{ q: "לכמה זמן יש לי גישה?", a: "בדיוק לאורך המסלול שבחרתם – שבועיים, חודש או 6 חודשים מרגע הרכישה. לא מצליחים לסיים? כתבו לנו ונמצא פתרון." },
{ q: "מה אם ארצה לבטל?", a: "אפשר לבטל בתוך 14 יום מהרכישה ולקבל החזר מלא, בלי שאלות ובלי אותיות קטנות. אחרי שבועיים של שימוש – נחשב לפי מה שנוצל." },
{ q: "איך עובד האימון האישי?", a: "שיעור פרטי אחד על אחד בזום עם מדריך/ה. קובעים מועד אחרי הרכישה, והמדריך מגיע מוכן עם התוצאות שלכם מהיוזר." },
{ q: "אפשר לשדרג לקורס המלא?", a: "כן, בכל שלב. מה ששילמתם על היוזר יורד ממחיר הקורס." },
{ q: "באילו אמצעי תשלום אפשר לשלם?", a: "כרטיס אשראי, ביט או Apple Pay / Google Pay. אפשר גם לפצל לתשלומים." },
];
return {
isTwoWeeks: this.state.plan === "twoWeeks",
isMonth: this.state.plan === "month",
isSix: this.state.plan === "six",
coach: this.state.coach,
books: this.state.books,
toggleBooks: () => this.setState(s => ({ books: !s.books })),
pickTwoWeeks: () => this.setState({ plan: "twoWeeks" }),
pickMonth: () => this.setState({ plan: "month" }),
pickSix: () => this.setState({ plan: "six" }),
toggleCoach: () => this.setState(s => ({ coach: !s.coach })),
summaryLine: "המסלול שלכם: " + labels[this.state.plan] + (this.state.books ? " + ספרים" : "") + (this.state.coach ? " + אימון אישי" : ""),
totalText: total + " ₪",
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>