<footer class="footer-area">

    <div class="container">

        <div class="row gy-5">

            <!-- About -->
            <div class="col-lg-4 col-md-6">

                <h5 class="footer-title">
                    {{ store }}
                </h5>

                <p class="footer-text">
                    Experience the power of Ayurveda with authentic herbal
                    remedies for a healthier and happier life.
                </p>

            </div>

            <!-- Quick Links -->
            <div class="col-lg-4 col-md-6">

                <h5 class="footer-title">
                    Quick Links
                </h5>

                <ul class="footer-links">

    <li><a href="{{ home }}">Home</a></li>

    <li><a href="{{ shop }}">Shop</a></li>

    <li><a href="{{ about }}">About Us</a></li>

    <li><a href="{{ contact }}">Contact Us</a></li>

    <li><a href="{{ blog }}">Blogs</a></li>

</ul>

            </div>

           

            <!-- Contact -->
            <div class="col-lg-4 col-md-6">

                <h5 class="footer-title">
                    Contact Us
                </h5>

                <ul class="footer-contact">

                    <li>
                        <i class="bi bi-geo-alt"></i>
                        {{ address }}
                    </li>

                    <li>
                        <i class="bi bi-telephone"></i>

                        <a href="tel:{{ telephone }}">
                            {{ telephone }}
                        </a>
                    </li>

                    <li>
                        <i class="bi bi-envelope"></i>

                        <a href="mailto:{{ email }}">
                            {{ email }}
                        </a>
                    </li>

                </ul>

            </div>

        </div>

        <hr>

       

        <!-- Social -->

        <div class="text-center mb-4">

            <h5 class="footer-title">
                Follow Us
            </h5>

            <div class="social-icons">

                <a href="{{ facebook }}" target="_blank">
                    <i class="bi bi-facebook"></i>
                </a>

                <a href="{{ instagram }}" target="_blank">
                    <i class="bi bi-instagram"></i>
                </a>

                <a href="{{ youtube }}" target="_blank">
                    <i class="bi bi-youtube"></i>
                </a>

                <a href="{{ whatsapp }}" target="_blank">
                    <i class="bi bi-whatsapp"></i>
                </a>

            </div>

        </div>

        <!-- Newsletter -->

        <div class="newsletter-box">

            <div class="row justify-content-center">

                <div class="col-lg-8 text-center">

                    <h4>
                        Join Our Wellness Community
                    </h4>

                    <p>
                        Get exclusive herbal wellness tips, product launches and special offers.
                    </p>

                    <form id="footer-newsletter-form">

                        <div class="input-group">

                            <input
                                type="email"
                                class="form-control"
                                id="newsletter-email"
                                placeholder="Enter your email address"
                                required>

                            <button
                                class="btn btn-success"
                                type="submit">

                                Subscribe

                            </button>

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

    <!-- Bottom -->

    <div class="footer-bottom">

        <div class="container">

            <div class="row">

                <div class="col-md-6">

                    © {{ year }} {{ store }}.
                    All Rights Reserved.

                </div>

                <div class="col-md-6 text-md-end">

                    {{ powered }}

                </div>

            </div>

        </div>

    </div>

</footer>

<!-- Franklin Toast -->
<div id="franklinToast" class="franklin-toast">

    <div class="toast-icon">
        <i class="bi bi-check-circle-fill"></i>
    </div>

    <div class="toast-content">

        <div class="toast-title">
            Success
        </div>

        <div class="toast-message">
            Product added successfully.
        </div>

        <div id="toastActions" class="toast-actions">

            <a href="{{ cart }}" class="btn btn-success btn-sm">

                <i class="bi bi-cart3"></i>

                View Cart

            </a>

            <a href="{{ checkout }}" class="btn btn-outline-success btn-sm">

                Checkout

            </a>

        </div>

    </div>

    <button class="toast-close">

        <i class="bi bi-x-lg"></i>

    </button>

</div>

<!-- Franklin Delete Confirmation -->
<div class="modal fade" id="cartDeleteModal" tabindex="-1">

    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content border-0 rounded-4">

            <div class="modal-header border-0">

                <h5 class="modal-title">

                    <i class="bi bi-trash text-danger me-2"></i>

                    Remove Product

                </h5>

                <button
                    type="button"
                    class="btn-close"
                    data-bs-dismiss="modal">
                </button>

            </div>

            <div class="modal-body">

                Are you sure you want to remove this item from your shopping cart?

            </div>

            <div class="modal-footer border-0">

                <button
                    type="button"
                    class="btn btn-light"
                    data-bs-dismiss="modal">

                    Cancel

                </button>

                <button
                    type="button"
                    class="btn btn-danger"
                    id="confirmRemoveCart">

                    <i class="bi bi-trash me-2"></i>

                    Remove

                </button>

            </div>

        </div>

    </div>

</div>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
{% for script in scripts %}
<script src="{{ script.href }}"></script>
{% endfor %}
</body>