/* Footer — logo on the left, social/email links in the middle, copyright
   on the right. Stacks on phones via CSS. */

const Footer = () => (
  <footer className="footer">
    <div className="container footer-inner">
      <div className="footer-logo">
        <img src="scraps/logo-angels-1.png" alt="Angel App Studio" className="footer-logo-img"/>
        <span className="footer-logo-text">Angel <span className="it">App Studio</span></span>
      </div>
      <div className="footer-links">
        <a href="mailto:hi@angelapp.studio">hi@angelapp.studio</a>
      </div>
      <div className="footer-copy">© 2026 Angel App Studio</div>
    </div>
  </footer>
);

window.AAS = window.AAS || {};
window.AAS.Footer = Footer;