"use client";

export default function Footer() {
    return (
      <footer id="footer" className="footer-section">
  
        {/* TOP BAR */}
        <div className="footer--linewrap">
          <div className="container leftline">
  
            <div className="footer-top d-flex justify-content-between align-items-center">
  
              <div className="social-icons">
                <span><img src="/assets/images/icons/footerface.svg" /></span>
                <span><img src="/assets/images/icons/footerinsta.svg" /></span>
                <span><img src="/assets/images/icons/footertwitter.svg" /></span>
                <span><img src="/assets/images/icons/footerlink.svg" /></span>
                <span><img src="/assets/images/icons/you.svg" /></span>
              </div>
  
              <div className="footer-info">
                Licensed in Texas | NKBA Member | Smart Home Certified
              </div>
  
              <div
                className="go-top"
                onClick={() => window.scrollTo({ top: 0, behavior: "smooth" })}
                style={{ cursor: "pointer" }}
              >
                GO TO TOP <img src="/assets/images/icons/gotop.svg" />
              </div>
  
            </div>
  
          </div>
        </div>
  
  
        {/* MAIN FOOTER */}
        <div className="footer--linewrap">
          <div className="container leftline">
  
            <div className="row footer-main">
  
              {/* LEFT */}
              <div className="col-lg-4">
                <div className="logo">
                  <img src="/assets/images/logo.png" />
                </div>
  
                <h2 className="footer-title">
                  Raise Smart. Grow Fast.<br />Let’s Start Today!
                </h2>
  
                <p className="footer-desc">
                  Texas's premier remodeling consultancy, delivering turnkey solutions with precision execution and technological sophistication.
                </p>
              </div>
  
              {/* SERVICES */}
              <div className="col-lg-3">
                <h5>Services</h5>
                <ul>
                  <li><a href="#">3D Visualization and Interior Design</a></li>
                  <li><a href="/Interior_remodelling">Interior Remodelling</a></li>
                  <li><a href="/Smart_home">Smart Home & Technology</a></li>
                  <li><a href="/Sunroomsenclosures">Sunrooms & Enclosures</a></li>
                  <li><a href="#">Outdoor Living & Kitchens</a></li>
                  <li><a href="/Kitchen_bath">Kitchen & Bath Remodeling</a></li>
                  <li><a href="#">Approval, Documentation, and Project Supervision</a></li>
                </ul>
              </div>
  
              {/* COMPANY */}
              <div className="col-lg-2">
                <h5>Company</h5>
                <ul>
                  <li><a href="/project">Projects</a></li>
                  <li><a href="#">Services</a></li>
                  <li><a href="/process">Our Process</a></li>
                  <li><a href="/about">About us</a></li>
                  <li><a href="/gallery">Gallery</a></li>
                  <li><a href="/contact">Contact us</a></li>
                </ul>
              </div>
  
              {/* RESOURCE */}
              <div className="col-lg-3">
                <h5>Resource</h5>
                <ul>
                  <li><a href="/blog">Blog</a></li>
                  <li><a href="/faq">FAQ’s</a></li>
                  <li><a href="#">Teams</a></li>
                </ul>
              </div>
  
            </div>
  
          </div>
        </div>
  
  
        {/* CONTACT BAR */}
        <div className="footer--linewrap">
          <div className="container leftline">
  
            <div className="row contact-bar text-center">
  
              <div className="col-md-3">
                <div className="footerbottom">
                  <img src="/assets/images/icons/footercall.svg" />
                  <span>
                    <p>Call Us</p>
                    <strong>+15107099142</strong>
                  </span>
                </div>
              </div>
  
              <div className="col-md-3">
                <div className="footerbottom">
                  <img src="/assets/images/icons/footeremail.svg" />
                  <span>
                    <p>Email Us</p>
                    <strong>reimagine@housecoin.biz</strong>
                  </span>
                </div>
              </div>
  
              <div className="col-md-6">
                <div className="footerbottom d-flex">
                  <img src="/assets/images/icons/footerlocation.svg" style={{ marginRight: "10px" }} />
  
                  <div>
                    <span className="locationflex">
                      <strong>Global HQ:</strong>
                      <p style={{ margin: 0 }}>
                        700 Central Expy S Suite 400 Allen, TX 75013
                      </p>
                    </span>
  
                    <span className="locationflex">
                      <strong>EMEA:</strong>
                      <p style={{ margin: 0 }}>
                        10 Malus Close, Peterborough PE7 8DU, UK
                      </p>
                    </span>
                  </div>
  
                </div>
              </div>
  
            </div>
  
          </div>
        </div>
  
  
        {/* BOTTOM */}
        <div className="footer--linewrap borderbottom">
          <div className="container leftline">
  
            <div className="footer-bottom d-flex justify-content-between">
              <p>© 2026 HouseCoin by Insignia Consultancy Solutions. All rights reserved.</p>
  
              <p className="pricacy_flex">
                <a href="/privacy">Privacy Policy</a> |{" "}
                <a href="/terms">Terms of Service</a>
              </p>
            </div>
  
          </div>
        </div>
  
      </footer>
    )
  }