✏ EDIT: app.js

/* ============================================================
   LEAF GRID ENERGY — interactions
   ============================================================ */

// --- Router ---
const pages = ['home','about','products','industries','exports','contact'];
function navigate(page){
  if(!pages.includes(page)) page='home';
  document.querySelectorAll('.page').forEach(p=>p.classList.remove('active'));
  document.getElementById('page-'+page).classList.add('active');
  document.querySelectorAll('.nav-links a').forEach(a=>{
    a.classList.toggle('active', a.dataset.page===page);
  });
  window.scrollTo(0,0);
  // re-run reveal on new page
  setTimeout(initReveal, 30);
  setTimeout(revealSafetyNet, 200);
  setTimeout(revealSafetyNet, 800);
  history.replaceState(null,'','#'+page);
}
window.navigate = navigate;

// --- Mobile menu ---
function toggleMenu(){
  document.getElementById('mob-menu').classList.toggle('open');
  document.querySelector('.burger').classList.toggle('open');
}
window.toggleMenu = toggleMenu;

// --- Nav scroll state ---
function onScroll(){
  const nav = document.getElementById('nav');
  if(nav) nav.classList.toggle('scrolled', window.scrollY > 40);
}
window.addEventListener('scroll', onScroll, {passive:true});

// --- Reveal helpers ---
function revealEl(el){
  if(!el || el.classList.contains('in-view')) return;
  el.classList.add('in-view');
  el.querySelectorAll('.count').forEach(c=>countUp(c));
}

// --- IntersectionObserver-driven reveal (with hard fallbacks) ---
function initReveal(){
  try{
    const els = document.querySelectorAll('.r:not(.in-view), .versus:not(.in-view)');
    if(!('IntersectionObserver' in window)){
      els.forEach(revealEl);
      return;
    }
    const io = new IntersectionObserver((entries)=>{
      entries.forEach(e=>{
        if(e.isIntersecting){
          revealEl(e.target);
          io.unobserve(e.target);
        }
      });
    },{threshold:0.06, rootMargin:'0px 0px -6% 0px'});
    els.forEach(el=>io.observe(el));
  }catch(err){
    // Anything goes wrong → just reveal everything so content is never stuck hidden.
    document.querySelectorAll('.r, .versus').forEach(revealEl);
  }
}

// Reveal-on-scroll backup (covers cases where the IntersectionObserver misses).
let _scrollRAF = null;
window.addEventListener('scroll', ()=>{
  if(_scrollRAF) return;
  _scrollRAF = requestAnimationFrame(()=>{
    revealSafetyNet();
    _scrollRAF = null;
  });
}, {passive:true});

// --- Count up numeric stats ---
function countUp(el){
  if(el.dataset.counted === '1') return;
  el.dataset.counted = '1';
  const target = parseFloat(el.dataset.to);
  const dur = parseInt(el.dataset.dur||1600);
  const dec = parseInt(el.dataset.dec||0);
  const pre = el.dataset.pre||'';
  const post = el.dataset.post||'';
  const start = performance.now();
  function tick(now){
    const t = Math.min(1,(now-start)/dur);
    const eased = 1 - Math.pow(1-t,3);
    const val = target * eased;
    el.textContent = pre + val.toFixed(dec).replace(/\B(?=(\d{3})+(?!\d))/g, ',') + post;
    if(t<1) requestAnimationFrame(tick);
  }
  requestAnimationFrame(tick);
}

// --- FAQ ---
function toggleFaq(btn){
  const row = btn.closest('.faq-row');
  const open = row.classList.contains('open');
  row.parentElement.querySelectorAll('.faq-row.open').forEach(r=>r.classList.remove('open'));
  if(!open) row.classList.add('open');
}
window.toggleFaq = toggleFaq;

// --- Form ---
function submitForm(e){
  e.preventDefault();
  const btn = e.target.querySelector('button[type=submit]');
  btn.textContent = 'Sending…';
  btn.disabled = true;
  setTimeout(()=>{
    btn.textContent = 'Sent — we\u2019ll be in touch ✓';
    btn.style.background = 'var(--accent-l)';
    e.target.reset();
    setTimeout(()=>{
      btn.textContent = 'Send Enquiry';
      btn.disabled = false;
      btn.style.background = '';
    }, 3200);
  }, 900);
}
window.submitForm = submitForm;

// --- Init ---
function bootstrap(){
  initReveal();
  const h = (location.hash||'#home').slice(1);
  if(pages.includes(h) && h!=='home') navigate(h);
  const y = document.getElementById('year');
  if(y) y.textContent = new Date().getFullYear();

// Multi-layer safety net: if anything is still hidden in viewport, force-reveal.
  setTimeout(revealSafetyNet, 300);
  setTimeout(revealSafetyNet, 1200);
  setTimeout(revealSafetyNet, 2500);
}

if(document.readyState === 'loading'){
  document.addEventListener('DOMContentLoaded', bootstrap);
}else{
  bootstrap();
}

// Last-resort safety net: when ALL resources (including images) finish loading,
// reveal anything still hidden in viewport. Covers slow image / CSS load on shared hosting.
window.addEventListener('load', ()=>{
  setTimeout(revealSafetyNet, 50);
  setTimeout(revealSafetyNet, 800);
});

[✗] CANCEL