Image grid

Download Today

Embed

<section id="download" style="text-align: center; padding: 3rem 1rem; background-color: #f9f9f9;">
  <p style="font-size: 1rem; margin-bottom: 2rem;">
    Built for group travel, shared summer houses, and stress-free trips.
  </p>
  <div class="store-badges" style="display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; align-items: center;">
    
    
    <a href="https://apps.apple.com/us/app/housmthr" target="_blank" class="badge fade-in">
      <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" 
           alt="Download on the App Store" width="180" height="60" loading="lazy">
    </a>
    
    
    <a href="https://play.google.com/store/apps/details?id=com.housmthr.app" target="_blank" class="badge fade-in delay">
      <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" 
           alt="Get it on Google Play" width="180" height="60" loading="lazy">
    </a>
    
  </div>
</section>


<style>
  .fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s ease forwards;
  }

  .fade-in.delay {
    animation-delay: 0.5s;
  }

  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .badge img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .badge:hover img {
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  }
</style>