/* global React */

// ─── Footer ──────────────────────────────────────────────────────────────────
function Footer() {
  const socials = [
    {
      name: 'Telegram', href: 'https://t.me/Nordman_Algorithms',
      icon: <path d="M21.5 4.3L2.9 11.5c-1.1.45-1.1 1.1-.2 1.36l4.7 1.46 1.82 5.6c.23.65.4.9.85.9.35 0 .5-.16.7-.36l2.27-2.2 4.7 3.47c.86.48 1.5.23 1.72-.8l3.1-14.6c.32-1.27-.5-1.84-1.55-1.43z" />,
    },
    {
      name: 'WhatsApp', href: 'https://api.whatsapp.com/message/ZB5QENYKLM3UG1?autoload=1&app_absent=0',
      icon: <path d="M12 2a10 10 0 0 0-8.5 15.2L2 22l4.9-1.4A10 10 0 1 0 12 2zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.9.8.8-2.8-.2-.3A8 8 0 1 1 12 20zm4.5-5.9c-.25-.13-1.47-.72-1.7-.8-.23-.1-.4-.13-.56.12-.17.25-.64.8-.78.96-.14.17-.29.2-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.38-1.72-.14-.25-.02-.39.11-.51.11-.11.25-.29.37-.43.13-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.42h-.48c-.16 0-.43.06-.65.31-.22.25-.86.84-.86 2.05s.88 2.38 1 2.55c.13.17 1.74 2.65 4.2 3.71.59.26 1.05.4 1.4.52.59.19 1.13.16 1.55.1.47-.07 1.47-.6 1.68-1.18.2-.58.2-1.07.14-1.18-.06-.1-.22-.16-.47-.28z" />,
    },
    {
      name: 'YouTube', href: 'https://www.youtube.com/@NordmanAlgorithms',
      icon: <path d="M22 8.2a2.6 2.6 0 0 0-1.8-1.8C18.6 6 12 6 12 6s-6.6 0-8.2.4A2.6 2.6 0 0 0 2 8.2 27 27 0 0 0 1.6 12 27 27 0 0 0 2 15.8a2.6 2.6 0 0 0 1.8 1.8C5.4 18 12 18 12 18s6.6 0 8.2-.4a2.6 2.6 0 0 0 1.8-1.8A27 27 0 0 0 22.4 12 27 27 0 0 0 22 8.2zM10 15V9l5.2 3-5.2 3z" />,
    },
    {
      name: 'X', href: 'https://twitter.com/nordmanalgo',
      icon: <path d="M17.5 3h3l-6.6 7.5L21.7 21h-5.9l-4.6-6-5.3 6H2.9l7-8L2.6 3h6l4.2 5.5L17.5 3zm-1 16h1.7L7.6 4.7H5.8L16.5 19z" />,
    },
    {
      name: 'LinkedIn', href: 'https://www.linkedin.com/company/nordman-algorithms/',
      icon: <path d="M4.5 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4zM3 9h3v12H3V9zm5 0h2.9v1.6h.04c.4-.76 1.4-1.6 2.9-1.6 3.1 0 3.66 2 3.66 4.7V21H17v-5.6c0-1.34-.02-3.06-1.86-3.06-1.87 0-2.16 1.46-2.16 2.96V21H9V9z" />,
    },
  ];

  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div className="footer-brand">
            <a href="https://www.nordman-algorithms.com/" className="logo">
              <span className="logo-mark"></span>
              <span>Nordman Algorithms</span>
            </a>
            <p>Volume Trader Bundle · professional indicators for NinjaTrader 8. Since&nbsp;2018.</p>
            <a href="https://www.nordman-algorithms.com/" target="_blank" rel="noopener" className="footer-site">
              nordman-algorithms.com
              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
                <path d="M7 17L17 7M17 7H8M17 7v9" />
              </svg>
            </a>
            <div className="footer-socials">
              {socials.map((s) => (
                <a key={s.name} href={s.href} target="_blank" rel="noopener" aria-label={s.name} title={s.name}>
                  <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">{s.icon}</svg>
                </a>
              ))}
            </div>
          </div>

          <div className="footer-col">
            <h4>Contact</h4>
            <ul>
              <li><a href="https://t.me/Nordman_Algorithms" target="_blank" rel="noopener">Telegram chat</a></li>
              <li><a href="https://api.whatsapp.com/message/ZB5QENYKLM3UG1?autoload=1&app_absent=0" target="_blank" rel="noopener">WhatsApp</a></li>
              <li><a href="mailto:contact@nordman-algorithms.com">contact@nordman-algorithms.com</a></li>
              <li><a href="https://www.trustpilot.com/review/nordman-algorithms.com?utm_medium=trustbox&utm_source=TrustBoxReviewCollector" target="_blank" rel="noopener">Trustpilot reviews ★</a></li>
            </ul>
          </div>

          <div className="footer-col">
            <h4>Product</h4>
            <ul>
              <li><a href="https://nordman-connector.com/NT8_bundle" target="_blank" rel="noopener">Volume Trader Bundle</a></li>
              <li><a href="https://nordman-connector.com/lending/" target="_blank" rel="noopener">TV → MT4 Copier</a></li>
              <li><a href="https://nordman-connector.com/lending/" target="_blank" rel="noopener">TV → NT8 Copier</a></li>
              <li><a href="https://nordman-connector.com/lending/" target="_blank" rel="noopener">TV → MT5 Copier</a></li>
              <li><a href="https://www.nordman-algorithms.com/product/" target="_blank" rel="noopener">Premium Indicators</a></li>
            </ul>
          </div>

          <div className="footer-col footer-company">
            <h4>Company</h4>
            <p className="footer-company-name">Nordman Algorithms</p>
            <p>Mon–Fri · 08:00–18:00 EEST</p>
            <p>
              Reg. No <a href="https://ariregister.rik.ee/eng/company/14435535/Nordman-Algorithms-O%C3%9C" target="_blank" rel="noopener">14435535</a>
            </p>
            <p>Vesivärava str. 50-201, Kesklinna linnaosa,<br />10152 Tallinn, Harju County, Estonia</p>
          </div>
        </div>

        <div className="footer-legal">
          <div className="footer-legal-block">
            <h5>Software Nature &amp; User Responsibility</h5>
            <p>Nordman Algorithms is a trade name of Nordman Algorithms OÜ (Reg. No. 14435535), registered in Tallinn, Estonia. Nordman Algorithms provides algorithmic software tools for technical analysis. Nordman Algorithms is not a financial advisor and is not liable for any trading losses. All trades conducted based on the software's output are executed at the user's sole discretion and risk.</p>
          </div>
          <div className="footer-legal-block">
            <h5>Visual Markers &amp; Signal Disclosure</h5>
            <p>This software displays visual markers and analytical conditions when predefined mathematical criteria are met. These markers are provided for educational and analytical purposes only, must not be interpreted as financial guidance, and do not constitute a recommendation to buy, sell, or hold any financial instrument. Users must independently validate all visual cues within their own trading methodology.</p>
          </div>
          <div className="footer-legal-block">
            <h5>No Financial Advice</h5>
            <p>Nordman Algorithms does not provide discretionary trading signals, investment advice, or managed signal services. Our software represents a mathematical visualization of historical and real-time data. The appearance of a visual marker does not guarantee a profitable trade or predict future market behavior.</p>
          </div>
          <div className="footer-legal-block">
            <h5>CFTC Rule 4.41</h5>
            <p>Hypothetical or simulated performance results have certain inherent limitations. Unlike an actual performance record, simulated results do not represent actual trading. Also, since the trades have not actually been executed, the results may have under- or over-compensated for the impact, if any, of certain market factors, such as lack of liquidity. Simulated trading programs in general are also subject to the fact that they are designed with the benefit of hindsight. No representation is being made that any account will or is likely to achieve profits or losses similar to those shown.</p>
            <p>For full Risk Disclosure and Terms of Service, please visit our <a href="https://www.nordman-algorithms.com/risk-disclosure/" target="_blank" rel="noopener">Risk Disclosure</a> and <a href="https://www.nordman-algorithms.com/terms-of-service/" target="_blank" rel="noopener">Terms of Service</a> pages.</p>
          </div>
        </div>

        <div className="footer-bottom">
          <span>© 2026 Nordman Algorithms. All rights reserved.</span>
          <span className="footer-bottom-links">
            <a href="https://www.nordman-algorithms.com/terms-of-service/" target="_blank" rel="noopener">Terms of Service</a>
            <a href="https://www.nordman-algorithms.com/risk-disclosure/" target="_blank" rel="noopener">Risk Disclosure</a>
          </span>
        </div>
      </div>
    </footer>
  );
}

