AI update: בדוק את קובץ ה-HTML הראשי של האתר. ודא שקיים בדיוק עותק אחד של תגית הסקריפט: <script src="https://emilio.clientscenter.c
This commit is contained in:
+1
-402
@@ -560,408 +560,7 @@
|
||||
<span>052-855-5502</span>
|
||||
</a>
|
||||
|
||||
<!-- Want a site like this FAB + Modal -->
|
||||
<button class="want-site-fab" id="wantSiteFab" aria-label="רוצים אתר כזה?">
|
||||
<span class="want-site-fab-text">רוצים אתר כזה? לחצו כאן ????</span>
|
||||
</button>
|
||||
|
||||
<div class="package-modal-overlay" id="packageModalOverlay" aria-hidden="true">
|
||||
<div class="package-modal" role="dialog" aria-labelledby="packageModalTitle" aria-modal="true">
|
||||
<button class="package-modal-close" id="packageModalClose" aria-label="סגור">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true">
|
||||
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/>
|
||||
</svg>
|
||||
</button>
|
||||
|
||||
<h2 id="packageModalTitle" class="package-modal-title">בחרו את החבילה המתאימה לכם</h2>
|
||||
|
||||
<div class="package-cards">
|
||||
<div class="package-card">
|
||||
<div class="package-card-header">
|
||||
<h3>קוד האתר בלבד</h3>
|
||||
<div class="package-price">₪1,490</div>
|
||||
</div>
|
||||
<ul class="package-features">
|
||||
<li>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
|
||||
קבצי האתר המלאים (HTML, CSS, JS)
|
||||
</li>
|
||||
<li>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
|
||||
עיצוב מותאם אישית לעסק שלכם
|
||||
</li>
|
||||
<li>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
|
||||
ללא אחסון — תעלו בעצמכם
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="package-btn package-btn-secondary" data-plan="code">
|
||||
המשך לתשלום
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" fill="currentColor"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="package-card package-card-featured">
|
||||
<div class="package-badge">מומלץ</div>
|
||||
<div class="package-card-header">
|
||||
<h3>חבילה מלאה</h3>
|
||||
<div class="package-price">₪2,390</div>
|
||||
</div>
|
||||
<ul class="package-features">
|
||||
<li>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
|
||||
קוד האתר + אחסון לשנה
|
||||
</li>
|
||||
<li>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
|
||||
דומיין בהתאמה אישית
|
||||
</li>
|
||||
<li>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor"/></svg>
|
||||
תיבת מייל עסקית
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="package-btn package-btn-primary" data-plan="full">
|
||||
המשך לתשלום
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" fill="currentColor"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
/* Want a site like this - FAB */
|
||||
.want-site-fab {
|
||||
position: fixed;
|
||||
inset-block-end: calc(var(--space-md) + 60px);
|
||||
inset-inline-start: var(--space-md);
|
||||
z-index: 95;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-xs);
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);
|
||||
color: var(--cream);
|
||||
font-family: var(--font-display);
|
||||
font-size: 0.95rem;
|
||||
font-weight: 500;
|
||||
border: 2px solid var(--orange);
|
||||
border-radius: 50px;
|
||||
cursor: pointer;
|
||||
box-shadow: var(--shadow-lg);
|
||||
transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
|
||||
}
|
||||
|
||||
.want-site-fab:hover,
|
||||
.want-site-fab:focus {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: var(--shadow-lg), 0 0 20px rgba(255, 107, 53, 0.4);
|
||||
background: linear-gradient(135deg, var(--navy-light) 0%, var(--navy) 100%);
|
||||
}
|
||||
|
||||
.want-site-fab-text {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.want-site-fab {
|
||||
inset-inline-start: var(--space-sm);
|
||||
inset-block-end: calc(var(--space-sm) + 55px);
|
||||
padding: var(--space-xs) var(--space-sm);
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Package Modal Overlay */
|
||||
.package-modal-overlay {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 200;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: var(--space-md);
|
||||
background: rgba(21, 42, 69, 0.85);
|
||||
backdrop-filter: blur(8px);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity 0.3s, visibility 0.3s;
|
||||
}
|
||||
|
||||
.package-modal-overlay.active {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Package Modal */
|
||||
.package-modal {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 700px;
|
||||
max-height: 90vh;
|
||||
overflow-y: auto;
|
||||
padding: var(--space-xl);
|
||||
background: var(--cream);
|
||||
border-radius: var(--radius-xl);
|
||||
box-shadow: var(--shadow-lg);
|
||||
transform: scale(0.9) translateY(20px);
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
|
||||
.package-modal-overlay.active .package-modal {
|
||||
transform: scale(1) translateY(0);
|
||||
}
|
||||
|
||||
.package-modal-close {
|
||||
position: absolute;
|
||||
inset-block-start: var(--space-md);
|
||||
inset-inline-end: var(--space-md);
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--gray-light);
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s, transform 0.2s;
|
||||
}
|
||||
|
||||
.package-modal-close svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: var(--navy);
|
||||
}
|
||||
|
||||
.package-modal-close:hover,
|
||||
.package-modal-close:focus {
|
||||
background: var(--navy);
|
||||
}
|
||||
|
||||
.package-modal-close:hover svg,
|
||||
.package-modal-close:focus svg {
|
||||
color: var(--cream);
|
||||
}
|
||||
|
||||
.package-modal-title {
|
||||
text-align: center;
|
||||
font-size: clamp(1.25rem, 4vw, 1.75rem);
|
||||
color: var(--navy);
|
||||
margin-block-end: var(--space-lg);
|
||||
}
|
||||
|
||||
/* Package Cards */
|
||||
.package-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: var(--space-md);
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.package-cards {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.package-modal {
|
||||
padding: var(--space-lg) var(--space-md);
|
||||
}
|
||||
}
|
||||
|
||||
.package-card {
|
||||
position: relative;
|
||||
padding: var(--space-lg);
|
||||
background: white;
|
||||
border: 2px solid var(--gray-light);
|
||||
border-radius: var(--radius-lg);
|
||||
transition: border-color 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.package-card:hover {
|
||||
border-color: var(--light-blue);
|
||||
box-shadow: var(--shadow-md);
|
||||
}
|
||||
|
||||
.package-card-featured {
|
||||
border-color: var(--orange);
|
||||
background: linear-gradient(180deg, rgba(255, 107, 53, 0.05) 0%, white 100%);
|
||||
}
|
||||
|
||||
.package-card-featured:hover {
|
||||
border-color: var(--orange);
|
||||
box-shadow: var(--shadow-lg), 0 0 20px rgba(255, 107, 53, 0.15);
|
||||
}
|
||||
|
||||
.package-badge {
|
||||
position: absolute;
|
||||
inset-block-start: -12px;
|
||||
inset-inline-start: 50%;
|
||||
transform: translateX(50%);
|
||||
padding: var(--space-xs) var(--space-sm);
|
||||
background: var(--orange);
|
||||
color: white;
|
||||
font-family: var(--font-display);
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
border-radius: 50px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.package-card-header {
|
||||
text-align: center;
|
||||
margin-block-end: var(--space-md);
|
||||
padding-block-end: var(--space-md);
|
||||
border-block-end: 1px solid var(--gray-light);
|
||||
}
|
||||
|
||||
.package-card-header h3 {
|
||||
font-size: 1.125rem;
|
||||
color: var(--navy);
|
||||
margin-block-end: var(--space-xs);
|
||||
}
|
||||
|
||||
.package-price {
|
||||
font-family: var(--font-display);
|
||||
font-size: 2rem;
|
||||
font-weight: 600;
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
.package-features {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--space-sm);
|
||||
margin-block-end: var(--space-lg);
|
||||
}
|
||||
|
||||
.package-features li {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: var(--space-xs);
|
||||
font-size: 0.9rem;
|
||||
color: var(--gray);
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.package-features svg {
|
||||
flex-shrink: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-block-start: 2px;
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
.package-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: var(--space-xs);
|
||||
width: 100%;
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
font-family: var(--font-display);
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
border-radius: var(--radius-md);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.package-btn svg {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
|
||||
.package-btn:hover svg {
|
||||
transform: translateX(-4px);
|
||||
}
|
||||
|
||||
.package-btn-secondary {
|
||||
background: var(--navy);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.package-btn-secondary:hover,
|
||||
.package-btn-secondary:focus {
|
||||
background: var(--navy-light);
|
||||
}
|
||||
|
||||
.package-btn-primary {
|
||||
background: var(--orange);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.package-btn-primary:hover,
|
||||
.package-btn-primary:focus {
|
||||
background: var(--orange-dark);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: var(--shadow-glow);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.package-modal-overlay,
|
||||
.package-modal,
|
||||
.want-site-fab {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
(function() {
|
||||
'use strict';
|
||||
|
||||
var fab = document.getElementById('wantSiteFab');
|
||||
var overlay = document.getElementById('packageModalOverlay');
|
||||
var closeBtn = document.getElementById('packageModalClose');
|
||||
|
||||
function openModal() {
|
||||
overlay.classList.add('active');
|
||||
overlay.setAttribute('aria-hidden', 'false');
|
||||
closeBtn.focus();
|
||||
document.body.style.overflow = 'hidden';
|
||||
}
|
||||
|
||||
function closeModal() {
|
||||
overlay.classList.remove('active');
|
||||
overlay.setAttribute('aria-hidden', 'true');
|
||||
document.body.style.overflow = '';
|
||||
fab.focus();
|
||||
}
|
||||
|
||||
fab.addEventListener('click', openModal);
|
||||
closeBtn.addEventListener('click', closeModal);
|
||||
|
||||
overlay.addEventListener('click', function(e) {
|
||||
if (e.target === overlay) {
|
||||
closeModal();
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', function(e) {
|
||||
if (e.key === 'Escape' && overlay.classList.contains('active')) {
|
||||
closeModal();
|
||||
}
|
||||
});
|
||||
|
||||
// Handle package button clicks - navigate top-level to payment page
|
||||
var PAYMENT_BASE_URL = 'https://nwk3ywktc2n8ttnibdhgonlx.sites.clientscenter.co.il';
|
||||
var BIZ_ID = 'cmt03c1jj0021pa017yj9m8qe';
|
||||
var BIZ_NAME = 'איציק בכר - אינסטלטור';
|
||||
|
||||
document.querySelectorAll('.package-btn[data-plan]').forEach(function(btn) {
|
||||
btn.addEventListener('click', function() {
|
||||
var plan = this.getAttribute('data-plan');
|
||||
var url = PAYMENT_BASE_URL + '?biz=' + encodeURIComponent(BIZ_ID) + '&name=' + encodeURIComponent(BIZ_NAME) + '&plan=' + encodeURIComponent(plan);
|
||||
window.top.location.href = url;
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<script src="script.js"></script>
|
||||
<script src="https://emilio.clientscenter.co.il/pay/popup.js" data-src="cmt03c1jj0021pa017yj9m8qe" data-name="איציק בכר - אינסטלטור" data-origin="https://emilio.clientscenter.co.il"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user