<style>
  .hover-link:hover {
    color: #555;
    transition: color 0.3s ease;
  }
  .footer-full {
    background: #fff;
    width: 100%;
    padding: 48px 0 0 0;
    border-top: 1.5px solid #eee;
    margin-top: 48px;
  }
  .footer-full .footer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 32px;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
  }
  .footer-full .footer-col {
    flex: 1 1 20px;
    min-width: 220px;
    margin-bottom: 24px;
  }
  .footer-full .footer-logo {
    height: 120px;
    margin-bottom: 18px;
  }
  .footer-full .footer-desc {
    color: #555;
    font-size: 1.05em;
    margin-bottom: 0;
  }
  .footer-full .footer-brand {
    color: #222;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .footer-full .footer-social h5 {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 18px;
  }
  .footer-full .footer-social a {
    margin-right: 18px;
    font-size: 1.5em;
  }
  .footer-full .footer-social a:last-child {
    margin-right: 0;
  }
  .footer-full .footer-bottom {
    border-top: 1px solid #eee;
    margin-top: 32px;
    padding: 18px 0 8px 0;
    text-align: center;
    color: #888;
    font-size: 1em;
  }
  @media (max-width: 900px) {
    .footer-full .footer-row {
      flex-direction: column;
      align-items: center;
      padding: 0 10px;
    }
    .footer-full .footer-col {
      min-width: 0;
      text-align: center;
    }
    .footer-full .footer-social {
      margin-top: 18px;
    }
  }
  @media (max-width: 900px) {
    .footer-full .footer-row {
      flex-direction: column;
      align-items: center;
      padding: 0 10px;
    }
    .footer-full .footer-col {
      min-width: 0;
      text-align: center;
    }
    .footer-full .footer-social {
      margin-top: 18px;
    }
  }
</style>
<footer class="footer-full">
  <div class="footer-row">
    <div class="footer-col">
      <img src="/day.apparel/assets/day.apparel.jpeg" alt="day.apparel Logo" class="footer-logo">
      <div class="footer-desc">
        day.apparel adalah brand fashion minimalis untuk keseharianmu.<br>
        Est. 2022 | Made for Everyday Style
      </div>
    </div>
    <div class="footer-col">
      <div class="footer-brand">Tentang Kami</div>
      <div class="footer-desc">
        day.apparel adalah brand fashion minimalis yang mengedepankan kenyamanan, gaya sederhana, dan cocok digunakan untuk aktivitas sehari-hari. Kami percaya bahwa tampil simpel tetap bisa membuatmu percaya diri dan standout dalam setiap momen.
      </div>
    </div>
    <div class="footer-col footer-social">
      <h5>Ikuti Kami</h5>
      <a href="https://www.instagram.com/daylight_apparell?igsh=eDhiMDhtcWtqamoy" class="text-black hover-link"><i class="fab fa-instagram"></i></a>
      <a href="https://www.tiktok.com/@day.apparell" class="text-black hover-link"><i class="fab fa-tiktok"></i></a>
      <a href="#" class="text-black hover-link"><i class="fab fa-facebook"></i></a>
    </div>
  </div>
  <div class="footer-bottom">
    &copy; <?= date("Y") ?> day.apparel. All rights reserved.
  </div>
  <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</footer>
