Files
eazy-design-export/english-is-hard.html
T

225 lines
20 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>
<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>
<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-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="max-width:1280px;margin:0 auto;padding:48px 64px 0">
<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 style="color:var(--ez-ink)">אנגלית קשה לי</span>
</div>
<div style="display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end">
<div style="display:grid;gap:20px;padding-bottom:48px">
<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.04;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-family:var(--font-display);font-weight:700;font-size:21.5px;line-height:1.4;color:var(--ez-ink);margin:0;max-width:560px">28 שנים אנחנו פוגשים "מקרים אבודים". הבעיה כמעט אף פעם לא הייתה יכולת – אלא שיטה.</p>
<div style="display:flex;gap:16px;align-items:center">
<a href="free.html" style="display:inline-block;background:var(--ez-orange);color:#fff;border-radius:999px;padding:15px 32px;font-family:var(--font-display);font-weight:700;font-size:18px;border-bottom:none">נסו משחק אחד – בחינם</a>
<a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink);border-bottom:1px solid var(--ez-ink)">שיחת ייעוץ חינם</a>
</div>
</div>
<div style="position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:360px">
<img src="assets/dot-cluster.png" alt="" style="position:absolute;left:-10px;top:0;width:130px">
<img src="assets/photo-mentor-guy.png" alt="תלמיד שגילה שאנגלית זה לא סיוט" style="position:relative;height:360px;display:block">
</div>
</div>
<div style="border-top:1px solid var(--ez-line)"></div>
</section>
<section data-screen-label="בעיה פתרון" style="max-width:1280px;margin:0 auto;padding:48px 64px">
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px">
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">01</span>
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"אני קופא כשאני רואה טקסט באנגלית"</div>
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">זה לחץ, לא יכולת. מתחילים ממשחקים קצרים בלי ציון ובלי שיפוט – עד שאנגלית מפסיקה להפחיד.</p>
</div>
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-lavender-deep)">02</span>
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"ניסיתי ללמוד ותמיד נשברתי"</div>
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">כי דפי שינון משעממים. כשהלמידה עוברת דרך סדרות, שירים ומשחקים – פתאום לא צריך כוח רצון.</p>
</div>
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:26px;display:grid;gap:12px;align-content:start">
<span style="font-family:var(--font-mono);font-size:21px;color:var(--ez-orange)">03</span>
<div style="font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ez-ink)">"אין סיכוי שאני אדע את כל המילים"</div>
<p style="font-size:17.5px;line-height:1.55;color:var(--ez-fg-2);margin:0">גם לא צריך. מלמדים אתכם לפתור ולהרוויח נקודות גם כשחלק מהמילים לא מוכרות. זה חלק מהשיטה.</p>
</div>
</div>
</section>
<section data-screen-label="השיטה" style="background:var(--ez-paper-cool);padding:48px 64px">
<div style="max-width:1280px;margin:0 auto;display:grid;gap:20px">
<h2 style="font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ez-ink);margin:0">למה אצלנו זה עובד גם למי שכבר התייאש</h2>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px">
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
<i class="ph ph-heart" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">מלמדים אנשים, לא סתם אנגלית</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">קודם גורמים לזה להיות מעניין. כשמעניין – הלחץ יורד, והראש נפתח.</p></div>
</div>
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
<i class="ph ph-television-simple" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">לומדים ממה שמקיף אתכם ממילא</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">סדרות, סרטונים ושירים הם חלק מהשיעור – והלמידה נמשכת גם אחריו, בלי להרגיש.</p></div>
</div>
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
<i class="ph ph-game-controller" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">מזנקים באוצר המילים</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">משחקי למידה והמגוון הגדול בארץ של כלי לימוד – מילים נדבקות בלי שינון עיוור.</p></div>
</div>
<div style="background:#fff;border:1px solid var(--ez-line);border-radius:12px;padding:22px;display:flex;gap:14px;align-items:flex-start">
<i class="ph ph-puzzle-piece" style="font-size:26px;color:var(--ez-orange);flex:none;margin-top:2px"></i>
<div><div style="font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ez-ink)">פותרים גם בלי לדעת כל מילה</div><p style="font-size:17px;line-height:1.55;color:var(--ez-fg-2);margin:4px 0 0">אסטרטגיות פתרון שמרוויחות נקודות גם כשהמשפט לא מוכר עד הסוף.</p></div>
</div>
</div>
<a href="about.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none;justify-self:start">על השיטה שלנו ←</a>
</div>
</section>
<section data-screen-label="המלצת מוצר" style="max-width:1280px;margin:0 auto;padding:56px 64px">
<div style="background:var(--ez-lavender-tint);border-radius:12px;padding:36px 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center">
<div style="display:grid;gap:14px;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:30px;color:var(--ez-ink);margin:0">קורס אמירנט אונליין – עם מדריך שלא מוותר עליכם</h2>
<p style="font-size:18px;line-height:1.55;color:var(--ez-fg-2);margin:0">כשאנגלית מלחיצה, ללמוד לבד זה מתכון לוויתור. בקבוצה קטנה עם מדריך בזמן אמת יש מי שרואה אתכם, מתאים את הקצב, ולא נותן לכם להיעלם. מ-1,500 ₪.</p>
<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:13px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;border-bottom:none">לקורס אונליין</a>
<a href="#contact" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">לא בטוחים? דברו איתנו קודם ←</a>
</div>
</div>
<img src="assets/video-mentor.png" alt="מדריך eazy בשיעור" style="width:100%;border-radius:10px;display:block">
</div>
</section>
<section data-screen-label="סיפור תלמיד" style="background:var(--ez-paper-cool);padding:56px 64px">
<div style="max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center">
<img src="assets/mentor-3.png" alt="עומר" style="width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--ez-orange)">
<div style="display:grid;gap:10px">
<span aria-hidden="true" style="font-family:var(--font-display);font-weight:700;font-size:84px;line-height:.4;color:var(--ez-lavender);transform:scaleX(-1)">"</span>
<p style="font-family:var(--font-display);font-weight:700;font-size:22.5px;line-height:1.45;color:var(--ez-ink);margin:0">בתיכון הייתי בטוח שאנגלית זה פשוט לא בשבילי. פה גיליתי שאפשר ללמוד מסדרות שאני ממילא רואה. היום אני סטודנט בטכניון – עם פטור מלא.</p>
<div style="display:flex;gap:14px;align-items:baseline">
<span style="font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--ez-ink)">עומר, סטודנט בטכניון</span>
<span style="font-family:var(--font-mono);font-size:16px;color:var(--ez-orange)">134 לפטור מלא</span>
</div>
<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 data-screen-label="שאלות" style="max-width:900px;margin:0 auto;padding:56px 64px">
<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: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">
</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 = { sent: false, openFaq: -1 };
renderVals() {
const faqData = [
{ q: "אני ממש חלש. יש בכלל טעם להתחיל?", a: "כן. רוב התלמידים שהגיעו אלינו \"אבודים\" פשוט למדו בשיטה שלא התאימה להם. מבחן הרמה מראה נקודת התחלה אמיתית – ומשם בונים, בקצב שלכם." },
{ q: "כמה זמן ייקח לי, אם אני מתחיל מאפס?", a: "מרמה בסיסית לפטור לוקח בדרך כלל 4-8 חודשים של למידה עקבית. זה נשמע הרבה, אבל זה במקום שנה-שנתיים של קורסי אנגלית בתוך התואר." },
{ q: "יש אבחון לקויות למידה או התאמות?", a: "אם יש לכם אבחון, ייתכן שמגיעות לכם התאמות במבחן (תוספת זמן ועוד). נכוון אתכם בשיחת הייעוץ – וגם נתאים את הלמידה עצמה." },
{ q: "מה אם אני אתקע ואתבייש לשאול?", a: "בשביל זה יש קבוצה קטנה ומדריך שמכיר אתכם בשם. ואם נעלמתם – מתקשרים. לא כועסים, פשוט מחזירים אתכם למסלול." },
{ q: "אפשר לנסות משהו לפני שמשלמים?", a: "בטח. משחקי הלמידה ומבחן הרמה פתוחים בחינם – תתחילו שם, בלי להתחייב ובלי להשאיר כרטיס אשראי." },
];
return {
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם היום" : "דברו איתי",
submitLead: () => this.setState({ sent: true }),
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>