{{-- resources/views/frontend/layout/footer.blade.php --}}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<footer class="main-footer">

    <div class="container">

        <div class="row gy-4">

            <div class="col-lg-4">

                <div class="footer-logo">
                    POP JEWELRY
                </div>

                <p class="footer-text">

                    Luxury jewelry collection with premium
                    gold and diamond designs.

                </p>

            </div>

            <div class="col-lg-2">

                <div class="footer-title">
                    Quick Links
                </div>

                <ul class="footer-links">

                    <li><a href="#">Home</a></li>

                    <li><a href="#">Products</a></li>

                    <li><a href="#">About</a></li>

                    <li><a href="#">Contact</a></li>

                </ul>

            </div>

            <div class="col-lg-3">

                <div class="footer-title">
                    Categories
                </div>

                <ul class="footer-links">

                    <li><a href="#">Ring</a></li>

                    <li><a href="#">Bracelet</a></li>

                    <li><a href="#">Necklace</a></li>

                    <li><a href="#">Earrings</a></li>

                </ul>

            </div>

            <div class="col-lg-3">

                <div class="footer-title">
                    Contact
                </div>

                <div class="footer-contact">

                    support@popjewelry.com

                    <br><br>

                    +1 234 567 890

                </div>

            </div>

        </div>

        <div class="footer-bottom">

            © 2026 POP Jewelry. All Rights Reserved.

        </div>

    </div>

</footer>

<style>

.main-footer{

    background:#0f172a;
    padding:70px 0 25px;
    margin-top:80px;

}

.footer-logo{

    color:#fff;
    font-size:28px;
    font-weight:900;
    margin-bottom:18px;

}

.footer-text{

    color:#9ca3af;
    line-height:28px;

}

.footer-title{

    color:#fff;
    font-size:18px;
    font-weight:800;
    margin-bottom:20px;

}

.footer-links{

    list-style:none;
    padding:0;
    margin:0;

}

.footer-links li{

    margin-bottom:12px;

}

.footer-links a{

    color:#9ca3af;
    text-decoration:none;
    transition:0.3s;

}

.footer-links a:hover{

    color:#fbbf24;

}

.footer-contact{

    color:#9ca3af;
    line-height:28px;

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,0.08);
    margin-top:40px;
    padding-top:25px;
    text-align:center;
    color:#9ca3af;

}

</style>