Files

201 lines
17 KiB
HTML
Raw Permalink 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="#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">מגיעים לתואר עם ציון 95? זה 3 קורסי אנגלית, שנה שלמה, ואלפי שקלים.</p>
<div style="display:flex;gap:16px;align-items:center">
<button 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">בדקו את הרמה שלכם – 5 דקות</button>
<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-walking-student.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)">"לא נגעתי באנגלית 3 שנים"</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">הקורס אונליין בערבים, וכל שיעור מוקלט. פספסתם? משלימים. היוזר זמין 24/7 – גם ב-23:00 אחרי משמרת.</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">28 שנים לימדו אותנו שהבעיה כמעט אף פעם לא יכולת – אלא לחץ. השיטה שלנו בנויה להוריד אותו קודם.</p>
</div>
</div>
</section>
<section data-screen-label="המלצת מוצר" style="max-width:1280px;margin:0 auto;padding:0 64px 56px">
<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">
<button style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:13px 28px;font-family:var(--font-display);font-weight:700;font-size:17.5px;cursor:pointer">שיחת ייעוץ חינם</button>
<a href="user.html" style="font-family:var(--font-display);font-weight:700;font-size:16.5px;border-bottom:none">מעדיפים לבד? יוזר אמירנט מ-250 ₪ ←</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-2.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">השתחררתי עם אנגלית של כיתה י'. חצי שנה אחרי – 120 ופטור כמעט מלא. הקורס בערבים הסתדר עם העבודה, והמדריך פשוט לא נתן לי להיעלם.</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)">מ-88 ל-120 ב-6 חודשים</span>
</div>
<a href="#" 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">
<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>
</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: "אפשר לשלם בפיקדון החיילים המשוחררים, ואנחנו מפצלים לתשלומים. פרטים מדויקים בשיחת הייעוץ." },
{ 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>