From 7c65dfdb3c8cccce81beec45ce4dc55c8adcaf55 Mon Sep 17 00:00:00 2001
From: ccadmingit1 <yossi.em@gmail.com>
Date: Mon, 24 Aug 2026 12:14:02 +0000
Subject: [PATCH] =?UTF-8?q?AI=20update:=20=D7=91=D7=93=D7=95=D7=A7=20?=
 =?UTF-8?q?=D7=90=D7=AA=20=D7=A7=D7=95=D7=91=D7=A5=20=D7=94-HTML=20=D7=94?=
 =?UTF-8?q?=D7=A8=D7=90=D7=A9=D7=99=20=D7=A9=D7=9C=20=D7=94=D7=90=D7=AA?=
 =?UTF-8?q?=D7=A8.=20=D7=95=D7=93=D7=90=20=D7=A9=D7=A7=D7=99=D7=99=D7=9D?=
 =?UTF-8?q?=20=D7=91=D7=93=D7=99=D7=95=D7=A7=20=D7=A2=D7=95=D7=AA=D7=A7=20?=
 =?UTF-8?q?=D7=90=D7=97=D7=93=20=D7=A9=D7=9C=20=D7=AA=D7=92=D7=99=D7=AA=20?=
 =?UTF-8?q?=D7=94=D7=A1=D7=A7=D7=A8=D7=99=D7=A4=D7=98:=20<script=20src=3D"?=
 =?UTF-8?q?https://emilio.clientscenter.c?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 428 +----------------------------------------------------
 1 file changed, 1 insertion(+), 427 deletions(-)

diff --git a/index.html b/index.html
index 054c130..8786405 100644
--- a/index.html
+++ b/index.html
@@ -318,433 +318,7 @@
     </div>
   </footer>
 
