113 lines
8.5 KiB
HTML
113 lines
8.5 KiB
HTML
<!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="#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>
|
||
<div style="background:#fff;min-height:100vh;font-family:var(--font-body);color:var(--ez-ink)">
|
||
|
||
<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>
|
||
<span dir="ltr" style="font-family:var(--font-mono);font-size:14.5px;color:var(--ez-fg-2)">1-700-70-70-07</span>
|
||
</header>
|
||
|
||
<div style="max-width:1080px;margin:0 auto;padding:48px 64px 64px">
|
||
<h1 style="font-family:var(--font-display);font-weight:700;font-size:48px;line-height:1.05;color:var(--ez-ink);margin:0 0 12px">דברו איתנו</h1>
|
||
<p style="font-size:19.5px;color:var(--ez-fg-2);margin:0 0 40px;max-width:560px">שאלה, התלבטות, או סתם רוצים לשמוע מה מתאים לכם – עונה לכם בן אדם, לא בוט.</p>
|
||
<div style="display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start">
|
||
<div data-screen-label="טופס" style="display:grid;gap:14px">
|
||
<input type="text" placeholder="שם" style="height:48px;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:48px;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">
|
||
<input type="email" placeholder="מייל (לא חובה)" dir="rtl" style="height:48px;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">
|
||
<select style="height:48px;border:1px solid var(--ez-line);border-radius:8px;padding:0 12px;font-family:var(--font-body);font-size:17.5px;background:#fff;color:var(--ez-fg-2)">
|
||
<option>מה המצב שלך עם אנגלית?</option>
|
||
<option>מתכננ/ת תואר, רוצה לסגור מראש</option>
|
||
<option>יש לי ציון, רוצה להעלות</option>
|
||
<option>אנגלית תמיד הייתה הסיוט שלי</option>
|
||
</select>
|
||
<textarea placeholder="מה תרצו לשאול?" rows="4" style="border:1px solid var(--ez-line);border-radius:8px;padding:12px 14px;font-family:var(--font-body);font-size:17.5px;background:#fff;resize:vertical"></textarea>
|
||
<button onClick="{{ submitLead }}" style="background:var(--ez-orange);color:#fff;border:0;border-radius:999px;padding:15px 0;font-family:var(--font-display);font-weight:700;font-size:18.5px;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 style="background:var(--ez-paper-cool);border-radius:10px;padding:16px 20px;display:flex;gap:12px;align-items:start">
|
||
<i class="ph ph-info" style="font-size:21px;color:var(--ez-lavender-deep);margin-top:2px"></i>
|
||
<p style="font-size:16.5px;line-height:1.6;color:var(--ez-fg-2);margin:0"><b style="color:var(--ez-ink)">מה קורה אחרי שאתם שולחים:</b> יועץ מתקשר תוך יום עבודה. אם ציינתם מייל – תקבלו גם סיכום כתוב. אף פרט לא עובר הלאה.</p>
|
||
</div>
|
||
</div>
|
||
<div data-screen-label="פרטי קשר" style="display:grid;gap:22px">
|
||
<a href="#" style="border:1px solid var(--ez-line);border-radius:12px;padding:20px 24px;display:flex;gap:16px;align-items:center;color:var(--ez-ink);border-bottom:1px solid var(--ez-line)" style-hover="box-shadow:var(--shadow-1)">
|
||
<i class="ph ph-whatsapp-logo" style="font-size:32px;color:#25D366"></i>
|
||
<div style="display:grid;gap:2px">
|
||
<span style="font-family:var(--font-display);font-weight:700;font-size:18.5px">וואטסאפ – הכי מהיר</span>
|
||
<span style="font-size:16.5px;color:var(--ez-fg-2)">יועץ אנושי, בשעות הפעילות</span>
|
||
</div>
|
||
</a>
|
||
<div style="border:1px solid var(--ez-line);border-radius:12px;padding:20px 24px;display:flex;gap:16px;align-items:center">
|
||
<i class="ph ph-phone" style="font-size:32px;color:var(--ez-orange)"></i>
|
||
<div style="display:grid;gap:2px">
|
||
<span dir="ltr" style="font-family:var(--font-mono);font-size:20px;color:var(--ez-ink)">1-700-70-70-07</span>
|
||
<span style="font-size:16.5px;color:var(--ez-fg-2)">א'-ה' 9:00-19:00 · ו' 9:00-13:00</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<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 };
|
||
renderVals() {
|
||
return {
|
||
leadButtonText: this.state.sent ? "קיבלנו! נחזור אליכם תוך יום עבודה" : "שלחו לי מענה",
|
||
submitLead: () => { this.setState({ sent: true }); setTimeout(() => { window.location.href = "thank-you.html"; }, 600); },
|
||
};
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|