function Footer() {
  const cols = [
    { h: 'Programs', links: ['Undergraduate', 'Postgraduate', 'Diploma', 'Professional certs', 'Executive programs'] },
    { h: 'Universities', links: ['Northbrook', 'Haldane', 'Rivermount', 'Seabury', 'All partners'] },
    { h: 'For students', links: ['Career counseling', 'Placement support', 'Mentorship', 'Scholarships', 'Financial aid'] },
    { h: 'Company', links: ['About MentVecity', 'Advisors', 'Careers', 'Press', 'Contact'] },
  ];
  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-grid">
          <div className="footer-brand">
            <div className="footer-brand-logo">
              <img src={(window.__resources && window.__resources.logo) || 'assets/logo.png'} alt="MentVecity" className="footer-brand-logo-img" />
            </div>
            <p>Recognized online degrees, end-to-end admission support, and the mentors you actually need to finish the journey.</p>
            <form className="footer-news" onSubmit={e => e.preventDefault()}>
              <input placeholder="your@email.com" />
              <button>Subscribe</button>
            </form>
          </div>
          {cols.map((c, i) => (
            <div key={i} className="footer-col">
              <h5>{c.h}</h5>
              <ul>
                {c.links.map(l => <li key={l}><a href="#">{l}</a></li>)}
              </ul>
            </div>
          ))}
        </div>

        <div className="footer-mega">MentVecity</div>

        <div className="footer-bottom">
          <div>© 2026 MentVecity Education Pvt. Ltd. · All rights reserved.</div>
          <div style={{display:'flex', gap: 24}}>
            <a href="#">Privacy</a>
            <a href="#">Terms</a>
            <a href="#">Grievance</a>
            <a href="#">Refund</a>
          </div>
        </div>
      </div>
    </footer>
  );
}
window.Footer = Footer;
