{{-- resources/views/partials/footer.blade.php --}}
<footer class="site-footer">
    <div class="container">
        <div class="footer-main">

            <div>
                <div class="footer-brand__logo">
                    <div class="logo-mark">KH</div>
                    KodeHub
                </div>
                <p class="footer-brand__desc">
                    A boutique software studio crafting bespoke digital solutions for organizations
                    that demand quality, precision, and lasting value.
                </p>
                <div class="footer-social">
                    <a href="#" class="footer-social__link" aria-label="LinkedIn">
                        <i class="fa-brands fa-linkedin-in"></i>
                    </a>
                    <a href="#" class="footer-social__link" aria-label="Twitter / X">
                        <i class="fa-brands fa-x-twitter"></i>
                    </a>
                    <a href="#" class="footer-social__link" aria-label="GitHub">
                        <i class="fa-brands fa-github"></i>
                    </a>
                </div>
            </div>

            <div>
                <p class="footer-col__heading">Services</p>
                <a href="{{ route('services') }}" class="footer-col__link">Web Development</a>
                <a href="{{ route('services') }}" class="footer-col__link">Mobile Applications</a>
                <a href="{{ route('services') }}" class="footer-col__link">Enterprise Systems</a>
                <a href="{{ route('services') }}" class="footer-col__link">POS Solutions</a>
            </div>

            <div>
                <p class="footer-col__heading">Company</p>
                <a href="{{ route('about') }}" class="footer-col__link">About</a>
                <a href="{{ route('portfolio') }}" class="footer-col__link">Work</a>
                <a href="{{ route('contact') }}" class="footer-col__link">Contact</a>
                <a href="{{ route('admin.login') }}" class="footer-col__link">Client Portal</a>
            </div>

            <div>
                <p class="footer-col__heading">Contact</p>
                <p style="font-size:0.9375rem; color:rgba(255,255,255,0.5); margin-bottom:0.5rem;">
                    <a href="mailto:info@kodehub.com" style="color:rgba(255,255,255,0.55); transition:color 0.2s;" onmouseover="this.style.color='rgba(255,255,255,0.9)'" onmouseout="this.style.color='rgba(255,255,255,0.55)'">info@kodehub.com</a>
                </p>
                <p style="font-size:0.9375rem; color:rgba(255,255,255,0.5); margin-bottom:1rem;">
                    <a href="tel:+254700000000" style="color:rgba(255,255,255,0.55); transition:color 0.2s;" onmouseover="this.style.color='rgba(255,255,255,0.9)'" onmouseout="this.style.color='rgba(255,255,255,0.55)'">+254 700 000 000</a>
                </p>
                <p style="font-size:0.875rem; color:rgba(255,255,255,0.35); line-height:1.6;">
                    Kiambu, Kenya<br>
                    Serving clients globally
                </p>
            </div>

        </div>
    </div>

    <div class="footer-bottom">
        <p class="footer-bottom__copy">
            &copy; {{ date('Y') }} KodeHub. All rights reserved.
        </p>
        <div class="footer-bottom__links">
            <a href="#">Privacy Policy</a>
            <a href="#">Terms of Service</a>
        </div>
    </div>
</footer>