<template>
  <!-- Footer Section -->
  <footer class="footer2 section-padding pb-0 fix footer2-bg">
    <div class="footer2-wrapper">
      <div class="container">
        <div class="row g-4">
          <div class="col-md-6 col-lg-3">
            <div class="footer2-wrapper-logoInfo return-footer">
              <div class="footer2-wrapper-logoInfo__logo">
                <router-link to="/"><img src="/images/logo/Logo-white.png" alt="logo" /></router-link>
              </div>
              <p class="footer2-wrapper-logoInfo__desc">
                Our experienced professionals are here ensure you get the
                care you deserve when you need it most.
              </p>
              <div class="global-social3">
                <div class="global-social3__item">
                  <a href="https://facebook.com/yourprofile" class="facebook" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-facebook-f"></i></a>
                </div>
                <div class="global-social3__item">
                  <a href="https://twitter.com/yourprofile" class="twitter" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-twitter"></i></a>
                </div>
                <div class="global-social3__item">
                  <a href="https://www.pinterest.com/yourusername" class="pinterest" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-pinterest"></i></a>
                </div>
                <div class="global-social3__item">
                  <a href="https://linkedin.com/in/yourprofile" class="linkedin" target="_blank" rel="noopener noreferrer"><i class="fa-brands fa-linkedin-in"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-6 col-lg-3">
            <div class="footer2-wrapper-service return-footer">
              <h5 class="footer2-wrapper-service__title">Services Links</h5>
              <ul class="footer2-wrapper-service-list">
                <li class="footer2-wrapper-service-list__item"><span class="dot"></span><router-link to="/service">Lung Diseases</router-link></li>
                <li class="footer2-wrapper-service-list__item"><span class="dot"></span><router-link to="/service">Body Surgery</router-link></li>
                <li class="footer2-wrapper-service-list__item"><span class="dot"></span><router-link to="/service">Medical Home Care</router-link></li>
                <li class="footer2-wrapper-service-list__item"><span class="dot"></span><router-link to="/service">Blood Cancer</router-link></li>
                <li class="footer2-wrapper-service-list__item"><span class="dot"></span><router-link to="/service">Neurology Surgery</router-link></li>
                <li class="footer2-wrapper-service-list__item"><span class="dot"></span><router-link to="/service">Dental Service</router-link></li>
              </ul>
            </div>
          </div>

          <div class="col-md-6 col-lg-3">
            <div class="footer2-wrapper-posts return-footer">
              <h5 class="footer2-wrapper-posts__title">Recent Posts</h5>
              <ul class="footer2-wrapper-posts-list">
                <li class="footer2-wrapper-posts-list__item">
                  <span class="icon me-2"><img src="/images/footer/footer-thumb1_1.png" alt="png" /></span>
                  <span class="footer2-wrapper-posts-list__item__desc">
                    <span class="meta-date"><img src="/images/icon/footer-clock.svg" alt="svg" /> March 24, 2025</span>
                    <router-link to="/blog-details">Radiant Smiles, Strong Teeth Illuminate Your Grin.</router-link>
                  </span>
                </li>
                <li class="footer2-wrapper-posts-list__item">
                  <span class="icon me-2"><img src="/images/footer/footer-thumb1_2.png" alt="png" /></span>
                  <span class="footer2-wrapper-posts-list__item__desc">
                    <span class="meta-date"><img src="/images/icon/footer-clock.svg" alt="svg" /> April 18, 2025</span>
                    <router-link to="/blog-details">Smile Renewal with Gentle Dental Experts.</router-link>
                  </span>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-6 col-lg-3">
            <div class="footer2-wrapper-contact return-footer">
              <h5 class="footer2-wrapper-contact__title">Talk To Us</h5>
              <ul class="footer2-wrapper-contact-list">
                <li class="footer2-wrapper-contact-list__item">
                  <a href="https://www.google.com/maps/search/?q=27+Division+St,+New+York,+NY+10002,+USA" target="_blank" class="d-flex align-items-start">
                    <span class="icon me-2"><img src="/images/icon/location-footer.svg" alt="svg" /></span>
                    <span class="text">Belvedere Pl, London SE1 United Kingdom</span>
                  </a>
                </li>
                <li class="footer2-wrapper-contact-list__item">
                  <a href="tel:+8845872568" class="d-flex align-items-start">
                    <span class="icon me-2"><img src="/images/icon/phone-footer.svg" alt="svg" /></span>
                    <span class="text d-flex flex-column"><span>+884-587-2568</span></span>
                  </a>
                </li>
                <li class="footer2-wrapper-contact-list__item">
                  <a href="mailto:example@gmail.com" class="d-flex align-items-start">
                    <span class="icon me-2"><img src="/images/icon/envelope-footer.svg" alt="svg" /></span>
                    <span class="text d-flex flex-column"><span>example@gmail.com</span></span>
                  </a>
                </li>
              </ul>
            </div>
          </div>

        </div>
      </div>
    </div>

    <div class="footer2-bottom">
      <div class="container">
        <div class="row"><div class="col-xl-12">
          <div class="footer2-bottom-info">
            <p>© 2025 Medice all rights reserved.</p>
            <div class="footer2-bottom-info__links">
              <router-link to="/privacy">Privacy Policy</router-link>
              <span>|</span>
              <router-link to="/terms">Term of Service</router-link>
            </div>
          </div>
        </div></div>
      </div>
    </div>
  </footer>
</template>

<script setup>
// This is a pure presentational component
// No props or emits needed for basic footer
</script>