<footer class="footer-section bg-dark text-white pt-5">
    <div class="container">
        <div class="row gy-4">

            {{-- BRAND & ABOUT --}}
            <div class="col-lg-4 col-md-6">
                <h4 class="fw-bold mb-3">HASA Construction Ltd</h4>
                <p class="text-white-50">
                    HASA Construction Ltd is a trusted construction and engineering company
                    delivering high-quality residential, commercial, and infrastructure
                    projects with a strong commitment to safety, durability, and excellence.
                </p>

                <div class="d-flex gap-3 mt-3">
                    <a href="#" class="footer-social" aria-label="Facebook">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#" class="footer-social" aria-label="Twitter">
                        <i class="fab fa-x-twitter"></i>
                    </a>
                    <a href="#" class="footer-social" aria-label="LinkedIn">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                    <a href="#" class="footer-social" aria-label="Instagram">
                        <i class="fab fa-instagram"></i>
                    </a>
                </div>
            </div>

            {{-- QUICK LINKS --}}
            <div class="col-lg-2 col-md-6">
                <h6 class="fw-semibold mb-3 text-uppercase">Quick Links</h6>
                <ul class="list-unstyled footer-links">
                    @foreach($quickLinks ?? [] as $link)
                        <li>
                            <a href="{{ $link['url'] }}">{{ $link['title'] }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>

            {{-- SERVICES --}}
            <div class="col-lg-3 col-md-6">
                <h6 class="fw-semibold mb-3 text-uppercase">Our Services</h6>
                <ul class="list-unstyled footer-links">
                    @foreach($services->take(5) as $service)
                        <li>
                            <a href="{{ route('frontend.services.show', $service->slug) }}">
                                {{ $service->title }}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </div>

            {{-- CONTACT --}}
            <div class="col-lg-3 col-md-6">
                <h6 class="fw-semibold mb-3 text-uppercase">Contact Information</h6>

                @if($contact)
                <ul class="list-unstyled footer-contact">
                    <li class="mb-2">
                        <i class="fas fa-location-dot me-2"></i>
                        {{ $contact->address ?? 'Dar es Salaam, Tanzania' }}
                    </li>
                    <li class="mb-2">
                        <i class="fas fa-phone me-2"></i>
                        <a href="tel:{{ $contact->phone }}" class="text-white-50">
                            {{ $contact->phone ?? '+255 700 000 000' }}
                        </a>
                    </li>
                    <li>
                        <i class="fas fa-envelope me-2"></i>
                        <a href="mailto:{{ $contact->email }}" class="text-white-50">
                            {{ $contact->email ?? 'info@hasaconstruction.co.tz' }}
                        </a>
                    </li>
                </ul>
                @endif
            </div>

        </div>

        <hr class="border-secondary my-4">

        {{-- BOTTOM BAR --}}
        <div class="row align-items-center pb-3">
            <div class="col-md-6 text-center text-md-start small text-white-50">
                © {{ date('Y') }} HASA Construction Ltd. All rights reserved.
            </div>
            <div class="col-md-6 text-center text-md-end small">
                <a href="#" class="text-white-50 me-3">Privacy Policy</a>
                <a href="#" class="text-white-50">Terms & Conditions</a>
            </div>
        </div>
    </div>
</footer>
