import Link from "next/link";

const Footer1 = () => {
  return (
    <div className="footer-middle style-two">
      <div className="container">
        <div className="footer-bg">
          <div className="row">
            <div className="col-lg-4 col-sm-6">
              <div className="widget widgets-company-info mb-4 mb-lg-0">
                <div className="company-info-desc pr-2">
                  <div>
                    <div className="consen-logo mb-4 ">
                      <Link legacyBehavior href="/">
                        <a className="logo_thumb " title="consen">
                          <img src="/assets/images/logo.webp" alt="logo" />
                        </a>
                      </Link>
                    </div>
                  </div>

                  <p className="header-info">
                    Metatroncubeeee Software Solutions: Where innovation meets execution to elevate your digital presence. Partner with us for bespoke web and app development that powers your business growth.
                  </p>
                </div>
                <div className="follow-company-icon">
                  <a className="social-icon-color" href="https://www.facebook.com/metatroncubecanada" target="_blank">
                    {" "}
                    <i className="bi bi-facebook" />{" "}
                  </a>
                  <a className="social-icon-color2" href="https://www.instagram.com/metatron_digitalagency" target="_blank">
                    {" "}
                    <i className="bi bi-instagram"> </i>{" "}
                  </a>
                  <a className="social-icon-color1" href="https://x.com/MetatroncubeDA" target="_blank">
                    {" "}
                    <i>𝕏</i>
                  </a>
                  <a className="social-icon-color2" href="https://www.linkedin.com/company/metatroncube-software-solutions/" target="_blank">
                    {" "}
                    <i className="bi bi-linkedin" />{" "}
                  </a>
                  <a className="social-icon-color1" href="https://www.youtube.com/@metatron_digitalagency" target="_blank">
                    {" "}
                    <i className="fab fa-youtube"></i>
                  </a>
                </div>
              </div>
            </div>
            <div className="col-lg-2 col-6">
              <div className="widget widget-nav-menu">
                <h4 className="widget-title">Company</h4>
                <div className="menu-quick-link-content">
                  <ul className="footer-menu">
                    <li>
                      <Link legacyBehavior href="/">
                        Home
                      </Link>
                    </li>
                    <li>
                      <Link legacyBehavior href="/services-digital-solutions">
                        Our Services
                      </Link>
                    </li>
                    <li>
                      <Link legacyBehavior href="/about">
                        About Us
                      </Link>
                    </li>
                    <li>
                      <Link legacyBehavior href="/contact">
                        Contact
                      </Link>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div className="col-lg-3 col-6">
              <div className="widget widget-nav-menu">
                <h4 className="widget-title"> Services </h4>
                <div className="menu-quick-link-content">
                  <ul className="footer-menu">
                    <li>
                      <a href="/service/website-development-company"> Website Development</a>
                    </li>
                    <li>
                      <a href="/service/mobile-application-development"> Mobile Application Development </a>
                    </li>
                    <li>
                      <a href="/service/graphic-designing-company">Graphic Designing</a>
                    </li>
                    <li>
                      <a href="/service/ui-ux-designing"> UI / UX Designing </a>
                    </li>
                    <li>
                      <a href="/service/search-engine-optimization-seo-content-writing"> SEO & Content Writing</a>
                    </li>
                    <li>
                      <a href="/service/digital-marketing-agency-in-canada"> Digital Marketing </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            {/* <div className="col-lg-3 col-sm-6">
              <div id="em-recent-post-widget" className="mt-5 mt-sm-0">
                <div className="single-widget-item">
                  <h4 className="widget-title">Get In Touch</h4>
                </div>
                <div className="widget-location mb-5">
                  <h4 className="my-white mb-2 ">Contacts</h4>
                  <a className="my-white" href="/contact">+91 999 448 3353</a>
                </div>
                <div className="widget-location">
                  <h4 className="my-white mb-2">Timings</h4>
                  <span className="my-white"><b>Mon - Sat:</b> 8 Am to 6 Pm</span><br />
                  <span className="my-white">Sunday Closed</span>
                </div>
              </div>
            </div> */}



            <div className="col-lg-3 col-sm-6">
              <div id="em-recent-post-widget" className="mt-5 mt-sm-0">
                <div className="single-widget-item">
                  <h4 className="widget-title pb-2">Newsletter</h4>

                  <div className="contact-form-footer pt-0">
                    <form action="#" method="post">
                      <div className="subscribe_form d-flex">
                        <input
                          type="email"
                          name="email"
                          id="email"
                          className="form-control"
                          data-error="Please enter your email"
                          placeholder="Enter E-Mail"
                          required
                        />
                        <button type="submit" className="btn ms-2">
                          <i className="bi bi-send-check"></i>
                        </button>
                      </div>
                      <div className="subscribe_form_send"></div>
                    </form>
                  </div>

                  <div className="recent-post-item">
                    <div className="recent-post-thumb1">
                      <a className="my-white" href="/contact">
                        Subscribe our newsletter to get our latest update & news
                      </a>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
          <div className="foorer-shape">
            <div className="footer-thumb">
              <img src="assets/images/elements/dot .webp" alt="" />
            </div>
            <div className="footer-thumb1 bounce-animate2">
              <img src="assets/images/cards/4 .webp" alt="" />
            </div>
          </div>
        </div>
      </div>
      <div className="footer-bottom-area">
        <div className="container">
          <div className="row align-items-center">
            <div className="col-md-6">

              <div className="footer-bottom-content-copy">
                <p className="m-0">
                  Copyright 2025 © by Metatroncube Software Solutions. All Right Reserved.
                </p>

              </div>
            </div>
            <div className="col-md-6 d-flex justify-content-md-end justify-content-start gap-3 mt-3 mt-md-0">
              <div className="footer-bottom-content">
                <div className="footer-bottom-content-copy">
                  <a className="my-white" href="/accessibility-statement-for-metatroncube-software-solutions/">Accessibility Statement</a>
                </div>
              </div>
              <span className="footer-copyright my-white">/</span>
              <div className="footer-bottom-content">
                <div className="footer-bottom-content-copy">
                  <a className="my-white" href="/privacy-policy/">Privacy Policy</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};
export default Footer1;