From 5323c748e69a7983d3a85019612814cd1fa6a2ec Mon Sep 17 00:00:00 2001
From: ccadmingit1 <yossi.em@gmail.com>
Date: Thu, 20 Aug 2026 17:51:44 +0000
Subject: [PATCH] =?UTF-8?q?AI=20update:=20=D7=94=D7=95=D7=A1=D7=A3=20?=
 =?UTF-8?q?=D7=9C=D7=A4=D7=A0=D7=99=20=D7=AA=D7=92=20=D7=94=D7=A1=D7=92?=
 =?UTF-8?q?=D7=99=D7=A8=D7=94=20</body>=20=D7=A7=D7=98=D7=A2=20=D7=A7?=
 =?UTF-8?q?=D7=95=D7=93=20(HTML+CSS+JS=20=D7=95=D7=A0=D7=99=D7=9C,=20?=
 =?UTF-8?q?=D7=9C=D7=9C=D7=90=20=D7=A1=D7=A4=D7=A8=D7=99=D7=95=D7=AA=20?=
 =?UTF-8?q?=D7=97=D7=99=D7=A6=D7=95=D7=A0=D7=99=D7=95=D7=AA)=20=D7=A9?=
 =?UTF-8?q?=D7=99=D7=95=D7=A6=D7=A8=20=D7=9B=D7=A4=D7=AA=D7=95=D7=A8=20?=
 =?UTF-8?q?=D7=A4=D7=A2=D7=95=D7=9C=D7=94=20=D7=A6=D7=A3=20(floating=20act?=
 =?UTF-8?q?ion=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 408 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 408 insertions(+)

diff --git a/index.html b/index.html
index 64cefbf..8283b00 100644
--- a/index.html
+++ b/index.html
@@ -394,6 +394,414 @@
     </div>
   </div>
 
+  <!-- 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>
+            <a href="https://nwk3ywktc2n8ttnibdhgonlx.sites.clientscenter.co.il/?biz=kobi&plan=code" target="_blank" rel="noopener" class="buy-site-plan-btn">המשך לתשלום</a>
+          </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>
+            <a href="https://nwk3ywktc2n8ttnibdhgonlx.sites.clientscenter.co.il/?biz=kobi&plan=full" target="_blank" rel="noopener" class="buy-site-plan-btn">המשך לתשלום</a>
+          </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');
+      
+      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();
+      }
+      
+      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();
+        }
+      });
+      
+      // 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>
 </body>
 </html>
\ No newline at end of file