95 lines
4.6 KiB
HTML
95 lines
4.6 KiB
HTML
<!doctype html>
|
|
<html lang="he" dir="rtl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>עמוד תשלום | Emaillion</title>
|
|
<meta name="description" content="עמוד תשלום מאובטח לרכישת אתר מבית Emaillion">
|
|
<meta property="og:title" content="עמוד תשלום | Emaillion">
|
|
<meta property="og:description" content="רכישת אתר מקצועי מבית Emaillion - תשלום מאובטח">
|
|
<meta property="og:type" content="website">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><linearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'><stop offset='0%25' stop-color='%235B4CE0'/><stop offset='100%25' stop-color='%237C3AED'/></linearGradient></defs><circle cx='50' cy='50' r='45' fill='url(%23g)'/><text x='50' y='68' font-family='Arial' font-size='50' font-weight='600' fill='white' text-anchor='middle'>E</text></svg>">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<header class="header">
|
|
<div class="logo">
|
|
<svg class="logo-icon" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
<defs>
|
|
<linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#5B4CE0"/>
|
|
<stop offset="100%" stop-color="#7C3AED"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<circle cx="20" cy="20" r="18" fill="url(#logoGrad)"/>
|
|
<text x="20" y="27" font-family="Arial, sans-serif" font-size="20" font-weight="600" fill="white" text-anchor="middle">E</text>
|
|
</svg>
|
|
<span class="logo-text" lang="en">Emaillion</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
<div class="checkout-card" id="checkoutCard">
|
|
<div class="card-header">
|
|
<div class="business-badge">
|
|
<svg class="badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
|
|
<polyline points="9,22 9,12 15,12 15,22"/>
|
|
</svg>
|
|
</div>
|
|
<h1 class="business-title" id="businessTitle">רכישת אתר</h1>
|
|
<p class="business-subtitle" id="businessSubtitle"></p>
|
|
</div>
|
|
|
|
<div class="plan-section" id="planSection">
|
|
<div class="plan-badge" id="planBadge"></div>
|
|
<div class="plan-details">
|
|
<h2 class="plan-title" id="planTitle"></h2>
|
|
<div class="plan-price" id="planPrice"></div>
|
|
</div>
|
|
<ul class="plan-features" id="planFeatures"></ul>
|
|
</div>
|
|
|
|
<div class="iframe-container" id="iframeContainer">
|
|
<div class="iframe-loading" id="iframeLoading" role="status" aria-live="polite">
|
|
<div class="spinner" aria-hidden="true"></div>
|
|
<span>טוען טופס תשלום...</span>
|
|
</div>
|
|
<iframe
|
|
id="paymentFrame"
|
|
title="טופס תשלום מאובטח SmartPay"
|
|
allow="payment"
|
|
></iframe>
|
|
</div>
|
|
|
|
<div class="error-state" id="errorState" style="display: none;">
|
|
<svg class="error-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
|
|
<circle cx="12" cy="12" r="10"/>
|
|
<line x1="12" y1="8" x2="12" y2="12"/>
|
|
<circle cx="12" cy="16" r="0.5" fill="currentColor"/>
|
|
</svg>
|
|
<h2 class="error-title">קישור לא תקין</h2>
|
|
<p class="error-message">יש לחזור לדף העסק ולבחור חבילה מחדש</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="security-badge">
|
|
<svg class="lock-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
|
|
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
|
|
</svg>
|
|
<span>תשלום מאובטח דרך <span lang="en">SmartPay</span></span>
|
|
</div>
|
|
<div class="footer-brand"><span lang="en">Emaillion Ltd</span> © 2025</div>
|
|
</footer>
|
|
</div>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |