client-sites/eazy-design-export
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Imported design export as-is (1/5)

Browse Source
This commit is contained in:
ccadmingit1
2026-08-20 12:43:17 +00:00
parent 472472bc46
commit b2fc842306
60 changed files with 3200 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
english-is-hard.html
+224
View File
@@ -0,0 +1,224 @@
<!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>