(andri) add iframe embed tutorial pengajuan tempo

1 files changed, 20 insertions, 0 deletions

diff --git a/src/lib/pengajuan-tempo/component/FinishTempo.jsx b/src/lib/pengajuan-tempo/component/FinishTempo.jsx
index aacb9ef3..84c80e60 100644
--- a/src/lib/pengajuan-tempo/component/FinishTempo.jsx
+++ b/src/lib/pengajuan-tempo/component/FinishTempo.jsx
@@ -111,6 +111,26 @@ const FinishTempo = ({ query }) => {
           : 'Kembali Ke Beranda'}
         <ChevronRightIcon className='w-5' />
       </Link>
+      {/* Video panduan khusus tampil saat status switch-account */}
+      {query?.status === 'switch-account' && (
+        <div className="mt-6 w-full max-w-3xl mx-auto px-4 text-center text-gray-700 mb-6 md:mb-20">
+          <div className="mb-3 font-medium">
+            <p>Agar tidak bingung saat mengubah akun,</p>
+            <p>Yuk pelajari dulu langkah-langkah pengajuan tempo lewat video berikut</p>
+          </div>
+          <div className="relative" style={{ paddingTop: '56.25%' /* 16:9 aspect ratio */ }}>
+            <iframe
+              src="https://www.youtube.com/embed/m15f8-eLqUc?si=frNbGnJu1zjINnDT"
+              title="YouTube video player"
+              frameBorder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowFullScreen
+              referrerPolicy="strict-origin-when-cross-origin"
+              className="absolute top-0 left-0 w-full h-full rounded-md shadow-lg"
+            ></iframe>
+          </div>
+        </div>
+      )}
     </div>
   );
 };