Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RapiX AI Assistant</title>
</head>
<body>
    <h1>Welcome to RapiX AI</h1>
    <p>Our AI Assistant is here to help you!</p>

    
    <div id="vapi-button"></div>

    
    <script>
        // Load Vapi SDK
        const vapiScript = document.createElement("script");
        vapiScript.src = "https://vapi/v2/vapi-sdk.js";
        vapiScript.onload = function() {
            initializeVapiWithRetry(); // Call function to initialize Vapi with retry
        };
        document.head.appendChild(vapiScript);

        function initializeVapiWithRetry(retries = 5, delay = 1000) {
            if (typeof Vapi === "undefined" || !Vapi.onReady) {
                if (retries > 0) {
                    console.warn(`Vapi SDK not ready. Retrying in ${delay} ms...`);
                    setTimeout(() => initializeVapiWithRetry(retries - 1, delay), delay);
                } else {
                    console.error("Failed to initialize Vapi SDK after multiple attempts.");
                }
                return;
            }

            // If Vapi is ready, proceed with the setup
            const buttonConfig = {
                position: 'bottom-right',
                color: '#FF5733',
                icon: 'https://firebasestorage.googleapis.com/v0/b/newtest-d2c4e.appspot.com/o/aipad.jpg?alt=media&token=a7c6d051-bd9d-4b4e-a744-529c4a49f4bb',
                onClick: () => {
                    Vapi.openChat();
                }
            };

            // Configuration for Vapi SDK
            const VG_CONFIG = {
                apiKey: 'd42725dfd500461f88570ebfcb00cb08',
                assistantId: '64d7fd160f8022b68aa7a8ec'
            };

            // Ensure Vapi SDK is ready
            Vapi.onReady(() => {
                Vapi.setConfig(VG_CONFIG);
                Vapi.createButton(buttonConfig);
                console.log("Vapi SDK initialized successfully.");
            });
        }
    </script>
</body>
</html>