<div id="pwaInstallPrompt" class="fixed bottom-4 right-4 max-w-sm bg-white rounded-lg shadow-xl border border-gray-200 z-50 hidden">
    <div class="p-4">
        <div class="flex items-start">
            <div class="flex-shrink-0 pt-1">
                <div class="w-10 h-10 rounded-lg bg-gradient-to-r from-blue-500 to-blue-600 flex items-center justify-center">
                    <i class="fas fa-download text-white"></i>
                </div>
            </div>
            <div class="ml-3 flex-1">
                <h3 class="text-sm font-semibold text-gray-900">Install Innovaxcess App</h3>
                <p class="mt-1 text-sm text-gray-600">Install this app on your device for better experience and offline access.</p>
                <div class="mt-3 flex space-x-2">
                    <button id="installAppBtn" class="flex-1 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium py-2 px-3 rounded transition duration-200">
                        Install App
                    </button>
                    <button onclick="hideInstallPrompt()" class="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 text-sm font-medium py-2 px-3 rounded transition duration-200">
                        Not Now
                    </button>
                </div>
            </div>
            <button onclick="hideInstallPrompt()" class="ml-2 text-gray-400 hover:text-gray-600">
                <i class="fas fa-times"></i>
            </button>
        </div>
    </div>
</div>