CORE_V5 // vfa

PATH: home / u865795251 / domains / whatisnewis.com / public_html / vfa /

Editing: thankyou.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Registration Confirmed - VFA Academy</title>
    
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <style>
        :root {
            --bg-dark: #0a0e17;
            --bg-secondary: #0c1220;
            --bg-card: rgba(18, 24, 38, 0.6);
            --green-primary: #00e676;
            --neon-blue: #00b0ff;
            --text-white: #ffffff;
            --text-muted: #8892b0;
            --glass-border: rgba(255, 255, 255, 0.08);
            --glass-bg: rgba(255, 255, 255, 0.03);
            --radius: 12px;
            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }
        
        body {
            background-color: var(--bg-dark);
            color: var(--text-white);
            min-height: 100vh;
            overflow-x: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 40px 20px;
            position: relative;
        }

/* Glowing ambient backdrops */
        .glowing-bg {
            position: absolute;
            width: 450px;
            height: 450px;
            border-radius: 50%;
            filter: blur(120px);
            opacity: 0.12;
            pointer-events: none;
            z-index: 0;
        }
        .glow-1 { top: -10%; left: 15%; background: var(--green-primary); }
        .glow-2 { bottom: -10%; right: 15%; background: var(--neon-blue); }

.success-card {
            background: var(--bg-card);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius);
            padding: 45px 30px;
            max-width: 620px;
            width: 100%;
            backdrop-filter: blur(20px);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.6);
            text-align: center;
            position: relative;
            z-index: 10;
            margin-bottom: 30px;
        }

/* Success Checkmark Animation */
        .success-checkmark {
            width: 80px;
            height: 80px;
            margin: 0 auto 30px;
            background: rgba(0, 230, 118, 0.1);
            border: 2px solid var(--green-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 36px;
            color: var(--green-primary);
            box-shadow: 0 0 20px rgba(0, 230, 118, 0.3);
            animation: pulse-glow 2s infinite ease-in-out;
        }

@keyframes pulse-glow {
            0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(0, 230, 118, 0.3); }
            50% { transform: scale(1.05); box-shadow: 0 0 35px rgba(0, 230, 118, 0.5); }
        }

h1 { font-size: 32px; font-weight: 800; letter-spacing: -0.5px; margin-bottom: 10px; }
        h1 span { color: var(--green-primary); }
        
        .confirmation-text {
            color: var(--text-muted);
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 35px;
        }

/* Auto Redirect Timer */
        .redirect-notice {
            background: rgba(0, 176, 255, 0.05);
            border: 1px solid rgba(0, 176, 255, 0.15);
            padding: 12px 20px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-size: 13px;
            font-weight: 500;
            color: var(--neon-blue);
            margin-bottom: 30px;
        }

/* Action Buttons */
        .btn-whatsapp {
            background: linear-gradient(135deg, #25D366, #128C7E);
            color: #ffffff;
            font-weight: 700;
            font-size: 16px;
            text-decoration: none;
            padding: 16px 32px;
            border-radius: 8px;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            transition: var(--transition);
            box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);
        }
        .btn-whatsapp:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 30px rgba(37, 211, 102, 0.45);
        }

/* Receipt Breakdown UI */
        .receipt-summary {
            background: rgba(0, 0, 0, 0.2);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius);
            padding: 24px;
            text-align: left;
            margin-bottom: 35px;
        }
        .receipt-title {
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            color: var(--text-muted);
            border-bottom: 1px solid var(--glass-border);
            padding-bottom: 12px;
            margin-bottom: 16px;
        }
        .receipt-row {
            display: flex;
            justify-content: space-between;
            font-size: 14px;
            margin-bottom: 10px;
            color: var(--text-muted);
        }
        .receipt-row.total {
            border-top: 1px dashed var(--glass-border);
            margin-top: 15px;
            padding-top: 15px;
            font-size: 18px;
            font-weight: 800;
            color: var(--text-white);
        }
        .receipt-row.total span:last-child {
            color: var(--green-primary);
        }

