// ════════════════════════════════════════════════════════════════════
// NexFlow · Footer
// ════════════════════════════════════════════════════════════════════
function Footer() {
  return (
    <footer className="nf-foot">
      <div className="wrap">
        <div className="grid nf-foot-grid">
          <div>
            <div className="nf-foot-logo">
              <svg viewBox="0 0 32 32" width="28" height="28" aria-hidden="true">
                <rect width="32" height="32" rx="8" fill="#0E7C63"/>
                <circle cx="10" cy="16" r="2.6" fill="#FCFAF4"/>
                <circle cx="22" cy="10" r="2.6" fill="#D2552B"/>
                <circle cx="22" cy="22" r="2.6" fill="#FCFAF4"/>
              </svg>
              <span>NexFlow</span>
            </div>
            <p className="t-small" style={{ maxWidth: '34ch' }}>
              AI automation &amp; n8n consultancy. Implementation-first. You own everything we ship — no lock-in.
            </p>
            <div className="t-small" style={{ marginTop: 14 }}>
              <a href="mailto:support@nex-flow.io" className="link-underline" style={{ color:'var(--fg-0)' }}>support@nex-flow.io</a>
            </div>
          </div>

          <div>
            <h5>What we do</h5>
            <ul>
              <li><a href="/services/ai-receptionist/">AI Receptionist</a></li>
              <li><a href="/services/crm-automation/">CRM Automation</a></li>
              <li><a href="/services/invoice-processing/">Invoice Processing</a></li>
              <li><a href="/services/ai-chatbot/">AI Chatbot</a></li>
              <li><a href="/services/document-ai/">Smart Documents</a></li>
              <li><a href="/services/workflow-automation/">Workflow Automation</a></li>
            </ul>
          </div>

          <div>
            <h5>Industries</h5>
            <ul>
              <li><a href="/real-estate-automation-australia.html">Real estate automation</a></li>
              <li><a href="/cliniko-automation-n8n.html">Healthcare &amp; Cliniko</a></li>
              <li><a href="/shopify-automation-setup.html">E-commerce &amp; Shopify</a></li>
              <li><a href="/xero-automation-guide.html">Xero automation</a></li>
              <li><a href="/myob-automation-n8n.html">MYOB automation</a></li>
              <li><a href="/services.html#agents">Legal</a></li>
            </ul>
          </div>

          <div>
            <h5>Company</h5>
            <ul>
              <li><a href="/about.html">About</a></li>
              <li><a href="/services.html">All services</a></li>
              <li><a href="/pricing.html">Pricing</a></li>
              <li><a href="/n8n-pricing-australia.html">n8n pricing guide</a></li>
              <li><a href="/n8n-consultant-sydney.html">n8n consultant guide</a></li>
              <li><a href="/n8n-expert-partners.html">n8n expert partners</a></li>
              <li><a href="/workflow-audit-service.html">Workflow audit service</a></li>
              <li><a href="/automation-readiness-assessment.html">Automation readiness check</a></li>
              <li><a href="/blog.html">Field notes</a></li>
              <li><a href="/terms.html">Terms</a></li>
              <li><a href="/privacy.html">Privacy</a></li>
              <li><a href="mailto:security@nex-flow.io">Security</a></li>
            </ul>
          </div>

          <div>
            <h5>Guides &amp; compare</h5>
            <ul>
              <li><a href="/what-is-n8n.html">What is n8n?</a></li>
              <li><a href="/guides/">All guides</a></li>
              <li><a href="/guides/invoice-automation-australia/">Invoice automation</a></li>
              <li><a href="/guides/n8n-vs-zapier-australia/">n8n vs Zapier</a></li>
              <li><a href="/n8n-vs-power-automate.html">n8n vs Power Automate</a></li>
              <li><a href="/n8n-vs-make.html">n8n vs Make</a></li>
              <li><a href="/guides/self-host-n8n-australia/">Self-host n8n</a></li>
              <li><a href="/guides/agentic-ai-for-business/">Agentic AI for business</a></li>
              <li><a href="/ai-agent-setup.html">AI agent setup</a></li>
              <li><a href="/guides/ai-automation-consultant-sydney/">Hiring a consultant</a></li>
              <li><a href="/faq/">Help centre &amp; FAQ</a></li>
            </ul>
          </div>
        </div>

        <div className="nf-foot-bottom">
          <span>© 2026 NexFlow Pty Ltd · Company details supplied on invoices and agreements</span>
          <span className="t-mono">Remote · serving worldwide · <a href="privacy.html" style={{color:'inherit'}}>privacy</a> · <a href="/.well-known/security.txt" style={{color:'inherit'}}>security.txt</a></span>
        </div>
      </div>
    </footer>
  );
}

window.NF_Footer = Footer;