-  <!-- Buy Site FAB and Modal -->
-  <style>
-    .buy-site-fab {
-      position: fixed;
-      bottom: 24px;
-      right: 24px;
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      padding: 14px 22px;
-      background: linear-gradient(135deg, #C9A96E 0%, #8A7340 100%);
-      color: #2C1810;
-      border: none;
-      border-radius: 50px;
-      font-family: 'Heebo', sans-serif;
-      font-size: 0.95rem;
-      font-weight: 600;
-      cursor: pointer;
-      box-shadow: 0 8px 32px rgba(201, 169, 110, 0.45), 0 4px 12px rgba(44, 24, 16, 0.15);
-      z-index: 900;
-      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-      text-decoration: none;
-    }
-    
-    .buy-site-fab:hover {
-      transform: translateY(-3px) scale(1.02);
-      box-shadow: 0 12px 40px rgba(201, 169, 110, 0.55), 0 6px 16px rgba(44, 24, 16, 0.2);
-    }
-    
-    .buy-site-fab:focus-visible {
-      outline: 3px solid #2C1810;
-      outline-offset: 3px;
-    }
-    
-    .buy-site-fab .fab-emoji {
-      font-size: 1.2em;
-      line-height: 1;
-    }
-    
-    .buy-site-modal-overlay {
-      position: fixed;
-      inset: 0;
-      background: rgba(44, 24, 16, 0.75);
-      backdrop-filter: blur(6px);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: 2000;
-      opacity: 0;
-      visibility: hidden;
-      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-      padding: 20px;
-    }
-    
-    .buy-site-modal-overlay.active {
-      opacity: 1;
-      visibility: visible;
-    }
-    
-    .buy-site-modal {
-      background: #FAF6F0;
-      border-radius: 24px;
-      max-width: 520px;
-      width: 100%;
-      max-height: 90vh;
-      overflow-y: auto;
-      position: relative;
-      transform: translateY(30px) scale(0.95);
-      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-      box-shadow: 0 30px 80px rgba(44, 24, 16, 0.35);
-    }
-    
-    .buy-site-modal-overlay.active .buy-site-modal {
-      transform: translateY(0) scale(1);
-    }
-    
-    .buy-site-modal-close {
-      position: absolute;
-      top: 16px;
-      left: 16px;
-      width: 44px;
-      height: 44px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background: #EDE6DC;
-      border: none;
-      border-radius: 50%;
-      cursor: pointer;
-      transition: all 0.3s ease;
-      z-index: 10;
-    }
-    
-    .buy-site-modal-close svg {
-      width: 20px;
-      height: 20px;
-      color: #2C1810;
-    }
-    
-    .buy-site-modal-close:hover {
-      background: #C9A96E;
-      transform: rotate(90deg);
-    }
-    
-    .buy-site-modal-close:focus-visible {
-      outline: 3px solid #C9A96E;
-      outline-offset: 2px;
-    }
-    
-    .buy-site-modal-content {
-      padding: 48px 36px 36px;
-    }
-    
-    .buy-site-modal-header {
-      text-align: center;
-      margin-bottom: 32px;
-    }
-    
-    .buy-site-modal-title {
-      font-family: 'Frank Ruhl Libre', serif;
-      font-size: 1.65rem;
-      font-weight: 600;
-      color: #2C1810;
-      margin: 0 0 8px;
-      line-height: 1.3;
-    }
-    
-    .buy-site-modal-subtitle {
-      color: #4A3728;
-      font-size: 1rem;
-      margin: 0;
-    }
-    
-    .buy-site-plans {
-      display: flex;
-      flex-direction: column;
-      gap: 16px;
-    }
-    
-    .buy-site-plan {
-      background: white;
-      border: 2px solid #EDE6DC;
-      border-radius: 16px;
-      padding: 24px;
-      transition: all 0.3s ease;
-      position: relative;
-    }
-    
-    .buy-site-plan:hover {
-      border-color: #C9A96E;
-      transform: translateX(-4px);
-      box-shadow: 0 8px 24px rgba(201, 169, 110, 0.15);
-    }
-    
-    .buy-site-plan.featured {
-      border-color: #C9A96E;
-      background: linear-gradient(135deg, rgba(201, 169, 110, 0.08) 0%, rgba(201, 169, 110, 0.02) 100%);
-    }
-    
-    .buy-site-plan-badge {
-      position: absolute;
-      top: -12px;
-      right: 20px;
-      background: linear-gradient(135deg, #C9A96E 0%, #8A7340 100%);
-      color: #2C1810;
-      font-size: 0.75rem;
-      font-weight: 600;
-      padding: 4px 14px;
-      border-radius: 50px;
-    }
-    
-    .buy-site-plan-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-start;
-      margin-bottom: 16px;
-      gap: 16px;
-    }
-    
-    .buy-site-plan-name {
-      font-family: 'Frank Ruhl Libre', serif;
-      font-size: 1.2rem;
-      font-weight: 600;
-      color: #2C1810;
-      margin: 0;
-    }
-    
-    .buy-site-plan-price {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-end;
-      flex-shrink: 0;
-    }
-    
-    .buy-site-plan-amount {
-      font-family: 'Heebo', sans-serif;
-      font-size: 1.5rem;
-      font-weight: 600;
-      color: #C9A96E;
-      line-height: 1;
-    }
-    
-    .buy-site-plan-currency {
-      font-size: 0.85rem;
-      color: #6B5344;
-    }
-    
-    .buy-site-plan-features {
-      list-style: none;
-      padding: 0;
-      margin: 0 0 20px;
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-    }
-    
-    .buy-site-plan-features li {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      font-size: 0.9rem;
-      color: #4A3728;
-    }
-    
-    .buy-site-plan-features li::before {
-      content: '';
-      width: 18px;
-      height: 18px;
-      flex-shrink: 0;
-      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A96E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat;
-    }
-    
-    .buy-site-plan-btn {
-      display: block;
-      width: 100%;
-      padding: 14px 24px;
-      background: #2C1810;
-      color: #FAF6F0;
-      border: none;
-      border-radius: 50px;
-      font-family: 'Heebo', sans-serif;
-      font-size: 1rem;
-      font-weight: 600;
-      text-align: center;
-      text-decoration: none;
-      cursor: pointer;
-      transition: all 0.3s ease;
-    }
-    
-    .buy-site-plan-btn:hover {
-      background: #4A3728;
-      transform: translateY(-2px);
-      box-shadow: 0 6px 20px rgba(44, 24, 16, 0.2);
-    }
-    
-    .buy-site-plan-btn:focus-visible {
-      outline: 3px solid #C9A96E;
-      outline-offset: 3px;
-    }
-    
-    .buy-site-plan.featured .buy-site-plan-btn {
-      background: linear-gradient(135deg, #C9A96E 0%, #8A7340 100%);
-      color: #2C1810;
-    }
-    
-    .buy-site-plan.featured .buy-site-plan-btn:hover {
-      box-shadow: 0 8px 24px rgba(201, 169, 110, 0.4);
-    }
-    
-    @media (max-width: 600px) {
-      .buy-site-fab {
-        bottom: 16px;
-        right: 16px;
-        padding: 12px 18px;
-        font-size: 0.85rem;
-      }
-      
-      .buy-site-modal-content {
-        padding: 40px 24px 28px;
-      }
-      
-      .buy-site-modal-title {
-        font-size: 1.4rem;
-      }
-      
-      .buy-site-plan {
-        padding: 20px;
-      }
-      
-      .buy-site-plan-header {
-        flex-direction: column;
-        gap: 8px;
-      }
-      
-      .buy-site-plan-price {
-        align-items: flex-start;
-      }
-    }
-  </style>
-
-  <button class="buy-site-fab" id="buySiteFab" aria-label="רוצים אתר כזה? לחצו כאן">
-    <span>רוצים אתר כזה? לחצו כאן</span>
-    <span class="fab-emoji" aria-hidden="true">????</span>
-  </button>
-
-  <div class="buy-site-modal-overlay" id="buySiteModalOverlay" aria-hidden="true">
-    <div class="buy-site-modal" role="dialog" aria-modal="true" aria-labelledby="buySiteModalTitle">
-      <button class="buy-site-modal-close" id="buySiteModalClose" aria-label="סגור חלון">
-        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-          <line x1="18" y1="6" x2="6" y2="18"/>
-          <line x1="6" y1="6" x2="18" y2="18"/>
-        </svg>
-      </button>
-      
-      <div class="buy-site-modal-content">
-        <header class="buy-site-modal-header">
-          <h2 class="buy-site-modal-title" id="buySiteModalTitle">בחרו את החבילה המתאימה לכם</h2>
-          <p class="buy-site-modal-subtitle">האתר מוכן ומחכה — בחרו איך להמשיך</p>
-        </header>
-        
-        <div class="buy-site-plans">
-          <div class="buy-site-plan">
-            <div class="buy-site-plan-header">
-              <h3 class="buy-site-plan-name">קוד האתר בלבד</h3>
-              <div class="buy-site-plan-price">
-                <span class="buy-site-plan-amount">₪1,490</span>
-                <span class="buy-site-plan-currency">תשלום חד פעמי</span>
-              </div>
-            </div>
-            <ul class="buy-site-plan-features">
-              <li>כל קבצי האתר המלאים (HTML, CSS, JS)</li>
-              <li>קוד נקי ומותאם לקידום אורגני</li>
-              <li>ללא אחסון — להעלאה עצמאית</li>
-            </ul>
-            <button class="buy-site-plan-btn" data-plan="code">המשך לתשלום</button>
-          </div>
-          
-          <div class="buy-site-plan featured">
-            <span class="buy-site-plan-badge">מומלץ</span>
-            <div class="buy-site-plan-header">
-              <h3 class="buy-site-plan-name">חבילה מלאה</h3>
-              <div class="buy-site-plan-price">
-                <span class="buy-site-plan-amount">₪2,390</span>
-                <span class="buy-site-plan-currency">תשלום חד פעמי</span>
-              </div>
-            </div>
-            <ul class="buy-site-plan-features">
-              <li>קוד האתר + אחסון מהיר ומאובטח</li>
-              <li>דומיין בהתאמה אישית לשנה</li>
-              <li>תיבת מייל עסקית מקצועית</li>
-            </ul>
-            <button class="buy-site-plan-btn" data-plan="full">המשך לתשלום</button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <script>
-    (function() {
-      var fab = document.getElementById('buySiteFab');
-      var overlay = document.getElementById('buySiteModalOverlay');
-      var closeBtn = document.getElementById('buySiteModalClose');
-      var modal = overlay.querySelector('.buy-site-modal');
-      var planButtons = modal.querySelectorAll('.buy-site-plan-btn');
-      
-      // Payment page configuration
-      var paymentPageUrl = 'https://nwk3ywktc2n8ttnibdhgonlx.sites.clientscenter.co.il';
-      var bizId = 'cmt03c2i70023pa018nqblrct';
-      var bizName = 'מספרת קובי שריקי';
-      
-      function openModal() {
-        overlay.classList.add('active');
-        overlay.setAttribute('aria-hidden', 'false');
-        document.body.style.overflow = 'hidden';
-        setTimeout(function() { closeBtn.focus(); }, 100);
-      }
-      
-      function closeModal() {
-        overlay.classList.remove('active');
-        overlay.setAttribute('aria-hidden', 'true');
-        document.body.style.overflow = '';
-        fab.focus();
-      }
-      
-      function goToPayment(plan) {
-        var url = paymentPageUrl + '?biz=' + encodeURIComponent(bizId) + '&name=' + encodeURIComponent(bizName) + '&plan=' + encodeURIComponent(plan);
-        window.top.location.href = url;
-      }
-      
-      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 plan button clicks
-      planButtons.forEach(function(btn) {
-        btn.addEventListener('click', function() {
-          var plan = this.getAttribute('data-plan');
-          goToPayment(plan);
-        });
-      });
-      
-      // Trap focus in modal
-      var focusable = modal.querySelectorAll('button, a[href], [tabindex]:not([tabindex="-1"])');
-      var first = focusable[0];
-      var last = focusable[focusable.length - 1];
-      
-      modal.addEventListener('keydown', function(e) {
-        if (e.key !== 'Tab') return;
-        if (e.shiftKey) {
-          if (document.activeElement === first) { last.focus(); e.preventDefault(); }
-        } else {
-          if (document.activeElement === last) { first.focus(); e.preventDefault(); }
-        }
-      });
-    })();
-  </script>
-
   <script src="script.js"></script>
+  <script src="https://emilio.clientscenter.co.il/pay/popup.js" data-src="cmt03c2i70023pa018nqblrct" data-name="מספרת קובי שריקי" data-origin="https://emilio.clientscenter.co.il"></script>
 </body>
 </html>