<footer class="footer-dark mt-5 pt-5 pb-4">
    <div class="container">

        <div class="row justify-content-between">

        <!-- Brand -->
        <div class="col-lg-4 mb-4">
            <img src="{{ asset('assets/landing-page/images/logo-sembrani.png') }}" alt="Sembrani Logo" class="w-50 mb-3" />

            <p class="small mb-3">"Mengubah Ide, Jadi Inovasi"</p>

            <div class="d-flex gap-2">
                <a href="#" class="social-icon"><i class="bi bi-instagram"></i></a>
                <a href="#" class="social-icon"><i class="bi bi-envelope"></i></a>
                <a href="#" class="social-icon"><i class="bi bi-telephone"></i></a>
            </div>
        </div>

        <!-- Menu -->
        <div class="col-lg-2 mb-4">
            <h6 class="fw-bold mb-3">Menu</h6>
            <ul class="list-unstyled text-muted small">
                <li><a href="#" class="footer-link">Beranda</a></li>
                <li><a href="#" class="footer-link">Layanan</a></li>
                <li><a href="#" class="footer-link">Portfolio</a></li>
                <li><a href="#" class="footer-link">Tentang Kami</a></li>
                <li><a href="#" class="footer-link">Kontak</a></li>
            </ul>
        </div>

        <!-- Layanan -->
        <div class="col-lg-3 mb-4">
            <h6 class="fw-bold mb-3">Layanan</h6>
            <ul class="list-unstyled text-muted small">
                <li><a href="#" class="footer-link">Web Development</a></li>
                <li><a href="#" class="footer-link">Mobile Development</a></li>
                <li><a href="#" class="footer-link">UI/UX Design</a></li>
                <li><a href="#" class="footer-link">IT Consulting</a></li>
                <li><a href="#" class="footer-link">System Integration</a></li>
            </ul>
        </div>

        <!-- Kontak -->
        <div class="col-lg-3 mb-4">
            <h6 class="fw-bold mb-3">Kontak</h6>
            <p class="text-muted small mb-1"><i class="bi bi-telephone me-2"></i>0851 6199 4902</p>
            <p class="text-muted small mb-1"><i class="bi bi-envelope me-2"></i>info@sembranidigital.com</p>
            <p class="text-muted small"><i class="bi bi-instagram me-2"></i>@sembrani.solusidigital</p>
        </div>

        </div>

        <hr class="mt-4 mb-3 border-secondary opacity-25">

        <!-- Bottom -->
        <div class="d-flex justify-content-between align-items-center">
            <p class="text-muted small mb-0">© 2025 Sembrani Solusi Digital. All rights reserved.</p>

            <a href="#" class="btn btn-primary rounded-3 back-to-top">
                <i class="bi bi-arrow-up"></i>
            </a>
        </div>

    </div>
</footer>