Imported design export as-is (3/5)

2026-08-20 12:43:23 +00:00
parent 0756b18316
commit c206a85cb9
30 changed files with 1250 additions and 0 deletions
@@ -0,0 +1,112 @@
+<!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>