Files
eazy-design-export/index.html
T

400 lines
42 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)">
<sc-if value="{{ floatingWhatsapp }}" hint-placeholder-val="{{ true }}">
<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>
</sc-if>
<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">
<div style="display:flex;align-items:center;gap:12px">
<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>
</div>
<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-ink)">הקורסים</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="position:relative;overflow:hidden;padding:64px 64px 0;max-width:1280px;margin:0 auto">
<img src="assets/bg-e-watermark.jpg" alt="" aria-hidden="true" style="position:absolute;left:-8%;top:-4%;width:72%;opacity:.35;pointer-events:none;z-index:0;mix-blend-mode:multiply">
<div style="position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:end">
<div style="padding-bottom:56px">
<h1 style="font-family:var(--font-display);font-weight:700;font-size:84px;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:20px;line-height:1.55;color:var(--ez-fg-2);max-width:560px;margin:26px 0 0">מאז 1998 עזרנו ל-120,000 תלמידים להגיע לאקדמיה – כולל כאלה שהיו בטוחים שאנגלית זה לא בשבילם.<br>קורס עם מדריך בזמן אמת, או ערכת תרגול עצמאית. בכל מקרה, מתחילים בחינם.</p>
<div style="display:flex;gap:16px;align-items:center;margin-top:28px">
<a href="level-test.html" style="display:inline-block;background:var(--ez-orange);color:#fff;border-radius:999px;padding:15px 30px;font-family:var(--font-display);font-weight:700;font-size:18px;border-bottom:none">בדקו את הרמה שלכם – 10 דקות</a>
</div>
</div>
<div style="position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:420px">
<sc-if value="{{ heroSitting }}" hint-placeholder-val="{{ true }}">
<img src="assets/photo-hero-laptop.png" alt="תלמידה עם לפטופ" style="position:relative;width:400px;display:block">
</sc-if>
<sc-if value="{{ heroWalking }}" hint-placeholder-val="{{ false }}">
<img src="assets/photo-walking-student.png" alt="תלמידה" style="position:relative;width:260px;display:block">
</sc-if>
</div>
</div>
<div style="border-top:1px solid var(--ez-line);padding:20px 0 28px;display:grid;gap:16px">
<div style="display:flex;justify-content:space-between;align-items:baseline;gap:24px">
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px;color:var(--ez-ink)">המוסדות הכי נחשבים בארץ ממליצים על הקורסים שלנו עוד מאז שאנגלית הייתה חלק מהפסיכומטרי.</span>
<span style="font-size:15.5px;color:var(--ez-fg-3);white-space:nowrap">לחצו על לוגו כדי לקרוא למה הם שמחים לפרגן</span>
</div>
<div style="display:grid;grid-template-columns:repeat(10,1fr);gap:10px">
<sc-for list="{{ uniLogos }}" as="u" hint-placeholder-count="10">
<div onClick="{{ u.open }}" title="{{ u.name }}" style="border:1px solid var(--ez-line);border-radius:8px;height:60px;padding:8px 10px;display:flex;align-items:center;justify-content:center;background:#fff;filter:grayscale(1);opacity:.85;cursor:pointer" style-hover="filter:grayscale(0);opacity:1;box-shadow:var(--shadow-1)">
<img src="{{ u.img }}" alt="{{ u.name }}" style="max-height:100%;max-width:100%;object-fit:contain">
</div>
</sc-for>
</div>
</div>
</section>
<section data-screen-label="איפה אתם" style="padding:56px 64px 40px;max-width:1280px;margin:0 auto">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 6px">מה המצב שלך באנגלית?</h2>
<p style="font-size:18.5px;color:var(--ez-fg-2);margin:0 0 22px">לחצו על המשפט שהכי מתאר אתכם – ותקבלו עמוד עם תשובות ומסלול בדיוק בשבילכם.</p>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
<a href="soldiers.html" style="border:1px solid var(--ez-line);border-radius:14px;padding:26px;display:grid;gap:12px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2);border-color:var(--ez-orange)">
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">01</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.3">"בדרך לתואר, רוצה לסגור את האנגלית מראש"</span>
<span style="font-size:17.5px;color:var(--ez-fg-2)">להגיע עם פטור ולחסוך שנה של קורסים.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange)">זה אני ←</span>
</a>
<a href="improve-score.html" style="border:1px solid var(--ez-line);border-radius:14px;padding:26px;display:grid;gap:12px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2);border-color:var(--ez-orange)">
<span style="font-family:var(--font-mono);font-size:21px;color:#25D366">02</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.3">"קיבלתי ציון, רוצה להעלות אותו"</span>
<span style="font-size:17.5px;color:var(--ez-fg-2)">35 יום עד המבחן הבא. אפשר לנצל אותם.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange)">זה אני ←</span>
</a>
<a href="english-is-hard.html" style="border:1px solid var(--ez-line);border-radius:14px;padding:26px;display:grid;gap:12px;align-content:start;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-2);border-color:var(--ez-orange)">
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">03</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.3">"אנגלית תמיד הייתה סיוט בשבילי"</span>
<span style="font-size:17.5px;color:var(--ez-fg-2)">כאן זה עובד אחרת. באמת. שווה לבדוק.</span>
<span style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange)">זה אני ←</span>
</a>
</div>
</section>
<section id="free" data-screen-label="טעימת משחק" style="padding:16px 64px 0;max-width:1280px;margin:0 auto">
<div style="background:var(--ez-lavender-tint);border-radius:12px;padding:32px 36px;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center">
<div style="display:grid;gap:10px;justify-items:start">
<span style="background:#fff;border:1px solid var(--ez-line);border-radius:999px;padding:5px 14px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-lavender-deep)">בלי הרשמה</span>
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0">עד 90 שניות טעימה של תותח מילים – בלי הרשמה.</h2>
<p style="font-size:18px;color:var(--ez-fg-2);margin:0">תראו למה התלמידים שלנו לא נרדמים על אוצר מילים.</p>
<a href="free.html" style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none">משחקים עכשיו ←</a>
</div>
<img src="assets/game-word-cannon.png" alt="תותח מילים – משחק אוצר מילים" style="width:100%;border-radius:8px;display:block;box-shadow:var(--shadow-2)">
</div>
</section>
<section id="products" data-screen-label="המוצרים" style="padding:64px 64px;max-width:1280px;margin:0 auto">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:36px;color:var(--ez-lavender-deep);margin:0 0 36px">שתי דרכים להגיע <span style="color:var(--ez-orange)">ליעד</span></h2>
<div style="display:grid;grid-template-columns:1fr 1px 1fr;gap:36px;align-items:start">
<div style="display:grid;gap:12px">
<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:26px;color:var(--ez-ink)">עד 600 ₪</div>
<div style="display:flex;gap:14px;align-items:center">
<a href="user.html" style="display:inline-block;background:var(--ez-ink);color:#fff;border-radius:999px;padding:11px 26px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">לרכישה</a>
<a href="user.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">פרטים ←</a>
</div>
</div>
<div style="background:var(--ez-line);height:100%"></div>
<div style="display:grid;gap:12px">
<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:26px;color:var(--ez-ink)">מ-1,500 ₪</div>
<div style="display:flex;gap:14px;align-items:center">
<a href="course.html" style="display:inline-block;background:var(--ez-orange);color:#fff;border-radius:999px;padding:11px 26px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">שיחת ייעוץ</a>
<a href="course.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">פרטים ←</a>
</div>
</div>
</div>
<p style="font-size:17.5px;color:var(--ez-fg-2);margin:28px 0 0">לא בטוחים? <a href="compare.html">איזה מתאים לי</a> או פשוט תכתבו לנו <a href="#contact">בוואטסאפ</a>.</p>
</section>
<section id="method" data-screen-label="בעיה פתרון" style="padding:0 64px 56px;max-width:1280px;margin:0 auto">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px;border-top:1px solid var(--ez-line);padding-top:48px">איפה האתגרים ואיך מתגברים עליהם</h2>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:28px 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:19px;color:var(--ez-ink)">אוצר מילים לא נכנס לראש</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 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:19px;color:var(--ez-ink)">לא מבינים את סוגי השאלות</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 0 0">שיעורים ממוקדים, תרגולים ו-VOD.</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:19px;color:var(--ez-ink)">קשה להתמיד לבד</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 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:19px;color:var(--ez-orange)">אנגלית מלחיצה אתכם מגיל 12</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 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:19px;color:var(--ez-ink)">לקות למידה / הזמן הורג אתכם</div><p style="font-size:17px;color:var(--ez-fg-2);margin:4px 0 0">ניסיון של שנים עם התאמות.</p></div>
</div>
</div>
<div style="max-width:760px;margin:44px auto 0;text-align:center">
<p style="font-family:var(--font-display);font-weight:700;font-size:22.5px;line-height:1.45;color:var(--ez-ink);margin:0">רוב הקורסים מלמדים את המבחן. אנחנו מלמדים גם את האדם שנבחן. 28 שנים של עבודה עם חיילים, סטודנטים, לקויי למידה ומי שפשוט התייאש – לימדו אותנו שהמפתח הוא לא עוד תרגול, אלא ללמוד בלי לחץ, בשיטה חווייתית שגורמת לך לרצות לחזור.</p>
<a href="about.html" style="display:inline-block;margin-top:14px;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none">איך השיטה עובדת ←</a>
</div>
</section>
<section id="stories" data-screen-label="סיפורי תלמידים" style="padding:56px 64px;background:var(--ez-paper-cool)">
<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)">מ-92 ל-136 ב-7 שבועות</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)">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)">פטור אחרי 3 ניסיונות לבד</div>
<p style="font-size:17px;color:var(--ez-fg-2);margin:0">אחרי שנים של תסכול, מישהו סוף סוף התאים לי את הדרך במקום לדחוף עוד תרגולים.</p>
</div>
</div>
<div style="display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ez-line);margin-top:32px;padding-top:16px">
<span style="font-size:16px;color:var(--ez-fg-3)">מומלץ ע"י הטכניון · אונ' תל אביב · העברית · בן גוריון · בר אילן · חיפה · אריאל</span>
<a href="story-itay.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">כל הסיפורים ←</a>
</div>
</div>
</section>
<section id="mentors" data-screen-label="המדריכים" style="padding:64px 64px 56px;max-width:1280px;margin:0 auto">
<div style="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>
<a href="about.html" style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none">להכיר את כולם ←</a>
</div>
<div style="display:flex;gap:28px;align-items:end;justify-content:start">
<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 id="guide" data-screen-label="מדריך אמירנט" style="padding:0 64px 56px;max-width:1280px;margin:0 auto">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px;border-top:1px solid var(--ez-line);padding-top:48px">מדריך אמירנט</h2>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px">
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">מה זה אמירנט<span style="color:var(--ez-orange)"></span></a>
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">כמה צריך לפטור<span style="color:var(--ez-orange)"></span></a>
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">מבנה הבחינה<span style="color:var(--ez-orange)"></span></a>
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">הרשמה ומועדים<span style="color:var(--ez-orange)"></span></a>
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">אמיר"ם מול אמירנט<span style="color:var(--ez-orange)"></span></a>
<a href="amirnet.html" style="display:flex;justify-content:space-between;align-items:center;border:1px solid var(--ez-line);border-radius:8px;padding:18px 20px;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ez-ink);border-bottom-color:var(--ez-line)">מבחן לדוגמה<span style="color:var(--ez-orange)"></span></a>
</div>
<a href="amirnet.html" style="display:inline-block;margin-top:16px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">למדריך המלא ←</a>
</section>
<section id="learn" data-screen-label="ללמוד אנגלית" style="padding:0 64px 64px;max-width:1280px;margin:0 auto">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ez-ink);margin:0 0 24px;border-top:1px solid var(--ez-line);padding-top:48px">ללמוד אנגלית, בכיף</h2>
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:24px">
<a href="vocabulary.html" style="display:grid;gap:12px;color:var(--ez-ink);border-bottom:none">
<div style="position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid var(--ez-line)"><img src="assets/video-mentor.png" alt="סרטון: איך משננים אוצר מילים" style="width:100%;height:100%;object-fit:cover;display:block"><span style="position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center"><i class="ph-fill ph-play" style="font-size:22.5px;color:#fff"></i></span></div>
<div style="font-family:var(--font-display);font-weight:700;font-size:19px">איך משננים אוצר מילים באמת</div>
</a>
<a href="learn.html" style="display:grid;gap:12px;color:var(--ez-ink);border-bottom:none">
<div style="position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid var(--ez-line)"><img src="assets/video-mentor.png" alt="סרטון: ללמוד אנגלית מסרטים וסדרות" style="width:100%;height:100%;object-fit:cover;display:block"><span style="position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center"><i class="ph-fill ph-play" style="font-size:22.5px;color:#fff"></i></span></div>
<div style="font-family:var(--font-display);font-weight:700;font-size:19px">ללמוד אנגלית מסרטים וסדרות</div>
</a>
<a href="learn.html" style="display:grid;gap:12px;color:var(--ez-ink);border-bottom:none">
<div style="position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid var(--ez-line)"><img src="assets/video-mentor.png" alt="סרטון: טיקטוק ורילס כמורה לאנגלית" style="width:100%;height:100%;object-fit:cover;display:block"><span style="position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;background:var(--ez-orange);display:flex;align-items:center;justify-content:center"><i class="ph-fill ph-play" style="font-size:22.5px;color:#fff"></i></span></div>
<div style="font-family:var(--font-display);font-weight:700;font-size:19px">טיקטוק ורילס כמורה לאנגלית</div>
</a>
</div>
<a href="learn.html" style="display:inline-block;margin-top:16px;font-family:var(--font-display);font-weight:700;font-size:17px;border-bottom:none">לכל הטיפים ←</a>
</section>
<section id="about" data-screen-label="אודות" style="padding:0 64px;max-width:1280px;margin:0 auto">
<div style="border-top:1px solid var(--ez-line);padding:48px 0;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center">
<img src="assets/photo-walking-student.png" alt="" style="height:180px">
<div style="display:grid;gap:8px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--ez-ink);margin:0">מ-1998, מהטכניון ועד בן גוריון</h2>
<p style="font-size:18px;color:var(--ez-fg-2);margin:0;max-width:560px">התחלנו כשהאנגלית עוד הייתה חלק מהפסיכומטרי, והקורסים שלנו הומלצו ע"י האוניברסיטאות המובילות. היום אנחנו עושים את אותו הדבר לאמירנט.</p>
</div>
<a href="about.html" style="font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ez-orange);border-bottom:none;white-space:nowrap">הסיפור שלנו ←</a>
</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:0019:00, ו' 9:0013:00</span>
</div>
</div>
</section>
<sc-if value="{{ recOpen }}" hint-placeholder-val="{{ false }}">
<div onClick="{{ closeRec }}" style="position:fixed;inset:0;z-index:200;background:rgba(26,26,32,.55);display:flex;align-items:center;justify-content:center;padding:24px">
<div onClick="{{ stopRec }}" style="background:#fff;border-radius:14px;max-width:720px;width:100%;max-height:86vh;overflow:auto;padding:28px 32px;position:relative">
<button onClick="{{ closeRec }}" aria-label="סגירה" style="position:absolute;top:14px;left:14px;width:38px;height:38px;border:1px solid var(--ez-line);border-radius:10px;background:#fff;cursor:pointer;font-size:18.5px;color:var(--ez-ink)"><i class="ph ph-x"></i></button>
<span style="font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--ez-orange)">למה הם שמחים לפרגן</span>
<h3 style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-ink);margin:6px 0 16px">{{ recTitle }}</h3>
<sc-if value="{{ recImg }}" hint-placeholder-val="{{ false }}"><img src="{{ recImg }}" alt="{{ recTitle }}" style="width:100%;border:1px solid var(--ez-line);border-radius:8px;display:block"></sc-if>
<sc-for list="{{ recParas }}" as="para" hint-placeholder-count="0"><p style="font-size:18px;line-height:1.7;color:var(--ez-fg-2);margin:0 0 12px">{{ para }}</p></sc-for>
<sc-if value="{{ recSigner }}" hint-placeholder-val="{{ false }}"><div style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink);margin-top:6px">{{ recSigner }}</div></sc-if>
</div>
</div>
</sc-if>
<footer data-screen-label="Footer" style="padding:40px 64px 20px;border-top:1px solid var(--ez-line)">
<div style="max-width:1152px;margin:0 auto">
<div style="display:grid;grid-template-columns:auto 1fr 1fr 1fr 1fr;gap:40px;align-items:start">
<div style="display:grid;gap:8px;justify-items:start">
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:58px;height:58px">
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-orange)">פשוט תצליחו.</span>
</div>
<div style="display:grid;gap:8px;font-size:14px">
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">אמירנט</span>
<a href="amirnet.html" style="color:var(--ez-fg-2);border-bottom:none">המדריך המלא</a>
<a href="amirnet.html" style="color:var(--ez-fg-2);border-bottom:none">ציונים ורמות</a>
<a href="amirnet.html" style="color:var(--ez-fg-2);border-bottom:none">הרשמה ומועדים</a>
</div>
<div style="display:grid;gap:8px;font-size:14px">
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">התנסות אמירנט בחינם</span>
<a href="free.html" style="color:var(--ez-fg-2);border-bottom:none">מבחן רמה</a>
<a href="free.html" style="color:var(--ez-fg-2);border-bottom:none">תותח מילים</a>
<a href="free.html" style="color:var(--ez-fg-2);border-bottom:none">מחשבון פטור</a>
</div>
<div style="display:grid;gap:8px;font-size:14px">
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">הקורסים</span>
<a href="course.html" style="color:var(--ez-fg-2);border-bottom:none">קורס אמירנט אונליין</a>
<a href="user.html" style="color:var(--ez-fg-2);border-bottom:none">יוזר אמירנט</a>
<a href="contact.html" style="color:var(--ez-fg-2);border-bottom:none">למוסדות</a>
</div>
<div style="display:grid;gap:8px;font-size:14px">
<span style="font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ez-ink)">eazy</span>
<a href="about.html" style="color:var(--ez-fg-2);border-bottom:none">עלינו</a>
<a href="about.html" style="color:var(--ez-fg-2);border-bottom:none">המדריכים</a>
<a href="#contact" style="color:var(--ez-fg-2);border-bottom:none">יצירת קשר</a>
</div>
</div>
<div style="height:1px;background:var(--ez-orange);margin:28px 0 14px"></div>
<div style="display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ez-fg-2)">
<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>
<span style="display:flex;gap:12px;color:var(--ez-fg-3)"><i class="ph ph-youtube-logo" style="font-size:17px"></i><i class="ph ph-facebook-logo" style="font-size:17px"></i><i class="ph ph-instagram-logo" style="font-size:17px"></i></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="#F37327"></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 data-props="{&quot;floatingWhatsapp&quot;:{&quot;editor&quot;:&quot;boolean&quot;,&quot;default&quot;:true,&quot;tsType&quot;:&quot;boolean&quot;,&quot;section&quot;:&quot;התנהגות&quot;},&quot;heroPhoto&quot;:{&quot;editor&quot;:&quot;enum&quot;,&quot;options&quot;:[&quot;sitting&quot;,&quot;walking&quot;],&quot;default&quot;:&quot;sitting&quot;,&quot;tsType&quot;:&quot;string&quot;,&quot;section&quot;:&quot;Hero&quot;}}">
class Component extends DCLogic {
state = { sent: false, rec: null };
renderVals() {
const photo = this.props.heroPhoto ?? "sitting";
const RECS = {
tau: { title: "מכינת אוניברסיטת תל אביב", img: "assets/letters/tau.jpg" },
technion: { title: "הטכניון – מכתב המלצה", img: "assets/letters/technion.jpg" },
bgu: { title: "אגודת הסטודנטים, אוניברסיטת בן גוריון", img: "assets/letters/bgu.jpg" },
haifa: { title: "אוניברסיטת חיפה – מכתב תודה", img: "assets/letters/haifa.jpg" },
biu: { title: "מינהל המכללות והמכינות, אוניברסיטת בר־אילן", img: "assets/letters/biu.jpg" },
huji: { title: "מכינת הבוגרים, האוניברסיטה העברית", img: "assets/letters/huji.jpg" },
kibbutzim: { title: "מכללת סמינר הקיבוצים", img: "assets/letters/kibbutzim.jpg" },
levinsky: { title: "המכינה הקדם־אקדמית, מכללת לוינסקי לחינוך", img: "assets/letters/levinsky.jpg" },
sapir: { title: "המרכז ללימודי חוץ, מכללת ספיר", signer: "דודו שלמה, מנהל המרכז ללימודי חוץ ספיר", paras: ["מכללת ספיר עובדת בנושא פסיכומטרי עם בית הספר איזי ווי למעלה משנה. בית הספר מקיים בספיר קורסי פסיכומטרי למועמדים ללימודים במכללה, לתלמידי המכינה וכן קורסי אמי\"ר לסטודנטים שכבר לומדים במכללה.", "לאורך השנים שיתפנו פעולה עם מספר בתי ספר שונים לפסיכומטרי ואני מוכרח לציין כי עד כה איזי ווי מתבלטים כבית ספר מקצועי במיוחד ושיפור מורגש לעומת ניסיון העבר שלנו. בית ספר שהינו קשוב לתלמידים ובשיטתיות מוביל אותם להצלחות.", "במהלך תקופה זו נהניתי מעבודה עם גוף מסודר ומאורגן, חדור מוטיבציה ואנרגיות שהביאו לעלייה משמעותית בהישגים ובציונים של התלמידים. מאז תחילת שיתוף הפעולה עם איזי ווי חווינו גם עלייה במספרי התלמידים בקורסי הפסיכומטרי וגם בשביעות רצון התלמידים.", "אציין לטובה את המעורבות האישית של מנכ\"ל החברה, אהוד צלטנר, אשר מפקח על הפעילות ומוודא שתלמידינו אכן מקבלים את מירב הכלים להצליח בבחינות."] },
ariel: { title: "המרכז ללימודים קדם־אקדמיים, אוניברסיטת אריאל", signer: "לימור כץ, מנהלת המרכז ללימודים קדם־אקדמיים", paras: ["קורסי הפסיכומטרי הנלמדים באוניברסיטת אריאל מועברים ע\"י חברת Ez way מזה למעלה מעשור.", "במהלך שנות עבודתנו המשותפת נתקלנו בחברה אשר נגישה לסטודנטים, קשובה לפניותיהם ולקשייהם ומתייחסת לכל אחד באופן אישי. מדי שנה נערכים משובים לסטודנטים אשר מביעים שביעות רצון גבוהה.", "החברה מבטאת מחויבות גבוהה ביותר להצלחת התלמידים, במתן תרגול אין-ספור, מענה אישי לתלמידים ודרכי הוראה מגוונות.", "אני ממליצה להיעזר בשירותי החברה על מנת לקדם את סיכויי ההצלחה של תלמידינו בעתיד."] },
};
const UNIS = [
["אוניברסיטת תל אביב", "assets/logos/tau3.png", "tau"],
["בר אילן", "assets/logos/biu2.png", "biu"],
["הטכניון", "assets/logos/technion.png", "technion"],
["האוניברסיטה העברית", "assets/logos/huji3.png", "huji"],
["אוניברסיטת אריאל", "assets/logos/ariel.png", "ariel"],
["אוניברסיטת חיפה", "assets/logos/haifa.png", "haifa"],
["בן גוריון", "assets/logos/bgu2.png", "bgu"],
["מכללת ספיר", "assets/logos/sapir2.png", "sapir"],
["סמינר הקיבוצים", "assets/logos/kibbutzim.png", "kibbutzim"],
["מכללת לוינסקי", "assets/logos/levinsky.png", "levinsky"],
];
const rec = this.state.rec ? RECS[this.state.rec] : null;
return {
floatingWhatsapp: this.props.floatingWhatsapp ?? true,
heroSitting: photo === "sitting",
heroWalking: photo === "walking",
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "דברו איתי",
submitLead: () => this.setState({ sent: true }),
uniLogos: UNIS.map(([name, img, key]) => ({ name, img, open: key ? () => this.setState({ rec: key }) : undefined })),
recOpen: !!rec,
recTitle: rec ? rec.title : "",
recImg: rec && rec.img ? rec.img : false,
recParas: rec && rec.paras ? rec.paras : [],
recSigner: rec && rec.signer ? rec.signer : false,
closeRec: () => this.setState({ rec: null }),
stopRec: (e) => e.stopPropagation(),
};
}
}
</script>
</body>
</html>