

<footer class="text-green pt-5 pb-3">
    <div class="container">

        <!-- Ligne 1: Logo + Social Icons -->
        <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
            <a href="{{ path('home') }}">
                <img class="image-logo" src="{{ asset('images/logo-SS-body-mind.png') }}" alt="Logo" style="width: 20%;">
            </a>
            
            
        </div>

        <!-- Ligne 2: Footer Columns -->
        <div class="row text-start">

            <!-- Column 1: About -->
            <div class="col-md-5 mb-3">
                <h6 class="fw-bold">About Us</h6>
                <p style="font-size: 15px;">SS Body & Mind is your wellness partner, offering fitness programs, coaching, and holistic support to help you achieve your goals.</p>
            </div>

            <!-- Column 2: Quick Links -->
            <div class="col-md-2 mb-3">
              
            </div>

            <!-- Column 3: Contact -->
            <div class="col-md-5 mb-3">
                <h6 class="fw-bold">Contact</h6>
                <p style="font-size: 15px; margin-bottom: 0;"><i class="fas fa-map-marker-alt"></i> 13 rue Tahar Al Manjra Quartier Manar</p>
                <p style="font-size: 15px; margin-bottom: 0;"><i class="fas fa-phone me-2"></i>+212 666 606 223</p>
                <p style="font-size: 15px;margin-bottom: 0.5rem;"><i class="fas fa-envelope"></i> contact@ssbodymind.com</p>
                <div>
                <a href="https://www.instagram.com/ss_body_mind" class="text-white me-3" target="_blank" style="text-decoration: none !important;">
                    <i class="fab fa-instagram fa-lg"></i>
                </a>
                <a href="https://www.instagram.com/ss_body_mind" class="text-white me-3" target="_blank"  style="text-decoration: none !important;">
                    <i class="fab fa-facebook-f fa-lg"></i>
                </a>
                <a href="https://www.instagram.com/ss_body_mind" class="text-white me-3" target="_blank"  style="text-decoration: none !important;">
                    <i class="fab fa-tiktok fa-lg"></i>
                </a>
                
            </div>
             <ul class="list-unstyled">
             <a href="{{ asset('images/reglement-interieur-SS-Body-Mind.pdf') }}" target="_blank" class="text-term">Terms & Conditions</a>
             </ul>
            </div>

        </div>

        <hr class="bg-white">

        <!-- Ligne 3: Copyright -->
        <div class="text-center">
            <small>© 2024 SS Body & Mind. All rights reserved.</small>
        </div>

    </div>
</footer>