Update LabCoat to show iOS/App Store support

- Update carousel description to mention Android and iOS with Compose Multiplatform
- Add App Store link alongside Google Play for LabCoat
- Add iOS tag to LabCoat tech stack badges
- Add Compose Multiplatform tag
- Disable auto-advance on carousel - user controls only

Author: VeldtJumper

src/pages/index.astro

@@ -253,16 +253,24 @@ import Footer from '../components/Footer.astro';
                   <div class="text-center md:text-left">
                     <img src="/images/labcoat_icon.png" alt="LabCoat icon" width="64" height="64" class="rounded-2xl mx-auto md:mx-0 mb-4 shadow-lg">
                     <h3 class="font-fira font-bold text-white text-2xl">LabCoat for GitLab</h3>
-                    <p class="mt-3 text-gray-400 leading-relaxed max-w-lg">LabCoat is a native Android app built in Kotlin for connecting to and viewing projects hosted on a GitLab server. Currently the most starred Kotlin project on GitLab.com, it was created to give back to the GitLab community, with over 50,000 installs on the Play Store. Open source, of course.</p>
+                    <p class="mt-3 text-gray-400 leading-relaxed max-w-lg">LabCoat is an Android and iOS app built in Kotlin using Compose Multiplatform for connecting to and viewing projects hosted on a GitLab server. Currently the most starred Kotlin project on GitLab.com, it was created to give back to the GitLab community, with over 50,000 installs on the Play Store. Open source, of course.</p>
                     <div class="mt-5 flex flex-wrap gap-2 justify-center md:justify-start">
                       <span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">Android</span>
+                      <span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">iOS</span>
                       <span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">Kotlin</span>
+                      <span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">Compose Multiplatform</span>
                       <span class="text-xs px-2.5 py-1 rounded-full bg-brand-accent/10 text-brand-accent border border-brand-accent/20">Open Source</span>
                     </div>
-                    <a href="https://play.google.com/store/apps/details?id=com.commit451.gitlab" target="_blank" rel="noopener noreferrer" class="mt-5 inline-flex items-center gap-2 text-sm text-brand-accent hover:text-brand-accent/80 transition-colors">
-                      <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M3.609 1.814L13.792 12 3.61 22.186a.996.996 0 01-.61-.92V2.734a1 1 0 01.609-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.199l2.302 2.302-2.302 2.302-2.698-2.302 2.698-2.302zM5.864 3.458L16.8 9.79l-2.301 2.302-8.635-8.634z"/></svg>
-                      View on Google Play
-                    </a>
+                    <div class="mt-5 flex flex-wrap gap-4 justify-center md:justify-start">
+                      <a href="https://play.google.com/store/apps/details?id=com.commit451.gitlab" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-sm text-brand-accent hover:text-brand-accent/80 transition-colors">
+                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M3.609 1.814L13.792 12 3.61 22.186a.996.996 0 01-.61-.92V2.734a1 1 0 01.609-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.199l2.302 2.302-2.302 2.302-2.698-2.302 2.698-2.302zM5.864 3.458L16.8 9.79l-2.301 2.302-8.635-8.634z"/></svg>
+                        Google Play
+                      </a>
+                      <a href="https://apps.apple.com/us/app/labcoat-for-gitlab/id6761061498" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-sm text-brand-accent hover:text-brand-accent/80 transition-colors">
+                        <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><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.8-.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.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
+                        App Store
+                      </a>
+                    </div>
                   </div>
                 </div>
               </div>
@@ -612,10 +620,10 @@ import Footer from '../components/Footer.astro';
     if (Math.abs(diff) > 50) goTo(current + (diff > 0 ? 1 : -1));
   });
 
-  // Auto-advance every 6s
-  let autoplay = setInterval(() => goTo(current + 1), 6000);
-  [prev, next, ...dots].forEach(el => {
-    el.addEventListener('click', () => { clearInterval(autoplay); autoplay = setInterval(() => goTo(current + 1), 6000); });
-  });
+  // Auto-advance disabled - user controls only
+  // let autoplay = setInterval(() => goTo(current + 1), 6000);
+  // [prev, next, ...dots].forEach(el => {
+  //   el.addEventListener('click', () => { clearInterval(autoplay); autoplay = setInterval(() => goTo(current + 1), 6000); });
+  // });
 })();
 </script>

src/pages/labcoat/index.astro

@@ -212,12 +212,17 @@ import Footer from '../../components/Footer.astro';
     <section class="py-24 px-6">
       <div class="mx-auto max-w-2xl text-center reveal">
         <h2 class="text-3xl sm:text-4xl font-bold text-white">Ready to try LabCoat?</h2>
-        <p class="mt-4 text-lg text-gray-400">Free on Google Play. iOS coming soon.</p>
-        <div class="mt-8">
+        <p class="mt-4 text-lg text-gray-400">Free on Google Play and the App Store.</p>
+        <div class="mt-8 flex flex-col sm:flex-row gap-4 justify-center">
           <a href="https://play.google.com/store/apps/details?id=com.commit451.gitlab" target="_blank" rel="noopener noreferrer"
-             class="inline-flex items-center justify-center gap-3 rounded-lg bg-brand-accent px-10 py-4 text-base font-semibold text-dark-950 hover:bg-brand-accent/90 transition-all hover:scale-105 shadow-lg shadow-brand-accent/20">
+             class="inline-flex items-center justify-center gap-3 rounded-lg bg-brand-accent px-8 py-4 text-base font-semibold text-dark-950 hover:bg-brand-accent/90 transition-all hover:scale-105 shadow-lg shadow-brand-accent/20">
             <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M3.609 1.814L13.792 12 3.61 22.186a.996.996 0 01-.61-.92V2.734a1 1 0 01.609-.92zm10.89 10.893l2.302 2.302-10.937 6.333 8.635-8.635zm3.199-3.199l2.302 2.302-2.302 2.302-2.698-2.302 2.698-2.302zM5.864 3.458L16.8 9.79l-2.301 2.302-8.635-8.634z"/></svg>
-            Download on Google Play
+            Google Play
+          </a>
+          <a href="https://apps.apple.com/us/app/labcoat-for-gitlab/id6761061498" target="_blank" rel="noopener noreferrer"
+             class="inline-flex items-center justify-center gap-3 rounded-lg border border-dark-700 px-8 py-4 text-base font-semibold text-gray-300 hover:border-brand-accent hover:text-brand-accent transition-all hover:scale-105">
+            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><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.8-.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.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/></svg>
+            App Store
           </a>
         </div>
       </div>