{"id":43596,"date":"2025-09-22T10:46:08","date_gmt":"2025-09-22T17:46:08","guid":{"rendered":"https:\/\/nuvix.com\/?page_id=43596"},"modified":"2025-09-22T11:29:57","modified_gmt":"2025-09-22T18:29:57","slug":"thank-you-lead-page","status":"publish","type":"page","link":"https:\/\/nuvix.com\/fr\/thank-you-lead-page\/","title":{"rendered":"thank-you-lead-page"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"43596\" class=\"elementor elementor-43596\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-598d5e8 e-flex e-con-boxed e-con e-parent\" data-id=\"598d5e8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29730f4 elementor-widget elementor-widget-html\" data-id=\"29730f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\n    <title>Thank You - We'll Contact You Soon | Nuvix AI<\/title>\n    \n    <!-- Icons -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/maxst.icons8.com\/vue-static\/landings\/line-awesome\/line-awesome\/1.3.0\/css\/line-awesome.min.css\">\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        :root {\n            --primary: #9f39ff;\n            --secondary: #00b4d8;\n            --success: #10b981;\n            --danger: #ef4444;\n            --dark: #0a0e27;\n            --card-bg: rgba(255, 255, 255, 0.03);\n            --text: #e2e8f0;\n            --gold: #FFD700;\n            --accent-pink: #ff006e;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: #000;\n            color: var(--text);\n            overflow-x: hidden;\n            line-height: 1.6;\n            position: relative;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n        }\n\n        \/* Animated gradient background *\/\n        body::before {\n            content: '';\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: \n                radial-gradient(circle at 20% 80%, rgba(159, 57, 255, 0.3) 0%, transparent 50%),\n                radial-gradient(circle at 80% 20%, rgba(0, 180, 216, 0.3) 0%, transparent 50%),\n                radial-gradient(circle at 40% 40%, rgba(255, 0, 110, 0.2) 0%, transparent 50%);\n            z-index: -2;\n            pointer-events: none;\n        }\n\n        body::after {\n            content: '';\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(180deg, transparent 0%, rgba(10, 14, 39, 0.6) 50%, #0a0e27 100%);\n            z-index: -1;\n            pointer-events: none;\n        }\n\n        \/* Floating particles *\/\n        .particles {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 1;\n        }\n\n        .particle {\n            position: absolute;\n            width: 4px;\n            height: 4px;\n            background: var(--primary);\n            border-radius: 50%;\n            opacity: 0;\n            animation: float 15s infinite;\n        }\n\n        @keyframes float {\n            0% {\n                transform: translateY(100vh) scale(0);\n                opacity: 0;\n            }\n            10% {\n                opacity: 1;\n            }\n            90% {\n                opacity: 1;\n            }\n            100% {\n                transform: translateY(-100vh) scale(1);\n                opacity: 0;\n            }\n        }\n\n        \/* Main Container *\/\n        .container {\n            flex: 1;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 40px 20px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* Success Card *\/\n        .success-card {\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(20px);\n            border: 2px solid rgba(16, 185, 129, 0.3);\n            border-radius: 30px;\n            padding: 60px 40px;\n            max-width: 600px;\n            width: 100%;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: \n                0 30px 100px rgba(16, 185, 129, 0.4),\n                inset 0 0 50px rgba(16, 185, 129, 0.05);\n            animation: successPulse 2s ease-in-out infinite, slideUp 0.6s ease-out;\n        }\n\n        @keyframes successPulse {\n            0%, 100% {\n                transform: scale(1);\n                box-shadow: \n                    0 30px 100px rgba(16, 185, 129, 0.4),\n                    inset 0 0 50px rgba(16, 185, 129, 0.05);\n            }\n            50% {\n                transform: scale(1.02);\n                box-shadow: \n                    0 35px 120px rgba(16, 185, 129, 0.5),\n                    inset 0 0 60px rgba(16, 185, 129, 0.08);\n            }\n        }\n\n        @keyframes slideUp {\n            from {\n                transform: translateY(50px);\n                opacity: 0;\n            }\n            to {\n                transform: translateY(0);\n                opacity: 1;\n            }\n        }\n\n        \/* Success Icon *\/\n        .success-icon {\n            width: 120px;\n            height: 120px;\n            margin: 0 auto 30px;\n            background: linear-gradient(135deg, var(--success), var(--primary));\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            animation: iconRotate 3s linear infinite;\n            box-shadow: \n                0 20px 60px rgba(16, 185, 129, 0.6),\n                inset 0 0 30px rgba(255, 255, 255, 0.2);\n        }\n\n        @keyframes iconRotate {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(360deg);\n            }\n        }\n\n        .success-icon i {\n            font-size: 60px;\n            color: white;\n            z-index: 2;\n            animation: iconRotateReverse 3s linear infinite;\n        }\n\n        @keyframes iconRotateReverse {\n            0% {\n                transform: rotate(0deg);\n            }\n            100% {\n                transform: rotate(-360deg);\n            }\n        }\n\n        \/* Ripple effect *\/\n        .ripple {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 100%;\n            height: 100%;\n            border: 2px solid var(--success);\n            border-radius: 50%;\n            opacity: 0;\n            animation: rippleEffect 2s ease-in-out infinite;\n        }\n\n        .ripple:nth-child(2) {\n            animation-delay: 0.5s;\n        }\n\n        .ripple:nth-child(3) {\n            animation-delay: 1s;\n        }\n\n        @keyframes rippleEffect {\n            0% {\n                transform: translate(-50%, -50%) scale(1);\n                opacity: 1;\n            }\n            100% {\n                transform: translate(-50%, -50%) scale(1.8);\n                opacity: 0;\n            }\n        }\n\n        \/* Typography *\/\n        h1 {\n            font-size: clamp(2rem, 5vw, 3rem);\n            font-weight: 900;\n            margin-bottom: 20px;\n            background: linear-gradient(135deg, var(--success), var(--primary), var(--secondary));\n            background-size: 300% 300%;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: gradientText 4s ease infinite;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n        }\n\n        @keyframes gradientText {\n            0%, 100% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n        }\n\n        .subtitle {\n            font-size: 1.3rem;\n            color: var(--secondary);\n            margin-bottom: 30px;\n            opacity: 0.9;\n        }\n\n        \/* Info Box *\/\n        .info-box {\n            background: linear-gradient(135deg, rgba(159, 57, 255, 0.1), rgba(0, 180, 216, 0.1));\n            border: 1px solid rgba(159, 57, 255, 0.3);\n            border-radius: 20px;\n            padding: 25px;\n            margin: 30px 0;\n            text-align: left;\n        }\n\n        .info-item {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .info-item:last-child {\n            border-bottom: none;\n        }\n\n        .info-icon {\n            width: 40px;\n            height: 40px;\n            background: rgba(159, 57, 255, 0.2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n        }\n\n        .info-icon i {\n            color: var(--primary);\n            font-size: 1.2rem;\n        }\n\n        .info-text {\n            flex: 1;\n        }\n\n        .info-text strong {\n            display: block;\n            color: var(--text);\n            margin-bottom: 4px;\n        }\n\n        .info-text span {\n            color: rgba(226, 232, 240, 0.7);\n            font-size: 0.95rem;\n        }\n\n        \/* Action Buttons *\/\n        .action-buttons {\n            display: flex;\n            gap: 20px;\n            margin-top: 40px;\n            justify-content: center;\n            flex-wrap: wrap;\n        }\n\n        .btn {\n            padding: 15px 35px;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            text-decoration: none;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, var(--primary), var(--secondary));\n            color: white;\n            border: none;\n            box-shadow: 0 10px 40px rgba(159, 57, 255, 0.4);\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 50px rgba(159, 57, 255, 0.6);\n        }\n\n        .btn-secondary {\n            background: rgba(255, 255, 255, 0.05);\n            color: var(--text);\n            border: 2px solid rgba(255, 255, 255, 0.2);\n        }\n\n        .btn-secondary:hover {\n            background: rgba(255, 255, 255, 0.1);\n            border-color: var(--primary);\n            transform: translateY(-2px);\n        }\n\n        \/* Loading dots animation *\/\n        .loading-dots {\n            display: inline-flex;\n            gap: 5px;\n        }\n\n        .dot {\n            width: 8px;\n            height: 8px;\n            background: var(--primary);\n            border-radius: 50%;\n            animation: bounce 1.4s ease-in-out infinite;\n        }\n\n        .dot:nth-child(1) {\n            animation-delay: -0.32s;\n        }\n\n        .dot:nth-child(2) {\n            animation-delay: -0.16s;\n        }\n\n        @keyframes bounce {\n            0%, 80%, 100% {\n                transform: scale(0.8);\n                opacity: 0.5;\n            }\n            40% {\n                transform: scale(1.2);\n                opacity: 1;\n            }\n        }\n\n        \/* Logo *\/\n        .logo {\n            margin-bottom: 30px;\n            animation: logoFloat 3s ease-in-out infinite;\n        }\n\n        @keyframes logoFloat {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .logo img {\n            height: 60px;\n            filter: drop-shadow(0 0 30px rgba(159, 57, 255, 0.8));\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 768px) {\n            .container {\n                padding: 20px;\n            }\n\n            .success-card {\n                padding: 40px 25px;\n            }\n\n            h1 {\n                font-size: 1.8rem;\n                letter-spacing: 1px;\n            }\n\n            .subtitle {\n                font-size: 1.1rem;\n            }\n\n            .info-box {\n                padding: 20px;\n            }\n\n            .btn {\n                padding: 12px 25px;\n                font-size: 0.95rem;\n            }\n\n            .action-buttons {\n                flex-direction: column;\n                width: 100%;\n            }\n\n            .btn {\n                width: 100%;\n                justify-content: center;\n            }\n        }\n\n        \/* Special highlight *\/\n        .highlight {\n            color: var(--gold);\n            font-weight: 700;\n        }\n\n        .support-notice {\n            background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(159, 57, 255, 0.1));\n            border: 2px solid var(--gold);\n            border-radius: 20px;\n            padding: 20px;\n            margin: 30px 0;\n            animation: goldPulse 2s ease-in-out infinite;\n        }\n\n        @keyframes goldPulse {\n            0%, 100% {\n                box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);\n            }\n            50% {\n                box-shadow: 0 0 30px rgba(255, 215, 0, 0.5);\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Floating particles -->\n    <div class=\"particles\" id=\"particles\"><\/div>\n    \n    <div class=\"container\">\n        <div class=\"success-card\">\n            <!-- Logo -->\n            <div class=\"logo\">\n                <img decoding=\"async\" src=\"https:\/\/nuvix.com\/wp-content\/uploads\/2025\/07\/uvix-1-1.png\" alt=\"Nuvix AI\">\n            <\/div>\n\n            <!-- Success Icon with ripple effect -->\n            <div class=\"success-icon\">\n                <div class=\"ripple\"><\/div>\n                <div class=\"ripple\"><\/div>\n                <div class=\"ripple\"><\/div>\n                <i class=\"fas fa-check\"><\/i>\n            <\/div>\n\n            <!-- Success Message -->\n            <h1>Request Received!<\/h1>\n            <p class=\"subtitle\">Thank you for your interest in Nuvix AI<\/p>\n\n            <!-- What happens next -->\n            <div class=\"info-box\">\n                <div class=\"info-item\">\n                    <div class=\"info-icon\">\n                        <i class=\"las la-clock\"><\/i>\n                    <\/div>\n                    <div class=\"info-text\">\n                        <strong>Within 24 Hours<\/strong>\n                        <span>Our support team will contact you<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <div class=\"info-icon\">\n                        <i class=\"las la-envelope\"><\/i>\n                    <\/div>\n                    <div class=\"info-text\">\n                        <strong>V\u00e9rifiez votre courrier \u00e9lectronique<\/strong>\n                        <span>We've sent a confirmation to your inbox<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"info-item\">\n                    <div class=\"info-icon\">\n                        <i class=\"las la-user-tie\"><\/i>\n                    <\/div>\n                    <div class=\"info-text\">\n                        <strong>Responsable des services d'aide \u00e0 la personne<\/strong>\n                        <span>Will be assigned to help you get started<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Special Notice for Trial Customers -->\n            <div class=\"support-notice\">\n                <p style=\"font-size: 1.1rem; text-align: center;\">\n                    <i class=\"las la-star\"><\/i> \n                    <span class=\"highlight\">Ready to Start Now?<\/span>\n                    <i class=\"las la-star\"><\/i>\n                <\/p>\n                <p style=\"margin-top: 10px; opacity: 0.9;\">\n                    Get instant access with our $9.99 trial package!\n                <\/p>\n            <\/div>\n\n            <!-- Action Buttons -->\n            <div class=\"action-buttons\">\n                <a href=\"https:\/\/nuvix.com\/fr\/checkout\/?add-to-cart=39566\" class=\"btn btn-primary\">\n                    <i class=\"las la-rocket\"><\/i>\n                    Start $9.99 Trial\n                <\/a>\n                <a href=\"https:\/\/nuvix.com\/fr\/\" class=\"btn btn-secondary\">\n                    <i class=\"las la-home\"><\/i>\n                    Retour \u00e0 l'accueil\n                <\/a>\n            <\/div>\n\n            <!-- Loading animation -->\n            <div style=\"margin-top: 30px; opacity: 0.6;\">\n                <p>We're preparing your information<\/p>\n                <div class=\"loading-dots\">\n                    <span class=\"dot\"><\/span>\n                    <span class=\"dot\"><\/span>\n                    <span class=\"dot\"><\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Create floating particles\n        function createParticles() {\n            const particlesContainer = document.getElementById('particles');\n            const particleCount = 20;\n            \n            for (let i = 0; i < particleCount; i++) {\n                const particle = document.createElement('div');\n                particle.className = 'particle';\n                particle.style.left = Math.random() * 100 + '%';\n                particle.style.animationDelay = Math.random() * 15 + 's';\n                particle.style.animationDuration = (15 + Math.random() * 10) + 's';\n                particlesContainer.appendChild(particle);\n            }\n        }\n\n        \/\/ Confetti effect on load\n        function createConfetti() {\n            const colors = ['#9f39ff', '#00b4d8', '#10b981', '#FFD700'];\n            const confettiCount = 50;\n            \n            for (let i = 0; i < confettiCount; i++) {\n                const confetti = document.createElement('div');\n                confetti.style.position = 'fixed';\n                confetti.style.width = '10px';\n                confetti.style.height = '10px';\n                confetti.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];\n                confetti.style.left = Math.random() * 100 + '%';\n                confetti.style.top = '-10px';\n                confetti.style.opacity = '0.8';\n                confetti.style.transform = `rotate(${Math.random() * 360}deg)`;\n                confetti.style.transition = 'all 3s ease-out';\n                confetti.style.zIndex = '1000';\n                document.body.appendChild(confetti);\n                \n                setTimeout(() => {\n                    confetti.style.top = '100vh';\n                    confetti.style.transform = `rotate(${Math.random() * 720}deg)`;\n                    confetti.style.opacity = '0';\n                }, 100);\n                \n                setTimeout(() => {\n                    confetti.remove();\n                }, 3100);\n            }\n        }\n\n        \/\/ Initialize on load\n        document.addEventListener('DOMContentLoaded', function() {\n            createParticles();\n            \n            \/\/ Trigger confetti after a short delay\n            setTimeout(createConfetti, 500);\n            \n            \/\/ Track conversion if needed\n            if (typeof gtag !== 'undefined') {\n                gtag('event', 'conversion', {\n                    'event_category': 'form',\n                    'event_label': 'info_request_success'\n                });\n            }\n            \n            \/\/ If user came from form submission, you can also store this in localStorage\n            localStorage.setItem('nuvix_form_submitted', 'true');\n            localStorage.setItem('nuvix_form_timestamp', new Date().toISOString());\n        });\n\n        \/\/ Optional: Redirect after some time (commented out by default)\n        \/\/ setTimeout(() => {\n        \/\/     window.location.href = 'https:\/\/nuvix.com\/';\n        \/\/ }, 30000); \/\/ Redirect after 30 seconds\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"Thank You &#8211; We&#8217;ll Contact You Soon | Nuvix AI Request Received! Thank you for your interest in Nuvix AI Within 24 Hours Our support team will contact you Check Your Email We&#8217;ve sent a confirmation to your inbox Personal Support Manager Will be assigned to help you get started Ready to Start Now? Get [&hellip;]","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-43596","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/43596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/comments?post=43596"}],"version-history":[{"count":10,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/43596\/revisions"}],"predecessor-version":[{"id":43607,"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/pages\/43596\/revisions\/43607"}],"wp:attachment":[{"href":"https:\/\/nuvix.com\/fr\/wp-json\/wp\/v2\/media?parent=43596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}