{{-- path: resources/views/partials/footer.blade.php
     TEMPORARY structure — link targets become CMS-driven menus in §23 step 2,
     same as the header nav. Visual structure matches the mockup's footer. --}}
<div style="background-color: var(--cn-forest); color: var(--cn-white);" class="pt-5 pb-4 mt-5">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-3">
                <h5 class="cn-heading" style="color: var(--cn-white);">CafeNaija</h5>
                <p class="small opacity-75">Helping People and Organisations Perform at Their Best.</p>
            </div>
            <div class="col-md-3">
                <h6 style="color: var(--cn-white);">Resources</h6>
                <ul class="list-unstyled small opacity-75">
                    <li>Productivity</li>
                    <li>Leadership</li>
                    <li>Digital Safety</li>
                    <li>Professional Excellence</li>
                </ul>
            </div>
            <div class="col-md-3">
                <h6 style="color: var(--cn-white);">Store</h6>
                <ul class="list-unstyled small opacity-75">
                    <li>Books</li>
                    <li>Templates</li>
                    <li>Courses</li>
                    <li>Bundles</li>
                </ul>
            </div>
            <div class="col-md-3">
                <h6 style="color: var(--cn-white);">Workspace</h6>
                <ul class="list-unstyled small opacity-75">
                    <li>Hot Desk</li>
                    <li>Private Office</li>
                    <li>Meeting Rooms</li>
                    <li>Virtual Office</li>
                </ul>
            </div>
        </div>
        <hr class="opacity-25 my-4">
        <p class="small opacity-50 mb-0">&copy; {{ date('Y') }} CafeNaija Cowork. All rights reserved.</p>
    </div>
</div>