{"id":6973,"date":"2026-07-08T23:39:43","date_gmt":"2026-07-08T15:39:43","guid":{"rendered":"https:\/\/training.visi.com.my\/visiacademy\/?page_id=6973"},"modified":"2026-07-09T12:00:15","modified_gmt":"2026-07-09T04:00:15","slug":"rfq","status":"publish","type":"page","link":"https:\/\/training.visi.com.my\/visiacademy\/rfq\/","title":{"rendered":"Request for Quotation"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.16″ global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_code admin_label=”Code” _builder_version=”4.20.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″] Visi Academy | Corporate Training RFQ<\/title><!-- [et_pb_line_break_holder] --> <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> tailwind.config = {<!-- [et_pb_line_break_holder] --> theme: {<!-- [et_pb_line_break_holder] --> extend: {<!-- [et_pb_line_break_holder] --> colors: {<!-- [et_pb_line_break_holder] --> visiblue: '#0070C0', \/\/ Official mid-royal blue<!-- [et_pb_line_break_holder] --> visired: '#ED1C24', \/\/ Official vibrant red<!-- [et_pb_line_break_holder] --> visidark: '#0F172A', \/\/ Crisp premium dark slate<!-- [et_pb_line_break_holder] --> visisilver: '#F1F5F9', \/\/ Sleek metallic gray base<!-- [et_pb_line_break_holder] --> visicard: '#FFFFFF', \/\/ High-contrast clean white<!-- [et_pb_line_break_holder] --> visiborder: '#CBD5E1' \/\/ Subdued steel border tones<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> fontFamily: {<!-- [et_pb_line_break_holder] --> sans: ['DM Sans', 'sans-serif'],<!-- [et_pb_line_break_holder] --> heading: ['Inter', 'sans-serif']<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --> <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <\/p>\n<style><!-- [et_pb_line_break_holder] --> body {<!-- [et_pb_line_break_holder] --> background-color: #F8FAFC;<!-- [et_pb_line_break_holder] --> color: #334155;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .bg-grid-tech {<!-- [et_pb_line_break_holder] --> background-image: radial-gradient(#E2E8F0 1.5px, transparent 1.5px);<!-- [et_pb_line_break_holder] --> background-size: 32px 32px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .glowing-shadow {<!-- [et_pb_line_break_holder] --> box-shadow: 0 10px 30px -10px rgba(0, 112, 192, 0.15);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .form-glow:focus {<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 10px rgba(0, 112, 192, 0.25);<!-- [et_pb_line_break_holder] --> border-color: #0070C0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/head><!-- [et_pb_line_break_holder] --><body class=\"font-sans antialiased selection:bg-visiblue selection:text-white bg-grid-tech\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Sticky Navigation Bar --><!-- [et_pb_line_break_holder] --> <\/p>\n<nav class=\"sticky top-0 z-50 bg-visidark text-white border-b border-white\/10 shadow-lg\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex justify-between h-20 items-center\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex-shrink-0 flex items-center gap-4\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hidden sm:block border-l border-slate-700 pl-4\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex items-center gap-4\"><!-- [et_pb_line_break_holder] --> <a href=\"#rfq-section\" class=\"bg-visired text-white hover:bg-white hover:text-visidark text-xs sm:text-sm font-bold py-2.5 px-5 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-md\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-file-invoice-dollar mr-2\"><\/i>Get a Quote<!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/nav>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Hero Section --><!-- [et_pb_line_break_holder] --> <\/p>\n<header class=\"relative py-20 md:py-28 overflow-hidden border-b border-slate-200 bg-gradient-to-br from-visidark via-slate-800 to-slate-900 text-white\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"absolute inset-0 opacity-10 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')]\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-visiblue\/50 bg-visiblue\/20 text-cyan-300 text-xs font-semibold uppercase tracking-widest mb-6 backdrop-blur-sm\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-graduation-cap\"><\/i> Empower Your Workforce<!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h1 class=\"text-4xl md:text-6xl font-heading font-extrabold tracking-tight leading-tight text-white mb-6\"><!-- [et_pb_line_break_holder] --> Corporate Training <!\u2013- [et_pb_br_holder] -\u2013><!-- [et_pb_line_break_holder] --> <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-visiblue\">Excellence by Visi Academy<\/span><!-- [et_pb_line_break_holder] --> <\/h1>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-lg md:text-xl text-slate-300 leading-relaxed max-w-3xl mx-auto mb-10\"><!-- [et_pb_line_break_holder] --> Upskill your team with industry-relevant, 100% HRD Corp claimable training programs. Request a customized quotation for your organization today.<!-- [et_pb_line_break_holder] --> <\/pee><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <a href=\"#rfq-section\" class=\"inline-flex items-center gap-3 bg-gradient-to-r from-visired to-red-600 hover:from-white hover:to-white hover:text-visidark text-white font-extrabold px-8 py-4 rounded-xl transition-all duration-300 shadow-lg shadow-red-500\/25 transform hover:-translate-y-1\"><!-- [et_pb_line_break_holder] --> <span>Start Your RFQ Process<\/span><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-arrow-down animate-bounce\"><\/i><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Value Proposition Section --><!-- [et_pb_line_break_holder] --> <\/p>\n<section class=\"py-16 bg-white border-b border-slate-200 relative -mt-8 mx-4 md:mx-auto max-w-6xl rounded-2xl shadow-xl z-20\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"px-6 lg:px-8\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid md:grid-cols-3 gap-8 text-center divide-y md:divide-y-0 md:divide-x divide-slate-200\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"p-4\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-14 h-14 mx-auto rounded-full bg-blue-50 text-visiblue flex items-center justify-center text-2xl mb-4\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-shield-halved\"><\/i><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"text-lg font-bold text-visidark mb-2\">HRD Corp Claimable<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-slate-500 text-sm\">Registered training provider. Maximize your levy with SBL-Khas approved courses.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"p-4 pt-8 md:pt-4\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-14 h-14 mx-auto rounded-full bg-red-50 text-visired flex items-center justify-center text-2xl mb-4\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-chalkboard-user\"><\/i><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"text-lg font-bold text-visidark mb-2\">Expert Instructors<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-slate-500 text-sm\">Learn directly from industry practitioners with real-world enterprise experience.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"p-4 pt-8 md:pt-4\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-14 h-14 mx-auto rounded-full bg-emerald-50 text-emerald-600 flex items-center justify-center text-2xl mb-4\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-layer-group\"><\/i><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"text-lg font-bold text-visidark mb-2\">Tailored Solutions<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-slate-500 text-sm\">Customized curriculum designed specifically for your organizational bottlenecks.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Request for Quotation (RFQ) Section --><!-- [et_pb_line_break_holder] --> <\/p>\n<section id=\"rfq-section\" class=\"py-20 bg-slate-100\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"text-center max-w-2xl mx-auto mb-12\"><!-- [et_pb_line_break_holder] --> <span class=\"text-xs uppercase tracking-widest text-visiblue font-mono font-bold block mb-2\">Official Portal<\/span><!-- [et_pb_line_break_holder] --> <\/p>\n<h2 class=\"text-3xl font-heading font-extrabold text-visidark\">Request for Quotation<\/h2>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-slate-500 mt-3 text-sm\">Fill in the details below to generate an official RFQ. The request will be formatted and securely emailed to our enterprise team at <strong class=\"text-visidark\">training@visi.com.my<\/strong>.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid lg:grid-cols-12 gap-8\"><!-- [et_pb_line_break_holder] --> <!-- Interactive RFQ Form --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"lg:col-span-8 bg-white p-6 md:p-10 rounded-3xl border border-slate-200 shadow-xl\"><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"text-xl font-bold text-visidark border-b border-slate-200 pb-4 mb-6 flex items-center gap-3\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"bg-visiblue\/10 p-2 rounded-lg text-visiblue\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\n<p><!-- [et_pb_line_break_holder] --> Submission Details<!-- [et_pb_line_break_holder] --> <\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<form id=\"rfq-form\" onsubmit=\"handleRFQSubmit(event)\" class=\"space-y-6\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid md:grid-cols-2 gap-6\"><!-- [et_pb_line_break_holder] --> <!-- 1. Requestor Name --><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Requestor Name <span class=\"text-visired\">*<\/span><\/label><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"relative\"><!-- [et_pb_line_break_holder] --> <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center text-slate-400 text-sm\"><i class=\"fa-solid fa-user\"><\/i><\/span><!-- [et_pb_line_break_holder] --> <input type=\"text\" id=\"rfq-name\" required placeholder=\"e.g. Ahmad Fadzil\" class=\"w-full pl-10 pr-4 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- 2. Organization --><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Organization \/ Company <span class=\"text-visired\">*<\/span><\/label><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"relative\"><!-- [et_pb_line_break_holder] --> <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center text-slate-400 text-sm\"><i class=\"fa-solid fa-building\"><\/i><\/span><!-- [et_pb_line_break_holder] --> <input type=\"text\" id=\"rfq-company\" required placeholder=\"e.g. ABC Tech Sdn Bhd\" class=\"w-full pl-10 pr-4 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid md:grid-cols-2 gap-6\"><!-- [et_pb_line_break_holder] --> <!-- 3. Contact Number --><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Contact Number (Mobile) <span class=\"text-visired\">*<\/span><\/label><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"relative\"><!-- [et_pb_line_break_holder] --> <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center text-slate-400 text-sm\"><i class=\"fa-solid fa-mobile-screen\"><\/i><\/span><!-- [et_pb_line_break_holder] --> <input type=\"tel\" id=\"rfq-mobile\" required placeholder=\"e.g. +6012-345 6789\" class=\"w-full pl-10 pr-4 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- 4. Email Address --><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Email Address <span class=\"text-visired\">*<\/span><\/label><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"relative\"><!-- [et_pb_line_break_holder] --> <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center text-slate-400 text-sm\"><i class=\"fa-solid fa-envelope\"><\/i><\/span><!-- [et_pb_line_break_holder] --> <input type=\"email\" id=\"rfq-email\" required placeholder=\"e.g. abc@company.com\" class=\"w-full pl-50 pr-4 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid md:grid-cols-2 gap-6\"><!-- [et_pb_line_break_holder] --> <!-- 5. Office Phone Number --><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Office Phone Number <span class=\"text-visired\">*<\/span><\/label><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"relative\"><!-- [et_pb_line_break_holder] --> <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center text-slate-400 text-sm\"><i class=\"fa-solid fa-phone\"><\/i><\/span><!-- [et_pb_line_break_holder] --> <input type=\"tel\" id=\"rfq-office\" required placeholder=\"e.g. +603-8080 1234\" class=\"w-full pl-10 pr-4 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- 6. Selected Training --><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Select Training Program <span class=\"text-visired\">*<\/span><\/label><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"relative\"><!-- [et_pb_line_break_holder] --> <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center text-slate-400 text-sm\"><i class=\"fa-solid fa-book-open\"><\/i><\/span><!-- [et_pb_line_break_holder] --> <select id=\"rfq-course\" required class=\"w-full pl-10 pr-10 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all appearance-none\"><!-- [et_pb_line_break_holder] --><option value=\"\" disabled selected>— Select a Training Program —<\/option><!-- [et_pb_line_break_holder] --><option value=\"LabVIEW Core 1\">LabVIEW Core 1<\/option><!-- [et_pb_line_break_holder] --><option value=\"LabVIEW Core 2\">LabVIEW Core 2<\/option><!-- [et_pb_line_break_holder] --><option value=\"Basic Graphical Programming\">Basic Graphical Programming (LabVIEW)<\/option><!-- [et_pb_line_break_holder] --><option value=\"Advance With LabVIEW File I\/O\">Advance With LabVIEW File I\/O<\/option><!-- [et_pb_line_break_holder] --><option value=\"Getting Started with LabVIEW Database\">Getting Started with LabVIEW Database<\/option><!-- [et_pb_line_break_holder] --><option value=\"Getting Started with Cloud Communication\">Getting Started with Cloud Communication<\/option><!-- [et_pb_line_break_holder] --><option value=\"AI-Powered Data Dashboard KickStart\">AI-Powered Data Dashboard Kickstart<\/option><!-- [et_pb_line_break_holder] --><option value=\"Mastering AI for Business\">Mastering AI for Business<\/option><!-- [et_pb_line_break_holder] --><option value=\"Effective Warehouse Management\">Effective Warehouse Management<\/option><!-- [et_pb_line_break_holder] --><option value=\"5S-The Japanese Art\">5S-The Japanese Art and Science of Productivity….<\/option><!-- [et_pb_line_break_holder] --><option value=\"Data Analytics with Power BI\">Data Analytics with Power BI<\/option><!-- [et_pb_line_break_holder] --><option value=\"Cybersecurity Awareness & Defense\">Cybersecurity Awareness & Defense<\/option><!-- [et_pb_line_break_holder] --><option value=\"Cloud Computing & AWS Architecture\">Cloud Computing & AWS Architecture<\/option><!-- [et_pb_line_break_holder] --><option value=\"Full Stack Web Development\">Full Stack Web Development<\/option><!-- [et_pb_line_break_holder] --><option value=\"Advanced Excel for Corporate\">Advanced Excel for Corporate<\/option><!-- [et_pb_line_break_holder] --><option value=\"Agile Project Management\">Agile Project Management<\/option><!-- [et_pb_line_break_holder] --><option value=\"Other \/ Custom Enterprise Training\">Other \/ Custom Enterprise Training<\/option><!-- [et_pb_line_break_holder] --> <\/select><!-- [et_pb_line_break_holder] --> <span class=\"absolute inset-y-0 right-0 pr-3.5 flex items-center text-slate-400 pointer-events-none\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-chevron-down text-xs\"><\/i><!-- [et_pb_line_break_holder] --> <\/span><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Expected Pax (Optional but helpful context) --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"border-t border-slate-100 pt-6 mt-6\"><!-- [et_pb_line_break_holder] --> <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Expected Participants (Optional)<\/label><!-- [et_pb_line_break_holder] --> <input type=\"number\" id=\"rfq-pax\" min=\"1\" placeholder=\"Number of attendees\" class=\"w-full md:w-1\/3 px-4 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <button type=\"submit\" class=\"w-full mt-8 py-4 bg-gradient-to-r from-visiblue to-blue-700 hover:from-visidark hover:to-visidark text-white font-extrabold rounded-xl text-base transition-all duration-300 shadow-lg flex items-center justify-center gap-2 group\"><!-- [et_pb_line_break_holder] --> <span>Review & Generate Email<\/span><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-paper-plane group-hover:translate-x-1 transition-transform\"><\/i><!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <\/form>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Info Sidebar --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"lg:col-span-4 space-y-6\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"bg-visidark p-6 rounded-3xl border border-slate-800 shadow-xl text-white relative overflow-hidden\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"absolute -right-4 -top-4 opacity-10 text-9xl\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-envelope\"><\/i><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"text-lg font-bold text-white mb-4 relative z-10 flex items-center gap-2\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-circle-info text-cyan-400\"><\/i> What happens next?<!-- [et_pb_line_break_holder] --> <\/h3>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"space-y-4 relative z-10\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex gap-3\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">1<\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-sm text-slate-300\">Your details will be compiled into a standardized corporate Request for Quotation (RFQ) format.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex gap-3\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">2<\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-sm text-slate-300\">A preview modal will appear allowing you to review the generated text before sending.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex gap-3\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">3<\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-sm text-slate-300\">You can transmit the payload directly to <strong class=\"text-white\">training@visi.com.my<\/strong> via your default email client.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex gap-3\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">4<\/div>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-sm text-slate-300\">Our Visi Academy enterprise consultants will revert with pricing and syllabus details within 3 business days.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"bg-white p-6 rounded-3xl border border-slate-200 shadow-lg text-center\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-3 text-visidark\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-headset text-xl\"><\/i><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<h4 class=\"font-bold text-visidark mb-1\">Need Immediate Assistance?<\/h4>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-xs text-slate-500 mb-3\">Call our support center directly.<\/pee><!-- [et_pb_line_break_holder] --> <a href=\"tel:+60380800000\" class=\"inline-block text-visiblue font-extrabold hover:underline\">+603-7666 8544<\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Interactive AI Course Matcher (Bonus based on original template) --><!-- [et_pb_line_break_holder] --> <\/p>\n<section class=\"py-12 bg-slate-900 text-white border-y border-slate-800\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"max-w-4xl mx-auto px-4\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"bg-gradient-to-r from-visidark to-slate-800 p-8 rounded-3xl border border-visiblue\/20\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid md:grid-cols-12 gap-8 items-center\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"md:col-span-5 space-y-4\"><!-- [et_pb_line_break_holder] --> <span class=\"text-xs font-mono text-cyan-400 uppercase tracking-widest block\">AI Course Advisor<\/span><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"text-xl font-heading font-extrabold text-white\">Not sure which training you need?<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-xs text-slate-400\">Describe a bottleneck your team is facing, and our AI will recommend the best Visi Academy course to solve it.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"md:col-span-7 space-y-3\"><!-- [et_pb_line_break_holder] --> <textarea id=\"ai-help-input\" rows=\"2\" placeholder=\"e.g. My team spends too much time manually copy-pasting data in Excel...\" class=\"w-full p-3 bg-slate-900 border border-slate-700 rounded-xl text-xs text-white focus:outline-none focus:border-visiblue\"><\/textarea><!-- [et_pb_line_break_holder] --> <button onclick=\"consultAI()\" class=\"w-full py-2.5 bg-visiblue\/20 hover:bg-visiblue text-visiblue hover:text-white text-xs font-bold rounded-lg transition-all flex items-center justify-center gap-2 border border-visiblue\/30\"><!-- [et_pb_line_break_holder] --> <span>Get Course Recommendation \u2728<\/span><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"ai-spinner\" class=\"hidden w-3.5 h-3.5 border-2 border-visiblue border-t-transparent rounded-full animate-spin\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"ai-response-block\" class=\"hidden mt-6 p-4 bg-slate-900 rounded-xl border border-slate-800 text-xs text-slate-300 leading-relaxed space-y-2\"><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Footer --><!-- [et_pb_line_break_holder] --> <\/p>\n<footer class=\"bg-slate-950 text-slate-400 py-8 border-t border-slate-800 text-center text-xs\"><!-- [et_pb_line_break_holder] --> <pee>\u00a9 2026 Visi Academy. All rights reserved. Registered HRD Corp Training Provider.<\/pee><!-- [et_pb_line_break_holder] --> <\/footer>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- B2B Submission Review & Email Dispatcher Modal --><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"submission-modal\" class=\"hidden fixed inset-0 z-50 bg-slate-900\/80 backdrop-blur-sm flex items-center justify-center p-4\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"bg-white w-full max-w-2xl rounded-3xl border border-slate-200 p-6 md:p-8 space-y-6 max-h-[90vh] overflow-y-auto shadow-2xl relative\"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <button onclick=\"toggleModal(false)\" class=\"absolute top-6 right-6 text-slate-400 hover:text-visired bg-slate-100 hover:bg-red-50 w-8 h-8 rounded-full flex items-center justify-center transition-colors\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-xmark\"><\/i><!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 class=\"text-xl font-heading font-extrabold text-visidark\">Review Your Quotation Request<\/h3>\n<p><!-- [et_pb_line_break_holder] --> <pee class=\"text-sm text-slate-500 mt-1\">Your RFQ is ready to be sent to <strong>training@visi.com.my<\/strong><\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Email Draft Preview Container --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"space-y-2\"><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"flex justify-between items-end\"><!-- [et_pb_line_break_holder] --> <span class=\"text-[10px] uppercase font-bold text-slate-400 tracking-wider\">Email Body Preview<\/span><!-- [et_pb_line_break_holder] --> <button onclick=\"copyDraftToClipboard()\" class=\"text-[10px] uppercase font-bold text-visiblue hover:text-blue-800 flex items-center gap-1\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-regular fa-copy\"><\/i> Copy Text<!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"email-preview-body\" class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 font-mono text-xs text-slate-700 whitespace-pre-wrap leading-relaxed max-h-60 overflow-y-auto selection:bg-visiblue selection:text-white\"><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"grid sm:grid-cols-2 gap-4 pt-2\"><!-- [et_pb_line_break_holder] --> <button onclick=\"toggleModal(false)\" class=\"py-3 bg-slate-100 hover:bg-slate-200 text-slate-700 font-bold rounded-xl text-sm transition-colors text-center\"><!-- [et_pb_line_break_holder] --> Edit Details<!-- [et_pb_line_break_holder] --> <\/button><!-- [et_pb_line_break_holder] --> <!-- Direct Mailto Dispatch --><!-- [et_pb_line_break_holder] --> <a id=\"mailto-link\" href=\"#\" class=\"py-3 bg-visiblue text-white hover:bg-blue-700 font-extrabold rounded-xl text-sm transition-colors text-center flex items-center justify-center gap-2 shadow-md shadow-blue-500\/30\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-paper-plane\"><\/i><!-- [et_pb_line_break_holder] --> <span>Send via Email App<\/span><!-- [et_pb_line_break_holder] --> <\/a><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"bg-blue-50 border border-blue-200 p-4 rounded-xl text-slate-700 text-[11px] leading-relaxed flex gap-3 items-start\"><!-- [et_pb_line_break_holder] --> <i class=\"fa-solid fa-circle-info text-visiblue mt-0.5 text-sm\"><\/i><!-- [et_pb_line_break_holder] --> <pee><strong>Note:<\/strong> Clicking “Send via Email App” will open your device’s default email client (Outlook, Gmail, Apple Mail, etc.). If nothing opens, please use the “Copy Text” button above and manually email it to <strong>training@visi.com.my<\/strong>.<\/pee><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] --> \/\/ Toggle state of submission review modal<!-- [et_pb_line_break_holder] --> function toggleModal(state) {<!-- [et_pb_line_break_holder] --> const modal = document.getElementById('submission-modal');<!-- [et_pb_line_break_holder] --> if (state) {<!-- [et_pb_line_break_holder] --> modal.classList.remove('hidden');<!-- [et_pb_line_break_holder] --> document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> modal.classList.add('hidden');<!-- [et_pb_line_break_holder] --> document.body.style.overflow = 'auto';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Form Submission logic<!-- [et_pb_line_break_holder] --> function handleRFQSubmit(event) {<!-- [et_pb_line_break_holder] --> event.preventDefault();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Collect all required request details<!-- [et_pb_line_break_holder] --> const name = document.getElementById('rfq-name').value;<!-- [et_pb_line_break_holder] --> const company = document.getElementById('rfq-company').value;<!-- [et_pb_line_break_holder] --> const mobile = document.getElementById('rfq-mobile').value;<!-- [et_pb_line_break_holder] --> const email = document.getElementById('rfq-email').value;<!-- [et_pb_line_break_holder] --> const office = document.getElementById('rfq-office').value;<!-- [et_pb_line_break_holder] --> const course = document.getElementById('rfq-course').value;<!-- [et_pb_line_break_holder] --> const paxInput = document.getElementById('rfq-pax').value;<!-- [et_pb_line_break_holder] --> const paxText = paxInput ? `\\n7. EXPECTED PARTICIPANTS: ${paxInput} Pax` : '';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Build payload plain text<!-- [et_pb_line_break_holder] --> const rfqSubject = `Corporate Training RFQ: ${course} - ${company}`;<!-- [et_pb_line_break_holder] --> const rfqBody = `DEAR VISI ACADEMY TEAM,<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->WE WOULD LIKE TO FORMALLY REQUEST AN OFFICIAL QUOTATION \/ PROPOSAL FOR CORPORATE TRAINING.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->=========================================<!-- [et_pb_line_break_holder] -->REQUEST FOR QUOTATION DETAILS:<!-- [et_pb_line_break_holder] -->=========================================<!-- [et_pb_line_break_holder] -->1. REQUESTOR NAME: ${name}<!-- [et_pb_line_break_holder] -->2. ORGANIZATION: ${company}<!-- [et_pb_line_break_holder] -->3. CONTACT NUMBER (MOBILE): ${mobile}<!-- [et_pb_line_break_holder] -->4. EMAIL ADDRESS: ${email}<!-- [et_pb_line_break_holder] -->5. OFFICE PHONE NUMBER: ${office}<!-- [et_pb_line_break_holder] -->6. SELECTED TRAINING PROGRAM: ${course}${paxText}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->PLEASE REVIEW THE DETAILS ABOVE AND PROVIDE US WITH A COMPREHENSIVE PROPOSAL, PRICING, AND AVAILABLE DATES. WE LOOK FORWARD TO UPSKILLING OUR TEAM WITH VISI ACADEMY.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->REGARDS,<!-- [et_pb_line_break_holder] -->${name}<!-- [et_pb_line_break_holder] -->${company}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Show preview in modal<!-- [et_pb_line_break_holder] --> const previewBox = document.getElementById('email-preview-body');<!-- [et_pb_line_break_holder] --> previewBox.textContent = rfqBody;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Prepare active mailto anchor properties targeting training@visi.com.my<!-- [et_pb_line_break_holder] --> const mailtoAnchor = document.getElementById('mailto-link');<!-- [et_pb_line_break_holder] --> const encodedSubject = encodeURIComponent(rfqSubject);<!-- [et_pb_line_break_holder] --> const encodedBody = encodeURIComponent(rfqBody);<!-- [et_pb_line_break_holder] --> mailtoAnchor.href = `mailto:training@visi.com.my?subject=${encodedSubject}&body=${encodedBody}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Launch approval window<!-- [et_pb_line_break_holder] --> toggleModal(true);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Copy plain text draft directly to the OS clipboard<!-- [et_pb_line_break_holder] --> function copyDraftToClipboard() {<!-- [et_pb_line_break_holder] --> const draftText = document.getElementById('email-preview-body').textContent;<!-- [et_pb_line_break_holder] --> const helperInput = document.createElement('textarea');<!-- [et_pb_line_break_holder] --> helperInput.value = draftText;<!-- [et_pb_line_break_holder] --> document.body.appendChild(helperInput);<!-- [et_pb_line_break_holder] --> helperInput.select();<!-- [et_pb_line_break_holder] --> document.execCommand('copy');<!-- [et_pb_line_break_holder] --> document.body.removeChild(helperInput);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Pop up absolute transient alert element<!-- [et_pb_line_break_holder] --> const toast = document.createElement('div');<!-- [et_pb_line_break_holder] --> toast.className = \"fixed top-5 right-5 bg-visidark text-white px-5 py-3 rounded-xl font-bold shadow-2xl z-[100] text-xs flex items-center border border-slate-700 animate-bounce\";<!-- [et_pb_line_break_holder] --> toast.innerHTML = `<i class=\"fa-solid fa-circle-check text-emerald-400 mr-2 text-base\"><\/i> Text copied successfully!`;<!-- [et_pb_line_break_holder] --> document.body.appendChild(toast);<!-- [et_pb_line_break_holder] --> setTimeout(() => toast.remove(), 3000);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> \/\/ Gemini API dynamic pre-sales bot helper (Adapted for General Courses)<!-- [et_pb_line_break_holder] --> async function consultAI() {<!-- [et_pb_line_break_holder] --> const bottleneck = document.getElementById('ai-help-input').value;<!-- [et_pb_line_break_holder] --> const spinner = document.getElementById('ai-spinner');<!-- [et_pb_line_break_holder] --> const responseBox = document.getElementById('ai-response-block');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (!bottleneck.trim()) {<!-- [et_pb_line_break_holder] --> responseBox.textContent = \"Please describe a challenge or skill gap your team is facing first.\";<!-- [et_pb_line_break_holder] --> responseBox.classList.remove('hidden');<!-- [et_pb_line_break_holder] --> return;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> spinner.classList.remove('hidden');<!-- [et_pb_line_break_holder] --> responseBox.classList.add('hidden');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const consultPrompt = `A corporate client describes this issue\/bottleneck: \"${bottleneck}\". Briefly recommend which ONE of these standard corporate IT training courses (Mastering AI for Business, Data Analytics with Power BI, Cybersecurity Awareness, Cloud Computing, Full Stack Web Dev, or Advanced Excel) is the best fit to solve it. Explain why in 2 short sentences.`;<!-- [et_pb_line_break_holder] --> const systemInstruction = \"You are a helpful training advisor for Visi Academy. Keep it professional, very concise, and avoid markdown blocks.\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> const apiKey = \"\"; \/\/ API Key provided by environment<!-- [et_pb_line_break_holder] --> const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> try {<!-- [et_pb_line_break_holder] --> const response = await fetch(apiUrl, {<!-- [et_pb_line_break_holder] --> method: \"POST\",<!-- [et_pb_line_break_holder] --> headers: { \"Content-Type\": \"application\/json\" },<!-- [et_pb_line_break_holder] --> body: JSON.stringify({<!-- [et_pb_line_break_holder] --> contents: [{ parts: [{ text: consultPrompt }] }],<!-- [et_pb_line_break_holder] --> systemInstruction: { parts: [{ text: systemInstruction }] }<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (response.ok) {<!-- [et_pb_line_break_holder] --> const data = await response.json();<!-- [et_pb_line_break_holder] --> const text = data.candidates?.[0]?.content?.parts?.[0]?.text || \"Unable to determine the best course right now.\";<!-- [et_pb_line_break_holder] --> responseBox.innerHTML = `<\/p>\n<h4 class=\"text-visiblue font-bold mb-2\"><i class=\"fa-solid fa-lightbulb text-yellow-400 mr-1.5\"><\/i> Visi Advisor Recommendation:<\/h4>\n<p>${text.replace(\/\\n\/g, '<!\u2013- [et_pb_br_holder] -\u2013>')}`;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> responseBox.innerHTML = \"Advisor system is experiencing high traffic. Please select 'Other \/ Custom Enterprise Training' in the form above and our team will guide you.\";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> } catch (err) {<!-- [et_pb_line_break_holder] --> responseBox.innerHTML = \"AI Advisor is currently offline. Please proceed with the form and our human experts will assist you.\";<!-- [et_pb_line_break_holder] --> } finally {<!-- [et_pb_line_break_holder] --> spinner.classList.add('hidden');<!-- [et_pb_line_break_holder] --> responseBox.classList.remove('hidden');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <\/script><!-- [et_pb_line_break_holder] --><\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>axaAXX<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!DOCTYPE html>\r\n<html lang=\"en\" class=\"scroll-smooth\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Visi Academy | Corporate Training RFQ<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n visiblue: '#0070C0', \/\/ Official mid-royal blue\r\n visired: '#ED1C24', \/\/ Official vibrant red\r\n visidark: '#0F172A', \/\/ Crisp premium dark slate\r\n visisilver: '#F1F5F9', \/\/ Sleek metallic gray base\r\n visicard: '#FFFFFF', \/\/ High-contrast clean white\r\n visiborder: '#CBD5E1' \/\/ Subdued steel border tones\r\n },\r\n fontFamily: {\r\n sans: ['DM Sans', 'sans-serif'],\r\n heading: ['Inter', 'sans-serif']\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&family=Inter:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n body {\r\n background-color: #F8FAFC;\r\n color: #334155;\r\n }\r\n .bg-grid-tech {\r\n background-image: radial-gradient(#E2E8F0 1.5px, transparent 1.5px);\r\n background-size: 32px 32px;\r\n }\r\n .glowing-shadow {\r\n box-shadow: 0 10px 30px -10px rgba(0, 112, 192, 0.15);\r\n }\r\n .form-glow:focus {\r\n box-shadow: 0 0 10px rgba(0, 112, 192, 0.25);\r\n border-color: #0070C0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans antialiased selection:bg-visiblue selection:text-white bg-grid-tech\">\r\n\r\n <!-- Sticky Navigation Bar -->\r\n <nav class=\"sticky top-0 z-50 bg-visidark text-white border-b border-white\/10 shadow-lg\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"flex justify-between h-20 items-center\">\r\n <div class=\"flex-shrink-0 flex items-center gap-4\">\r\n <div class=\"hidden sm:block border-l border-slate-700 pl-4\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <a href=\"#rfq-section\" class=\"bg-visired text-white hover:bg-white hover:text-visidark text-xs sm:text-sm font-bold py-2.5 px-5 rounded-lg transition-all duration-300 transform hover:scale-105 shadow-md\">\r\n <i class=\"fa-solid fa-file-invoice-dollar mr-2\"><\/i>Get a Quote\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n <!-- Hero Section -->\r\n <header class=\"relative py-20 md:py-28 overflow-hidden border-b border-slate-200 bg-gradient-to-br from-visidark via-slate-800 to-slate-900 text-white\">\r\n <div class=\"absolute inset-0 opacity-10 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')]\"><\/div>\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\r\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-visiblue\/50 bg-visiblue\/20 text-cyan-300 text-xs font-semibold uppercase tracking-widest mb-6 backdrop-blur-sm\">\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i> Empower Your Workforce\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-6xl font-heading font-extrabold tracking-tight leading-tight text-white mb-6\">\r\n Corporate Training <br>\r\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-cyan-400 to-visiblue\">Excellence by Visi Academy<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-xl text-slate-300 leading-relaxed max-w-3xl mx-auto mb-10\">\r\n Upskill your team with industry-relevant, 100% HRD Corp claimable training programs. Request a customized quotation for your organization today.\r\n <\/p>\r\n \r\n <a href=\"#rfq-section\" class=\"inline-flex items-center gap-3 bg-gradient-to-r from-visired to-red-600 hover:from-white hover:to-white hover:text-visidark text-white font-extrabold px-8 py-4 rounded-xl transition-all duration-300 shadow-lg shadow-red-500\/25 transform hover:-translate-y-1\">\r\n <span>Start Your RFQ Process<\/span>\r\n <i class=\"fa-solid fa-arrow-down animate-bounce\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- Value Proposition Section -->\r\n <section class=\"py-16 bg-white border-b border-slate-200 relative -mt-8 mx-4 md:mx-auto max-w-6xl rounded-2xl shadow-xl z-20\">\r\n <div class=\"px-6 lg:px-8\">\r\n <div class=\"grid md:grid-cols-3 gap-8 text-center divide-y md:divide-y-0 md:divide-x divide-slate-200\">\r\n <div class=\"p-4\">\r\n <div class=\"w-14 h-14 mx-auto rounded-full bg-blue-50 text-visiblue flex items-center justify-center text-2xl mb-4\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-visidark mb-2\">HRD Corp Claimable<\/h3>\r\n <p class=\"text-slate-500 text-sm\">Registered training provider. Maximize your levy with SBL-Khas approved courses.<\/p>\r\n <\/div>\r\n <div class=\"p-4 pt-8 md:pt-4\">\r\n <div class=\"w-14 h-14 mx-auto rounded-full bg-red-50 text-visired flex items-center justify-center text-2xl mb-4\">\r\n <i class=\"fa-solid fa-chalkboard-user\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-visidark mb-2\">Expert Instructors<\/h3>\r\n <p class=\"text-slate-500 text-sm\">Learn directly from industry practitioners with real-world enterprise experience.<\/p>\r\n <\/div>\r\n <div class=\"p-4 pt-8 md:pt-4\">\r\n <div class=\"w-14 h-14 mx-auto rounded-full bg-emerald-50 text-emerald-600 flex items-center justify-center text-2xl mb-4\">\r\n <i class=\"fa-solid fa-layer-group\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-visidark mb-2\">Tailored Solutions<\/h3>\r\n <p class=\"text-slate-500 text-sm\">Customized curriculum designed specifically for your organizational bottlenecks.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<section id=\"rfq-section\" class=\"py-20 bg-blue-50\">\r\n <div class=\"w-full mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl\">\r\n <div class=\"text-center w-full mx-auto mb-12\">\r\n <span class=\"text-xs uppercase tracking-widest text-visiblue font-mono font-bold block mb-2\">Official Portal<\/span>\r\n <h2 class=\"text-3xl font-heading font-extrabold text-visidark\">Request for Quotation<\/h2>\r\n <p class=\"text-slate-500 mt-3 text-sm\">Fill in the details below to generate an official RFQ. The request will be formatted and securely emailed to our enterprise team.<\/p>\r\n <\/div>\r\n\r\n <div class=\"w-full\">\r\n <!-- RFQ Form -->\r\n <div class=\"max-w-4xl mx-auto\">\r\n <form onsubmit=\"handleRFQSubmit(event)\" class=\"bg-white p-6 md:p-8 rounded-3xl border border-slate-200 shadow-xl space-y-5\">\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-700 mb-2 uppercase tracking-wide\">Requestor Name<\/label>\r\n <input type=\"text\" id=\"rfq-name\" required class=\"w-full p-3 bg-slate-50 border border-slate-200 rounded-xl form-glow outline-none text-sm text-slate-800\" placeholder=\"John Doe\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-700 mb-2 uppercase tracking-wide\">Organization<\/label>\r\n <input type=\"text\" id=\"rfq-company\" required class=\"w-full p-3 bg-slate-50 border border-slate-200 rounded-xl form-glow outline-none text-sm text-slate-800\" placeholder=\"ABC Sdn Bhd\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-700 mb-2 uppercase tracking-wide\">Mobile Number<\/label>\r\n <input type=\"tel\" id=\"rfq-mobile\" required class=\"w-full p-3 bg-slate-50 border border-slate-200 rounded-xl form-glow outline-none text-sm text-slate-800\" placeholder=\"012-3456789\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-700 mb-2 uppercase tracking-wide\">Email Address<\/label>\r\n <input type=\"email\" id=\"rfq-email\" required class=\"w-full p-3 bg-slate-50 border border-slate-200 rounded-xl form-glow outline-none text-sm text-slate-800\" placeholder=\"john@company.com\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-700 mb-2 uppercase tracking-wide\">Office Phone Number<\/label>\r\n <input type=\"tel\" id=\"rfq-office\" required class=\"w-full p-3 bg-slate-50 border border-slate-200 rounded-xl form-glow outline-none text-sm text-slate-800\" placeholder=\"03-12345678\">\r\n <\/div>\r\n <div>\r\n <label class=\"block text-xs font-bold text-slate-700 mb-2 uppercase tracking-wide\">Expected Participants (OPTIONAL)<\/label>\r\n <input type=\"number\" id=\"rfq-pax\" min=\"1\" class=\"w-full p-3 bg-slate-50 border border-slate-200 rounded-xl form-glow outline-none text-sm text-slate-800\" placeholder=\"e.g. 15\">\r\n <\/div>\r\n \r\n\r\n <!-- 6. Selected Training -->\r\n <div>\r\n <label class=\"block text-xs text-slate-500 uppercase font-bold mb-2\">Select Training Program <span class=\"text-visired\">*<\/span><\/label>\r\n <div class=\"relative\">\r\n <span class=\"absolute inset-y-0 left-0 pl-3.5 flex items-center text-slate-400 text-sm\"><i class=\"fa-solid fa-book-open\"><\/i><\/span>\r\n <select id=\"rfq-course\" required class=\"w-full pl-10 pr-10 py-3 bg-slate-50 border border-slate-300 rounded-xl text-sm text-visidark focus:outline-none form-glow transition-all appearance-none\">\r\n <option value=\"\" disabled selected>-- Select a Training Program --<\/option>\r\n <option value=\"LabVIEW Core 1\">LabVIEW Core 1<\/option>\r\n <option value=\"LabVIEW Core 2\">LabVIEW Core 2<\/option>\r\n <option value=\"Basic Graphical Programming\">Basic Graphical Programming (LabVIEW)<\/option>\r\n <option value=\"Advance With LabVIEW File I\/O\">Advance With LabVIEW File I\/O<\/option>\r\n <option value=\"Getting Started with LabVIEW Database\">Getting Started with LabVIEW Database<\/option>\r\n <option value=\"Getting Started with Cloud Communication\">Getting Started with Cloud Communication<\/option>\r\n <option value=\"AI-Powered Data Dashboard KickStart\">AI-Powered Data Dashboard Kickstart<\/option>\r\n <option value=\"Mastering AI for Business\">Mastering AI for Business<\/option>\r\n <option value=\"Effective Warehouse Management\">Effective Warehouse Management<\/option>\r\n <option value=\"5S-The Japanese Art\">5S-The Japanese Art and Science of Productivity....<\/option>\r\n <option value=\"Data Analytics with Power BI\">Data Analytics with Power BI<\/option>\r\n <option value=\"Cybersecurity Awareness & Defense\">Cybersecurity Awareness & Defense<\/option>\r\n <option value=\"Cloud Computing & AWS Architecture\">Cloud Computing & AWS Architecture<\/option>\r\n <option value=\"Full Stack Web Development\">Full Stack Web Development<\/option>\r\n <option value=\"Advanced Excel for Corporate\">Advanced Excel for Corporate<\/option>\r\n <option value=\"Agile Project Management\">Agile Project Management<\/option>\r\n <option value=\"Other \/ Custom Enterprise Training\">Other \/ Custom Enterprise Training<\/option>\r\n <\/select>\r\n<span class=\"absolute inset-y-0 right-0 pr-3.5 flex items-center text-slate-400 pointer-events-none\">\r\n<i class=\"fa-solid fa-chevron-down text-xs\"><\/i>\r\n<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"w-full\">\r\n <button type=\"submit\" class=\"w-full py-3.5 bg-visiblue text-white hover:bg-blue-700 font-extrabold rounded-xl transition-all shadow-md text-sm md:text-base flex justify-center items-center gap-2\">\r\n <i class=\"fa-solid fa-file-signature\"><\/i> Generate Quotation Request\r\n <\/button>\r\n <\/div>\r\n <\/form>\r\n<\/div>\r\n<\/div>\r\n\r\n <!-- Info Sidebar -->\r\n <div class=\"space-y-6 mt-8\">\r\n <div class=\"max-w-4xl mx-auto bg-visidark p-6 rounded-3xl border border-slate-800 shadow-xl text-white relative overflow-hidden\">\r\n <div class=\"absolute -right-4 -top-4 opacity-10 text-9xl\">\r\n <i class=\"fa-solid fa-envelope\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg font-bold text-white mb-4 relative z-10 flex items-center gap-2\">\r\n <i class=\"fa-solid fa-circle-info text-cyan-400\"><\/i> What happens next?\r\n <\/h3>\r\n <div class=\"space-y-4 relative z-10\">\r\n <div class=\"flex gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">1<\/div>\r\n <p class=\"text-sm text-slate-300\">Your details will be compiled into a standardized corporate Request for Quotation (RFQ) format.<\/p>\r\n <\/div>\r\n <div class=\"flex gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">2<\/div>\r\n <p class=\"text-sm text-slate-300\">A preview modal will appear allowing you to review the generated text before sending.<\/p>\r\n <\/div>\r\n <div class=\"flex gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">3<\/div>\r\n <p class=\"text-sm text-slate-300\">You can transmit the payload directly to <strong class=\"text-white\">training@visi.com.my<\/strong> via your default email client.<\/p>\r\n <\/div>\r\n <div class=\"flex gap-3\">\r\n <div class=\"w-6 h-6 rounded-full bg-visiblue text-white flex items-center justify-center text-xs font-bold flex-shrink-0\">4<\/div>\r\n <p class=\"text-sm text-slate-300\">Our Visi Academy enterprise consultants will revert with pricing and syllabus details within 3 business days.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"w-m-4xl bg-white p-6 rounded-3xl border border-slate-200 shadow-lg text-center\">\r\n <div class=\"w-12 h-12 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-3 text-visidark\">\r\n <i class=\"fa-solid fa-headset text-xl\"><\/i>\r\n <\/div>\r\n <h4 class=\"font-bold text-visidark mb-1\">Need Immediate Assistance?<\/h4>\r\n <p class=\"text-xs text-slate-500 mb-3\">Call our support center directly.<\/p>\r\n <a href=\"tel:+60380800000\" class=\"inline-block text-visiblue font-extrabold hover:underline\">+603-7666 8544<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Interactive AI Course Matcher (Bonus based on original template) -->\r\n <section class=\"py-12 bg-slate-900 text-white border-y border-slate-800\">\r\n <div class=\"max-w-4xl mx-auto px-4\">\r\n <div class=\"bg-gradient-to-r from-visidark to-slate-800 p-8 rounded-3xl border border-visiblue\/20\">\r\n <div class=\"grid md:grid-cols-12 gap-8 items-center\">\r\n <div class=\"md:col-span-5 space-y-4\">\r\n <span class=\"text-xs font-mono text-cyan-400 uppercase tracking-widest block\">AI Course Advisor<\/span>\r\n <h3 class=\"text-xl font-heading font-extrabold text-white\">Not sure which training you need?<\/h3>\r\n <p class=\"text-xs text-slate-400\">Describe a bottleneck your team is facing, and our AI will recommend the best Visi Academy course to solve it.<\/p>\r\n <\/div>\r\n <div class=\"md:col-span-7 space-y-3\">\r\n <textarea id=\"ai-help-input\" rows=\"2\" placeholder=\"e.g. My team spends too much time manually copy-pasting data in Excel...\" class=\"w-full p-3 bg-slate-900 border border-slate-700 rounded-xl text-xs text-white focus:outline-none focus:border-visiblue\"><\/textarea>\r\n <button onclick=\"consultAI()\" class=\"w-full py-2.5 bg-visiblue\/20 hover:bg-visiblue text-visiblue hover:text-white text-xs font-bold rounded-lg transition-all flex items-center justify-center gap-2 border border-visiblue\/30\">\r\n <span>Get Course Recommendation \u2728<\/span>\r\n <div id=\"ai-spinner\" class=\"hidden w-3.5 h-3.5 border-2 border-visiblue border-t-transparent rounded-full animate-spin\"><\/div>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <div id=\"ai-response-block\" class=\"hidden mt-6 p-4 bg-slate-900 rounded-xl border border-slate-800 text-xs text-slate-300 leading-relaxed space-y-2\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"bg-slate-950 text-slate-400 py-8 border-t border-slate-800 text-center text-xs\">\r\n <p>\u00a9 2026 Visi Academy. All rights reserved. Registered HRD Corp Training Provider.<\/p>\r\n <\/footer>\r\n\r\n <!-- B2B Submission Review & Email Dispatcher Modal -->\r\n <div id=\"submission-modal\" class=\"hidden fixed inset-0 z-50 bg-slate-900\/80 backdrop-blur-sm flex items-center justify-center p-4\">\r\n <div class=\"bg-white w-full max-w-2xl rounded-3xl border border-slate-200 p-6 md:p-8 space-y-6 max-h-[90vh] overflow-y-auto shadow-2xl relative\">\r\n \r\n <button onclick=\"toggleModal(false)\" class=\"absolute top-6 right-6 text-slate-400 hover:text-visired bg-slate-100 hover:bg-red-50 w-8 h-8 rounded-full flex items-center justify-center transition-colors\">\r\n <i class=\"fa-solid fa-xmark\"><\/i>\r\n <\/button>\r\n\r\n <div>\r\n <h3 class=\"text-xl font-heading font-extrabold text-visidark\">Review Your Quotation Request<\/h3>\r\n <p class=\"text-sm text-slate-500 mt-1\">Your RFQ is ready to be sent to <strong>training@visi.com.my<\/strong><\/p>\r\n <\/div>\r\n\r\n <!-- Email Draft Preview Container -->\r\n <div class=\"space-y-2\">\r\n <div class=\"flex justify-between items-end\">\r\n <span class=\"text-[10px] uppercase font-bold text-slate-400 tracking-wider\">Email Body Preview<\/span>\r\n <button onclick=\"copyDraftToClipboard()\" class=\"text-[10px] uppercase font-bold text-visiblue hover:text-blue-800 flex items-center gap-1\">\r\n <i class=\"fa-regular fa-copy\"><\/i> Copy Text\r\n <\/button>\r\n <\/div>\r\n <div id=\"email-preview-body\" class=\"p-4 bg-slate-50 rounded-xl border border-slate-200 font-mono text-xs text-slate-700 whitespace-pre-wrap leading-relaxed max-h-60 overflow-y-auto selection:bg-visiblue selection:text-white\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid sm:grid-cols-2 gap-4 pt-2\">\r\n <button onclick=\"toggleModal(false)\" class=\"py-3 bg-slate-100 hover:bg-slate-200 text-slate-700 font-bold rounded-xl text-sm transition-colors text-center\">\r\n Edit Details\r\n <\/button>\r\n <!-- Direct Mailto Dispatch -->\r\n <a id=\"mailto-link\" href=\"#\" class=\"py-3 bg-visiblue text-white hover:bg-blue-700 font-extrabold rounded-xl text-sm transition-colors text-center flex items-center justify-center gap-2 shadow-md shadow-blue-500\/30\">\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n <span>Send via Email App<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"bg-blue-50 border border-blue-200 p-4 rounded-xl text-slate-700 text-[11px] leading-relaxed flex gap-3 items-start\">\r\n <i class=\"fa-solid fa-circle-info text-visiblue mt-0.5 text-sm\"><\/i>\r\n <p><strong>Note:<\/strong> Clicking \"Send via Email App\" will open your device's default email client (Outlook, Gmail, Apple Mail, etc.). If nothing opens, please use the \"Copy Text\" button above and manually email it to <strong>training@visi.com.my<\/strong>.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Toggle state of submission review modal\r\n function toggleModal(state) {\r\n const modal = document.getElementById('submission-modal');\r\n if (state) {\r\n modal.classList.remove('hidden');\r\n document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\r\n } else {\r\n modal.classList.add('hidden');\r\n document.body.style.overflow = 'auto';\r\n }\r\n }\r\n\r\n \/\/ Form Submission logic\r\n function handleRFQSubmit(event) {\r\n event.preventDefault();\r\n\r\n \/\/ Collect all required request details\r\n const name = document.getElementById('rfq-name').value;\r\n const company = document.getElementById('rfq-company').value;\r\n const mobile = document.getElementById('rfq-mobile').value;\r\n const email = document.getElementById('rfq-email').value;\r\n const office = document.getElementById('rfq-office').value;\r\n const course = document.getElementById('rfq-course').value;\r\n const paxInput = document.getElementById('rfq-pax').value;\r\n const paxText = paxInput ? `\\n7. EXPECTED PARTICIPANTS: ${paxInput} Pax` : '';\r\n\r\n \/\/ Build payload plain text\r\n const rfqSubject = `Corporate Training RFQ: ${course} - ${company}`;\r\n const rfqBody = `DEAR VISI ACADEMY TEAM,\r\n\r\nWE WOULD LIKE TO FORMALLY REQUEST AN OFFICIAL QUOTATION \/ PROPOSAL FOR CORPORATE TRAINING.\r\n\r\n=========================================\r\nREQUEST FOR QUOTATION DETAILS:\r\n=========================================\r\n1. REQUESTOR NAME: ${name}\r\n2. ORGANIZATION: ${company}\r\n3. CONTACT NUMBER (MOBILE): ${mobile}\r\n4. EMAIL ADDRESS: ${email}\r\n5. OFFICE PHONE NUMBER: ${office}\r\n6. SELECTED TRAINING PROGRAM: ${course}${paxText}\r\n\r\nPLEASE REVIEW THE DETAILS ABOVE AND PROVIDE US WITH A COMPREHENSIVE PROPOSAL, PRICING, AND AVAILABLE DATES. WE LOOK FORWARD TO UPSKILLING OUR TEAM WITH VISI ACADEMY.\r\n\r\nREGARDS,\r\n${name}\r\n${company}`;\r\n\r\n \/\/ Show preview in modal\r\n const previewBox = document.getElementById('email-preview-body');\r\n previewBox.textContent = rfqBody;\r\n\r\n \/\/ Prepare active mailto anchor properties targeting training@visi.com.my\r\n const mailtoAnchor = document.getElementById('mailto-link');\r\n const encodedSubject = encodeURIComponent(rfqSubject);\r\n const encodedBody = encodeURIComponent(rfqBody);\r\n mailtoAnchor.href = `mailto:training@visi.com.my?subject=${encodedSubject}&body=${encodedBody}`;\r\n\r\n \/\/ Launch approval window\r\n toggleModal(true);\r\n }\r\n\r\n \/\/ Copy plain text draft directly to the OS clipboard\r\n function copyDraftToClipboard() {\r\n const draftText = document.getElementById('email-preview-body').textContent;\r\n const helperInput = document.createElement('textarea');\r\n helperInput.value = draftText;\r\n document.body.appendChild(helperInput);\r\n helperInput.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(helperInput);\r\n\r\n \/\/ Pop up absolute transient alert element\r\n const toast = document.createElement('div');\r\n toast.className = \"fixed top-5 right-5 bg-visidark text-white px-5 py-3 rounded-xl font-bold shadow-2xl z-[100] text-xs flex items-center border border-slate-700 animate-bounce\";\r\n toast.innerHTML = `<i class=\"fa-solid fa-circle-check text-emerald-400 mr-2 text-base\"><\/i> Text copied successfully!`;\r\n document.body.appendChild(toast);\r\n setTimeout(() => toast.remove(), 3000);\r\n }\r\n\r\n \/\/ Gemini API dynamic pre-sales bot helper (Adapted for General Courses)\r\n async function consultAI() {\r\n const bottleneck = document.getElementById('ai-help-input').value;\r\n const spinner = document.getElementById('ai-spinner');\r\n const responseBox = document.getElementById('ai-response-block');\r\n\r\n if (!bottleneck.trim()) {\r\n responseBox.textContent = \"Please describe a challenge or skill gap your team is facing first.\";\r\n responseBox.classList.remove('hidden');\r\n return;\r\n }\r\n\r\n spinner.classList.remove('hidden');\r\n responseBox.classList.add('hidden');\r\n\r\n const consultPrompt = `A corporate client describes this issue\/bottleneck: \"${bottleneck}\". Briefly recommend which ONE of these standard corporate IT training courses (Mastering AI for Business, Data Analytics with Power BI, Cybersecurity Awareness, Cloud Computing, Full Stack Web Dev, or Advanced Excel) is the best fit to solve it. Explain why in 2 short sentences.`;\r\n const systemInstruction = \"You are a helpful training advisor for Visi Academy. Keep it professional, very concise, and avoid markdown blocks.\";\r\n\r\n const apiKey = \"\"; \/\/ API Key provided by environment\r\n const apiUrl = `https:\/\/generativelanguage.googleapis.com\/v1beta\/models\/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;\r\n\r\n try {\r\n const response = await fetch(apiUrl, {\r\n method: \"POST\",\r\n headers: { \"Content-Type\": \"application\/json\" },\r\n body: JSON.stringify({\r\n contents: [{ parts: [{ text: consultPrompt }] }],\r\n systemInstruction: { parts: [{ text: systemInstruction }] }\r\n })\r\n });\r\n\r\n if (response.ok) {\r\n const data = await response.json();\r\n const text = data.candidates?.[0]?.content?.parts?.[0]?.text || \"Unable to determine the best course right now.\";\r\n responseBox.innerHTML = `<h4 class=\"text-visiblue font-bold mb-2\"><i class=\"fa-solid fa-lightbulb text-yellow-400 mr-1.5\"><\/i> Visi Advisor Recommendation:<\/h4>${text.replace(\/\\n\/g, '<br>')}`;\r\n } else {\r\n responseBox.innerHTML = \"Advisor system is experiencing high traffic. Please select 'Other \/ Custom Enterprise Training' in the form above and our team will guide you.\";\r\n }\r\n } catch (err) {\r\n responseBox.innerHTML = \"AI Advisor is currently offline. Please proceed with the form and our human experts will assist you.\";\r\n } finally {\r\n spinner.classList.add('hidden');\r\n responseBox.classList.remove('hidden');\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>","_et_gb_content_width":"","footnotes":""},"class_list":["post-6973","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/pages\/6973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/comments?post=6973"}],"version-history":[{"count":48,"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/pages\/6973\/revisions"}],"predecessor-version":[{"id":7504,"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/pages\/6973\/revisions\/7504"}],"wp:attachment":[{"href":"https:\/\/training.visi.com.my\/visiacademy\/wp-json\/wp\/v2\/media?parent=6973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}