import Link from "next/link";


const FooterAreaOne = () => {
  return (
    <footer
      className="footer-wrapper footer-layout1"
      style={{ backgroundImage: "url(/assets/img/footer.jpg)" }}
    >
      <div className="container">
        <div className="widget-area">
          <div className="row justify-content-between">
            {/* Quick Links Section */}
            <div className="col-md-2 col-xl-auto text-md-left text-center">
              <div className="widget widget_nav_menu footer-widget">
                <h3 className="widget_title">Quick Links</h3>
                <div className="menu-all-pages-container">
                  <ul className="menu footer-menu-link">
                    <li>
                      <Link href="/about-us">About Us</Link>
                    </li>
                    <li>
                      <Link href="/gallery">Gallery</Link>
                    </li>
                    <li>
                      <Link href="/faq">FAQ</Link>
                    </li>
                    {/* <li>
                      <Link href="/blog">Blog</Link>
                    </li> */}
                  </ul>
                </div>
              </div>
            </div>

            {/* Logo and Social Links Section */}
            <div className="col-md-5 col-xl-auto text-center">
              <div className="widget footer-widget">
                <div className="widget-contact">
                  <img
                    src="/assets/img/footer-logo.png"
                    alt="Footer-logo" className="footer-logo"

                  />
                  <p className="sec-text">
                    The executive committee is working on finalizing
                    <br /> the physical location of the temple.
                  </p>
                  <div className="col-auto d-xl-block d-none">
                    <div className="social-links">
                      <Link href="https://www.facebook.com/waterloomurugantemple/">
                        <i className="fab fa-facebook-f" />
                      </Link>
                      <Link href="https://www.instagram.com/waterloomurugantemple/?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw%3D%3D#">
                        <i className="fab fa-instagram" />
                      </Link>
                      <Link href="#">
                        <i className="fab fa-youtube" />
                      </Link>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            {/* Contact Section */}
            <div className="col-md-5 col-xl-auto text-md-right">
              <div className="widget footer-widget footer-contact">
                <h3 className="widget_title">Contact</h3>
                <div className="widget-contact">
                  <p>
                    <Link href="mailto:infoname@mail.com">
                      <i className="fa fa-envelope" />&nbsp;&nbsp;info@waterloomurugantemple.ca
                    </Link>
                  </p>
                  <p>
                    <i className="fa fa-map-marker-alt" />&nbsp;&nbsp;Sri Murugan Temple of waterloo Region,
                    <br />15182921 Canada Society<br />
                    P.O.Box 2503, Kitchener RPO Hiway,
                    <br /> Ontario N2A 4A5, <br />
                    Canada.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div className="copyright-wrap">
        <div className="container">
          <div className="row gy-5 justify-content-center">
            <div className="col-auto align-self-center">
              <p className="copyright-text text-center">
                Copyright {new Date().getFullYear()} © Sri Murugan Temple of Waterloo Region and Community Center. Powered by <a href="https://metatroncubesolutions.com/" target="_blank">MetatronCube</a>.
              </p>
            </div>
            <div className="col-auto align-self-center">
              <div className="footer-links">
                {/* <Link href="/contact">Terms &amp; Condition</Link> */}
                <Link href="/privacy-policy">Privacy Policy</Link>
                {/* <Link href="/contact">Contact Us</Link> */}
              </div>
            </div>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default FooterAreaOne;