/* Social Proof Testimonials */
        .social-proof {
            max-width: 620px;
            width: 100%;
            text-align: center;
            z-index: 10;
        }
        .social-title {
            font-size: 14px;
            text-transform: uppercase;
            color: var(--text-muted);
            font-weight: 700;
            letter-spacing: 2px;
            margin-bottom: 20px;
        }
        .proof-card {
            background: var(--bg-card);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius);
            padding: 24px;
            text-align: left;
            font-size: 13.5px;
            line-height: 1.6;
            color: var(--text-muted);
            font-style: italic;
        }
        
        .footer-support {
            margin-top: 40px;
            font-size: 13px;
            color: var(--text-muted);
            z-index: 10;
        }
        .footer-support a { color: var(--green-primary); text-decoration: none; font-weight: 600; }
        .footer-support a:hover { text-decoration: underline; }
    </style>
    
    
    
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2878221509186950');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2878221509186950&ev=PageView&noscript=1"
/></noscript>

</head>
<body>

<h1>Seat <span>Reserved!</span></h1>
        <p class="confirmation-text">Your webinar registration and transaction have been securely processed successfully.</p>

<div class="receipt-summary">
            <div class="receipt-title">Transaction Receipt</div>
            <div class="receipt-row">
                <span>Webinar Registration</span>
                <span>₹249.00</span>
            </div>
            <div class="receipt-row" id="receiptReminderRow" style="display: none;">
                <span>Call Reminder Add-on</span>
                <span>₹40.00</span>
            </div>
            <div class="receipt-row">
                <span>GST (18%)</span>
                <span id="receiptGst">₹44.82</span>
            </div>
            <div class="receipt-row total">
                <span>Total Paid</span>
                <span id="receiptTotal">₹293.82</span>
            </div>
        </div>

<div class="redirect-notice" id="redirectNotice">
            <i class="fa-solid fa-circle-notch fa-spin"></i>
            <span>Redirecting to the private Trading Community in <strong id="timer">5</strong> seconds...</span>
        </div>

<div>
            <a href="#" id="whatsappButton" class="btn-whatsapp">
                <i class="fa-brands fa-whatsapp" style="font-size: 22px;"></i> Join Trading Community
            </a>
        </div>
    </div>

<div class="social-proof">
        <div class="social-title">What students do inside the group</div>
        <div class="proof-card">
            "The daily trading setups and logic shared inside the private WhatsApp community are absolutely gold. Watching professional charts explained in real-time has completely fast-tracked my price action consistency."
            <div style="margin-top: 12px; font-weight: 700; color: #fff; font-style: normal; font-size: 12px; display: flex; align-items: center; gap: 8px;">
                <i class="fa-solid fa-circle-check" style="color: var(--green-primary);"></i> Paramount Day Trader
            </div>
        </div>
    </div>

<div class="footer-support">
        Need assistance? Connect with us at <a href="mailto:info@vfaacademy.com">infot@vfaacademy.com</a>
    </div>

// Calculate GST and breakdown dynamically
            const subtotal = total / 1.18;
            const gst = total - subtotal;

if (reminder) {
                document.getElementById('receiptReminderRow').style.display = 'flex';
            }
            
            document.getElementById('receiptGst').innerText = `₹${gst.toFixed(2)}`;
            document.getElementById('receiptTotal').innerText = `₹${total.toFixed(2)}`;

// Set the dynamic join link or default mock link
            const defaultInvite = "https://chat.whatsapp.com/L1N8c4sB3G9HmockLink";
            const joinLink = params.get('invite') || defaultInvite;
            
            const waBtn = document.getElementById('whatsappButton');
            waBtn.href = joinLink;

// Auto-redirect Countdown script
            let count = 5;
            const timerEl = document.getElementById('timer');
            const noticeEl = document.getElementById('redirectNotice');

const countdown = setInterval(() => {
                count--;
                timerEl.innerText = count;
                
                if (count <= 0) {
                    clearInterval(countdown);
                    noticeEl.innerHTML = '<i class="fa-solid fa-circle-check"></i> Redirecting now...';
                    window.location.href = joinLink;
                }
            }, 1000);
        });
    </script>
</body>
</html>

CANCEL