// ─── App ─────────────────────────────────────────────────────────────────────
function App() {
  return (
    <>
      <Nav />
      <Hero />
      <Situations />
      <TechnicalBreakdown />
      <LiveDemo />
      <Founder />
      <Reviews />
      <Pricing />
      <ForWhom />
      <CTAForm />
      <FAQ />
      <Footer />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);

// ─── Scroll-reveal micro-animation driver ────────────────────────────────────
(function initReveal() {
  const revealAll = (els) => els.forEach((el) => el.classList.add('in'));
  const run = () => {
    const els = [...document.querySelectorAll('[data-reveal]')];
    if (!els.length) { setTimeout(run, 80); return; }

    // stagger siblings
    els.forEach((el) => {
      const sibs = el.parentElement ? [...el.parentElement.querySelectorAll(':scope > [data-reveal]')] : [];
      const idx = sibs.indexOf(el);
      if (idx > 0) el.classList.add('d' + Math.min(idx, 4));
    });

    if (!('IntersectionObserver' in window)) { revealAll(els); return; }

    // reveal anything already in view immediately
    const vh = window.innerHeight || document.documentElement.clientHeight;
    els.forEach((el) => {
      const r = el.getBoundingClientRect();
      if (r.top < vh * 0.95) el.classList.add('in');
    });

    const io = new IntersectionObserver((entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          entry.target.classList.add('in');
          io.unobserve(entry.target);
        }
      });
    }, { threshold: 0.1, rootMargin: '0px 0px -6% 0px' });
    els.forEach((el) => { if (!el.classList.contains('in')) io.observe(el); });

    // hard fallback: never leave content stuck invisible
    const revealOnScroll = () => {
      const h = window.innerHeight || document.documentElement.clientHeight;
      els.forEach((el) => {
        if (el.classList.contains('in')) return;
        if (el.getBoundingClientRect().top < h * 0.92) el.classList.add('in');
      });
    };
    window.addEventListener('scroll', revealOnScroll, { passive: true });
    setTimeout(() => revealAll(els), 2600);
  };
  setTimeout(run, 60);
})();