doctype html
html(lang="en")
  head
    meta(charset="utf-8")
    meta(name="viewport" content="width=device-width, initial-scale=1")
    title= title
    link(rel="stylesheet", href="/css/styles.css")

  body
    .download-container
      .download-card
        a.back-link(href="/")
          span ← Back to Home
        
        h1 Download Freshyo
        p Experience the true taste of nature on your device
        
        .download-options
          a.download-option.android(href="intent://play.google.com/store/apps/details?id=in.freshyo.app#Intent;scheme=https;package=com.android.vending;end;", onclick="handleAndroidClick(event)")
            .download-icon.android
              svg(width="24" height="24" viewBox="0 0 24 24" fill="currentColor")
                path(d="M17.6 9.48l1.84-3.18c.16-.31.04-.69-.26-.85-.29-.15-.65-.06-.83.22l-1.88 3.24a11.463 11.463 0 0 0-8.94 0L5.65 5.67c-.19-.29-.58-.38-.87-.2-.28.18-.37.54-.22.83L6.4 9.48A10.78 10.78 0 0 0 1 18h22a10.78 10.78 0 0 0-5.4-8.52zM7 15.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5zm10 0a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5z")
            .download-info
              h3 Android
              p Google Play Store
          
          a.download-option.ios(href="https://apps.apple.com/in/app/freshyo/id6756889077", onclick="handleIOSClick(event)")
            .download-icon.ios
              svg(width="24" height="24" viewBox="0 0 24 24" fill="currentColor")
                path(d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.21-1.96 1.07-3.11-1.05.05-2.31.7-3.06 1.58-.68.77-1.28 2-1.12 3.16 1.19.09 2.41-.79 3.11-1.63z")
            .download-info
              h3 iOS
              p Apple App Store
        
        p.mt-lg(style="font-size: 0.75rem; color: var(--gray-500);") If you are not redirected automatically, tap above
    
    script.
      const ANDROID_URL = 'intent://play.google.com/store/apps/details?id=in.freshyo.app#Intent;scheme=https;package=com.android.vending;end;';
      const IOS_URL = 'https://apps.apple.com/in/app/freshyo/id6756889077';

      function detectOS() {
        const userAgent = navigator.userAgent || navigator.vendor || window.opera;
        if (/android/i.test(userAgent)) return 'android';
        if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) return 'ios';
        return 'unknown';
      }

      function redirectToStore() {
        const os = detectOS();
        
        if (os === 'android') {
          window.location.href = ANDROID_URL;
        } else if (os === 'ios') {
          window.location.href = IOS_URL;
        }
      }

      function handleAndroidClick(event) {
        event.preventDefault();
        window.location.href = ANDROID_URL;
      }

      function handleIOSClick(event) {
        event.preventDefault();
        window.location.href = IOS_URL;
      }

      window.addEventListener('load', redirectToStore);