Initial AI-generated site

2026-09-08 10:31:35 +00:00
parent 2efb39c570
commit 0b186805a1
3 changed files with 1902 additions and 0 deletions
@@ -0,0 +1,211 @@
+(function() {
+  'use strict';
+
+  // Mobile Navigation Toggle
+  const navToggle = document.querySelector('.nav-toggle');
+  const navLinks = document.querySelector('.nav-links');
+
+  if (navToggle && navLinks) {
+    navToggle.addEventListener('click', function() {
+      const isExpanded = navToggle.getAttribute('aria-expanded') === 'true';
+      navToggle.setAttribute('aria-expanded', !isExpanded);
+      navLinks.classList.toggle('active');
+    });
+
+    // Close menu when clicking a link
+    navLinks.querySelectorAll('a').forEach(function(link) {
+      link.addEventListener('click', function() {
+        navLinks.classList.remove('active');
+        navToggle.setAttribute('aria-expanded', 'false');
+      });
+    });
+  }
+
+  // Smooth scroll for anchor links
+  document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
+    anchor.addEventListener('click', function(e) {
+      e.preventDefault();
+      const target = document.querySelector(this.getAttribute('href'));
+      if (target) {
+        const headerHeight = document.querySelector('.site-header').offsetHeight;
+        const targetPosition = target.getBoundingClientRect().top + window.pageYOffset - headerHeight;
+        window.scrollTo({
+          top: targetPosition,
+          behavior: 'smooth'
+        });
+      }
+    });
+  });
+
+  // Intersection Observer for reveal animations
+  const observerOptions = {
+    root: null,
+    rootMargin: '0px',
+    threshold: 0.1
+  };
+
+  const revealObserver = new IntersectionObserver(function(entries) {
+    entries.forEach(function(entry) {
+      if (entry.isIntersecting) {
+        entry.target.classList.add('revealed');
+        revealObserver.unobserve(entry.target);
+      }
+    });
+  }, observerOptions);
+
+  // Add reveal class to elements
+  const revealElements = document.querySelectorAll(
+    '.category-card, .stat-card, .feature, .contact-item, .pwa-card'
+  );
+  
+  revealElements.forEach(function(el, index) {
+    el.classList.add('reveal');
+    el.style.transitionDelay = (index % 4) * 0.1 + 's';
+    revealObserver.observe(el);
+  });
+
+  // Counter animation for statistics
+  function animateCounter(element) {
+    const target = parseInt(element.getAttribute('data-count'), 10);
+    if (!target) return;
+    
+    const duration = 2000;
+    const step = target / (duration / 16);
+    let current = 0;
+
+    function update() {
+      current += step;
+      if (current < target) {
+        element.textContent = Math.floor(current).toLocaleString('he-IL');
+        requestAnimationFrame(update);
+      } else {
+        element.textContent = target.toLocaleString('he-IL') + '+';
+      }
+    }
+
+    update();
+  }
+
+  const statNumbers = document.querySelectorAll('.stat-number[data-count], .stat-big[data-count]');
+  
+  const statsObserver = new IntersectionObserver(function(entries) {
+    entries.forEach(function(entry) {
+      if (entry.isIntersecting) {
+        animateCounter(entry.target);
+        statsObserver.unobserve(entry.target);
+      }
+    });
+  }, { threshold: 0.5 });
+
+  statNumbers.forEach(function(stat) {
+    statsObserver.observe(stat);
+  });
+
+  // Form submission handling
+  const orderForm = document.getElementById('orderForm');
+  const formSuccess = document.getElementById('formSuccess');
+
+  if (orderForm) {
+    orderForm.addEventListener('submit', function(e) {
+      e.preventDefault();
+      
+      // Simulate form submission
+      const submitBtn = orderForm.querySelector('button[type="submit"]');
+      submitBtn.disabled = true;
+      submitBtn.innerHTML = '<span>שולח...</span>';
+      
+      setTimeout(function() {
+        orderForm.style.display = 'none';
+        formSuccess.hidden = false;
+        formSuccess.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      }, 1500);
+    });
+  }
+
+  const contactForm = document.getElementById('contactForm');
+  
+  if (contactForm) {
+    contactForm.addEventListener('submit', function(e) {
+      e.preventDefault();
+      
+      const submitBtn = contactForm.querySelector('button[type="submit"]');
+      const originalText = submitBtn.textContent;
+      submitBtn.disabled = true;
+      submitBtn.textContent = 'שולח...';
+      
+      setTimeout(function() {
+        contactForm.reset();
+        submitBtn.disabled = false;
+        submitBtn.textContent = 'נשלח בהצלחה!';
+        
+        setTimeout(function() {
+          submitBtn.textContent = originalText;
+        }, 2000);
+      }, 1500);
+    });
+  }
+
+  // PWA Install functionality
+  let deferredPrompt;
+  const installBtn = document.getElementById('installBtn');
+  const installBtnMain = document.getElementById('installBtnMain');
+
+  window.addEventListener('beforeinstallprompt', function(e) {
+    e.preventDefault();
+    deferredPrompt = e;
+    
+    if (installBtn) {
+      installBtn.hidden = false;
+    }
+  });
+
+  function handleInstall() {
+    if (!deferredPrompt) {
+      alert('האפליקציה כבר מותקנת או שהדפדפן לא תומך בהתקנה.');
+      return;
+    }
+    
+    deferredPrompt.prompt();
+    
+    deferredPrompt.userChoice.then(function(choiceResult) {
+      if (choiceResult.outcome === 'accepted') {
+        console.log('User accepted PWA install');
+      }
+      deferredPrompt = null;
+      
+      if (installBtn) installBtn.hidden = true;
+    });
+  }
+
+  if (installBtn) {
+    installBtn.addEventListener('click', handleInstall);
+  }
+  
+  if (installBtnMain) {
+    installBtnMain.addEventListener('click', handleInstall);
+  }
+
+  // Header scroll effect
+  const header = document.querySelector('.site-header');
+  let lastScrollY = window.scrollY;
+
+  window.addEventListener('scroll', function() {
+    const currentScrollY = window.scrollY;
+    
+    if (currentScrollY > 100) {
+      header.style.boxShadow = 'var(--shadow-md)';
+    } else {
+      header.style.boxShadow = 'none';
+    }
+    
+    lastScrollY = currentScrollY;
+  }, { passive: true });
+
+  // Respect reduced motion preference
+  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+    document.querySelectorAll('.floating, .floating-delayed').forEach(function(el) {
+      el.style.animation = 'none';
+    });
+  }
+
+})();