<footer class="site-footer" aria-label="Footer website">
    <div class="container footer-grid">
        <div class="footer-brand">
            <a href="#top" class="brand" aria-label="VeloraRide Home">
                <span class="brand-mark"><i class="fa-solid fa-road"></i></span>
                <span class="brand-text">VeloraRide</span>
            </a>
            <p>
                Platform rental kendaraan modern untuk perjalanan yang nyaman,
                aman, dan efisien di berbagai kota Indonesia.
            </p>
        </div>

        <div class="footer-col">
            <h4>Navigasi</h4>
            <a href="{{ route('home') }}">Home</a>
            <a href="{{ route('katalog.index') }}">Katalog</a>
            <a href="{{ route('home') }}#promo">Promo</a>
            <a href="{{ route('home') }}#tentang">Tentang</a>
        </div>

        <div class="footer-col">
            <h4>Kontak</h4>
            <p>Jl. Gatot Subroto No.88, Jakarta</p>
            <p>+62 812-3456-7890</p>
            <p>hello@veloraride.id</p>
        </div>

        <div class="footer-col">
            <h4>Sosial Media</h4>
            <div class="social-links">
                <a href="#" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
                <a href="#" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
                <a href="#" aria-label="X"><i class="fa-brands fa-x-twitter"></i></a>
                <a href="#" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
            </div>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="container">
            <p>&copy; 2026 VeloraRide. All rights reserved.</p>
        </div>
    </div>
</footer>
