abc71daa7e
## Summary - Detects Android and iOS visitors on the landing page hero section - Replaces the **Get Started** and **Check Demo** buttons with a single **Install App** button on mobile - **Android**: Captures the `beforeinstallprompt` event and triggers the native PWA installation prompt when tapped - **iOS**: Opens a dialog with step-by-step instructions (tap Share icon → Add to Home Screen) - Desktop visitors see the original buttons unchanged ## New files - `resources/js/hooks/use-pwa-install.ts` — Hook that detects platform (Android/iOS), captures the `beforeinstallprompt` event, and exposes `promptInstall()` - `resources/js/components/landing/install-app-button.tsx` — Install button component with iOS instructions dialog ## Screenshots | Android & iOS | iOS Instructions | |--------|--------| | <img width="1082" height="2402" alt="localhost_8000_(Pixel 7)" src="https://github.com/user-attachments/assets/bd42c24a-8a82-4f42-9f5f-c13bd5505836" /> | <img width="1170" height="2532" alt="localhost_8000_(iPhone 12 Pro)" src="https://github.com/user-attachments/assets/c4ec136f-46f1-44a5-a96a-d7afd41c6015" /> | |
||
|---|---|---|
| .. | ||
| components | ||
| contexts | ||
| hooks | ||
| layouts | ||
| lib | ||
| pages | ||
| providers | ||
| services | ||
| types | ||
| utils | ||
| app.tsx | ||
| ssr.tsx | ||