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" /> | |
||
|---|---|---|
| .. | ||
| use-admin.tsx | ||
| use-appearance.tsx | ||
| use-cashflow-data.ts | ||
| use-chart-views.ts | ||
| use-clipboard.ts | ||
| use-count-up.ts | ||
| use-dashboard-data.ts | ||
| use-initials.tsx | ||
| use-mobile-navigation.ts | ||
| use-mobile.tsx | ||
| use-onboarding-state.ts | ||
| use-online-status.ts | ||
| use-pwa-install.ts | ||
| use-re-evaluate-all-transactions.tsx | ||
| use-two-factor-auth.ts | ||