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
improve-score.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="#3F4197"></rect><text x="50" y="66" text-anchor="middle" font-family="Arial, sans-serif" font-weight="bold" font-size="44" fill="#ffffff">ez</text></svg></template>
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink)">
<a href="#contact" aria-label="וואטסאפ" style="position:fixed;bottom:28px;left:28px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2);border-bottom:none">
<i class="ph ph-whatsapp-logo" style="font-size:30px;color:#fff"></i>
</a>
<x-import component-from-global-scope="ez-mobile-chrome" from="assets/mobile-chrome.js" hint-size="1px,1px"></x-import>
<header data-screen-label="Header" style="display:flex;align-items:center;justify-content:space-between;padding:18px 64px;border-bottom:1px solid var(--ez-line);position:sticky;top:0;background:#fff;z-index:50">
<a href="index.html" style="display:flex;align-items:center;gap:12px;border-bottom:none">
<img src="assets/logo-mark-orange.png" alt="eazy" style="width:54px;height:54px">
<span style="width:1px;height:30px;background:var(--ez-line)"></span>
<span style="font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--ez-lavender-deep);line-height:1">English</span>
</a>
<nav style="display:flex;gap:22px;font-family:var(--font-body);font-size:16.5px;white-space:nowrap">
<a href="amirnet.html" style="color:var(--ez-ink)">אמירנט</a>
<a href="compare.html" style="color:var(--ez-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">35 יום בין מבחן למבחן. עם תוכנית ממוקדת, זה בדיוק הזמן שצריך כדי לעלות רמה.</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">בדקו איפה אתם היום – 5 דקות</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-hero-laptop.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-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 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-target" 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">אתם כבר מכירים את המבחן. עכשיו צריך תרגול חכם: סימולציות מלאות, משחקי אוצר מילים, ומעקב שמראה בדיוק איפה הנקודות שלכם. מ-250 ₪.</p>
<div style="display:flex;gap:14px;align-items:center">
<a href="user.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="course.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">רוצים ליווי צמוד? קורס עם מדריך ←</a>
</div>
</div>
<img src="assets/game-word-cannon.png" alt="משחק תותח מילים" 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-1.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">במבחן הראשון קיבלתי 92 ונשברתי. במקום ללמוד "עוד", למדתי אחרת – משחקי מילים בהפסקות ואסטרטגיות פתרון. 7 שבועות אחרי: 136.</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)">מ-92 ל-136 ב-7 שבועות</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: "תלוי בפער ובזמן שתשקיעו. עלייה של רמה אחת (כ-16-20 נקודות) ב-35 יום היא יעד ריאלי עם תוכנית ממוקדת. עליות גדולות יותר דורשות בדרך כלל שני מועדים." },
{ q: "הציון הקודם שלי נמחק כשאני נבחן שוב?", a: "לא. המוסדות מתחשבים בציון הגבוה, כך שאין מה להפסיד ממועד נוסף – רק להרוויח." },
{ q: "איך אני יודע על מה להתמקד?", a: "מתחילים ממבחן רמה קצר וניתוח המבחן הקודם. לרוב מגלים שהפער יושב באוצר מילים או בניהול זמן – לא ביכולת." },
{ q: "צריך קורס שלם בשביל כמה נקודות?", a: "לא בהכרח. לפער קטן, היוזר עם תוכנית ממוקדת מספיק ברוב המקרים. בשיחת ייעוץ נגיד לכם בכנות אם קורס יהיה בזבוז בשבילכם." },
{ q: "כמה פעמים אפשר לגשת לאמירנט?", a: "אין הגבלה על מספר הפעמים, רק על התדירות – 35 יום בין מבחן למבחן." },
];
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>