// Site footer with newsletter + links

const Footer = () => (
  <footer className="site-footer">
    <div className="container">
      <div className="footer-grid">
        <div>
          <div className="footer-brand">
            <img src="assets/logo-mark.png" alt="" className="footer-logo-mark"/>
            <Wordmark size={26}/>
          </div>
          <h3 className="footer-h3">Get Free Tools &amp; Insights</h3>
          <p className="footer-blurb">
            Subscribe to our weekly newsletter for free tools, insights, and updates
            to help you break cycles and improve emotional regulation skills.
          </p>
          <NewsletterForm/>
        </div>
        <div className="footer-col">
          <div className="footer-col-title">Explore</div>
          <ul>
            {[["home","Home"],["about","About"],["services","Services"],["work-with-me","Work With Me"],["blog","Blog"],["faq","FAQ"]].map(([id, l]) => (
              <li key={id}><a href={"#/" + (id === "home" ? "" : id)} onClick={navTo(id)}>{l}</a></li>
            ))}
          </ul>
        </div>
        <div className="footer-col">
          <div className="footer-col-title">Connect</div>
          <ul>
            <li><a href="mailto:Brittney.Edwards@alignedattachments.com">Brittney.Edwards@alignedattachments.com</a></li>
            <li><a href="#/contact" onClick={navTo("contact")}>Contact form</a></li>
            <li><a href="https://www.instagram.com/alignedattachments/" target="_blank" rel="noreferrer">Instagram</a></li>
            <li><a href="https://www.facebook.com/547045108493553" target="_blank" rel="noreferrer">Facebook</a></li>
          </ul>
        </div>
      </div>
      <div className="footer-bottom">
        <span>Copyright © 2025 Aligned Attachments — All Rights Reserved.</span>
        <span>Powered By Brittney</span>
      </div>
    </div>
  </footer>
);

window.Footer = Footer;