<footer>
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <?php include 'assets/logo.php'; ?>
        <p>Building strong foundations for Rwanda and beyond — with 24 years of excellence in residential, commercial, and infrastructure construction.</p>
        <div class="contact-socials" style="margin-top:24px;">
          <a href="#" class="social-btn"><svg viewBox="0 0 24 24" style="fill:var(--stone-light); width:16px; height:16px;"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg></a>
          <a href="#" class="social-btn"><svg viewBox="0 0 24 24" style="fill:var(--stone-light); width:16px; height:16px;"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg></a>
          <a href="#" class="social-btn"><svg viewBox="0 0 24 24" style="fill:none; stroke:var(--stone-light); stroke-width:1.5; width:16px; height:16px;"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg></a>
        </div>
      </div>
      <div class="footer-col"><h4>Quick Links</h4><ul class="footer-links"><li><a href="#home">Home</a></li><li><a href="#about-intro">About Us</a></li><li><a href="#services">Our Services</a></li><li><a href="#projects">Our Projects</a></li><li><a href="#portfolio">Portfolio</a></li><li><a href="#contact">Contact Us</a></li></ul></div>
      <div class="footer-col"><h4>Services</h4><ul class="footer-links"><li><a href="#services">Residential Construction</a></li><li><a href="#services">Commercial Construction</a></li><li><a href="#services">Renovation & Remodeling</a></li><li><a href="#services">Civil & Infrastructure</a></li><li><a href="#services">Design & Build</a></li><li><a href="#services">Project Management</a></li></ul></div>
      <div class="footer-col"><h4>Contact</h4><div class="footer-contact-item"><svg viewBox="0 0 24 24"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z"/><circle cx="12" cy="10" r="3"/></svg>KG 9 Ave, Kacyiru, Kigali</div><div class="footer-contact-item"><svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6A19.79 19.79 0 012.12 4.18 2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/></svg>+250 788 123 456</div><div class="footer-contact-item"><svg viewBox="0 0 24 24"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>info@solidconstruction.rw</div><div class="footer-contact-item"><svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12,6 12,12 16,14"/></svg>Mon–Fri: 7:30 AM – 5:30 PM</div></div>
    </div>
    <div class="footer-bottom"><div class="footer-bottom-text">© 2025 Solid Construction. All rights reserved.</div><div class="footer-legal"><a href="#">Privacy Policy</a><a href="#">Terms of Service</a><a href="#">Sitemap</a></div></div>
  </div>
</footer>

<style>
footer { background: #111110; padding: 80px 0 0; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 60px; }
.footer-brand p { font-size: 14px; color: var(--stone); line-height: 1.75; margin-top: 20px; max-width: 260px; }
.footer-col h4 { font-size: 13px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--white); margin-bottom: 24px; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 10px; }
.footer-links a { text-decoration: none; font-size: 14px; color: var(--stone); transition: color var(--transition); }
.footer-links a:hover { color: var(--gold); }
.footer-contact-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 14px; color: var(--stone); }
.footer-contact-item svg { width: 16px; height: 16px; fill: none; stroke: var(--gold); stroke-width: 1.5; flex-shrink: 0; margin-top: 2px; }
.footer-bottom { border-top: 1px solid rgba(138,136,128,0.12); padding: 24px 0; display: flex; align-items: center; justify-content: space-between; }
.footer-bottom-text { font-size: 13px; color: var(--stone); }
.footer-legal { display: flex; gap: 24px; }
.footer-legal a { font-size: 13px; color: var(--stone); text-decoration: none; transition: color var(--transition); }
.footer-legal a:hover { color: var(--gold); }
@media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; gap: 40px; } .footer-bottom { flex-direction: column; gap: 16px; text-align: center; } }
</style>