Kita Wisuda \u2014 Biolink<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/code.iconify.design\/3\/3.1.0\/iconify.min.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n cream: '#FDFCF8',\n savor: '#F3EFE0',\n gold: {\n 50: '#FFF9E6',\n 100: '#FFF0B3',\n 200: '#FFE680',\n 300: '#FFDB4D',\n 400: '#FFD11A',\n 500: '#D4A017',\n 600: '#B8860B',\n 700: '#8B6914',\n 800: '#5E4B1E',\n 900: '#312A14',\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Playfair Display', 'serif'],\n },\n borderRadius: {\n '4xl': '2rem',\n }\n }\n }\n }\n <\/script>\n <style>\n \/* --- Confetti Keyframes --- *\/\n @keyframes confettiFall {\n 0% { transform: translateY(-10vh) rotate(0deg); opacity: 1; }\n 100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(3deg); }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.8); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes pulseGlow {\n 0%, 100% { box-shadow: 0 0 20px rgba(212,160,23,0.2); }\n 50% { box-shadow: 0 0 40px rgba(212,160,23,0.4); }\n }\n @keyframes capToss {\n 0%, 100% { transform: rotate(-3deg) translateY(0); }\n 25% { transform: rotate(3deg) translateY(-8px); }\n 50% { transform: rotate(-2deg) translateY(-4px); }\n 75% { transform: rotate(2deg) translateY(-6px); }\n }\n\n .confetti-piece {\n position: fixed;\n top: -10px;\n z-index: 0;\n pointer-events: none;\n animation: confettiFall linear forwards;\n }\n .float-anim { animation: float 4s ease-in-out infinite; }\n .fade-in-up {\n opacity: 0;\n animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n .scale-in {\n opacity: 0;\n animation: scaleIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n .shimmer-text {\n background: linear-gradient(90deg, #D4A017, #FFE680, #D4A017, #FFE680, #D4A017);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: shimmer 4s linear infinite;\n }\n .pulse-glow { animation: pulseGlow 3s ease-in-out infinite; }\n .cap-toss { animation: capToss 3s ease-in-out infinite; }\n\n .link-card {\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .link-card:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 20px 40px rgba(212,160,23,0.15);\n }\n .link-card:active {\n transform: translateY(0) scale(0.98);\n }\n\n .social-btn {\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .social-btn:hover {\n transform: translateY(-4px) scale(1.1);\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 4px; }\n ::-webkit-scrollbar-track { background: #1c1917; }\n ::-webkit-scrollbar-thumb { background: #D4A017; border-radius: 999px; }\n\n \/* Reveal on scroll *\/\n .reveal {\n opacity: 0;\n filter: blur(8px);\n transform: translateY(24px);\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .reveal.active {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n }\n\n \/* Toast *\/\n @keyframes toastIn {\n from { opacity: 0; transform: translateY(20px) scale(0.95); }\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n @keyframes toastOut {\n from { opacity: 1; transform: translateY(0) scale(1); }\n to { opacity: 0; transform: translateY(20px) scale(0.95); }\n }\n .toast-in { animation: toastIn 0.4s ease forwards; }\n .toast-out { animation: toastOut 0.3s ease forwards; }\n <\/style>\n<\/head>\n<body class=\"bg-stone-950 font-sans text-stone-100 min-h-screen relative overflow-x-hidden\">\n\n \n <div id=\"confetti-container\"><\/div>\n\n \n <div class=\"fixed inset-0 pointer-events-none z-0 overflow-hidden\">\n \n <div class=\"absolute top-1\/4 left-1\/4 w-96 h-96 bg-gold-500\/5 rounded-full blur-[120px]\"><\/div>\n <div class=\"absolute bottom-1\/4 right-1\/4 w-80 h-80 bg-gold-500\/8 rounded-full blur-[100px]\"><\/div>\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[600px] h-[600px] bg-gold-600\/3 rounded-full blur-[150px]\"><\/div>\n \n <div class=\"absolute inset-0 opacity-[0.02]\" style=\"background-image: radial-gradient(circle, #D4A017 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\n <\/div>\n\n \n <main class=\"relative z-10 max-w-md mx-auto px-6 py-12 min-h-screen\">\n\n \n <section class=\"text-center mb-10\">\n \n <div class=\"scale-in mb-6 relative inline-block\" style=\"animation-delay: 0.1s;\">\n <div class=\"w-28 h-28 rounded-full border-2 border-gold-500\/30 p-1 pulse-glow mx-auto relative\">\n <img decoding=\"async\"\n src=\"https:\/\/kitawisuda.id\/wp-content\/uploads\/2026\/05\/IMG_20230705_142518-removebg-preview.png\"\n alt=\"Kita Wisuda\"\n class=\"w-full h-full rounded-full object-cover\"\n \/>\n \n <div class=\"absolute -bottom-1 -right-1 w-8 h-8 bg-gold-500 rounded-full flex items-center justify-center shadow-lg border-2 border-stone-950\">\n <span class=\"iconify text-stone-950\" data-icon=\"mdi:check-bold\" data-width=\"16\"><\/span>\n <\/div>\n <\/div>\n \n <div class=\"absolute -top-6 left-1\/2 -translate-x-1\/2 cap-toss\">\n <span class=\"text-3xl\">\ud83c\udf93<\/span>\n <\/div>\n <\/div>\n\n \n <h1 class=\"fade-in-up font-serif text-4xl tracking-tight mb-2\" style=\"animation-delay: 0.2s;\">\n <span class=\"shimmer-text\">Kita Wisuda<\/span>\n <\/h1>\n\n \n <p class=\"fade-in-up text-stone-400 text-sm font-light leading-relaxed max-w-xs mx-auto mb-4\" style=\"animation-delay: 0.35s;\">\n Selamat atas kelulusannya! \ud83c\udf89<br\/>\n Abadikan momen berharga bersama kami.\n <\/p>\n\n \n <div class=\"fade-in-up inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-gold-500\/10 border border-gold-500\/20 backdrop-blur-sm\" style=\"animation-delay: 0.5s;\">\n <span class=\"w-2 h-2 rounded-full bg-green-400 animate-pulse\"><\/span>\n <span class=\"text-xs font-medium text-gold-300 tracking-wide\">Booking Open 2026<\/span>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-up mb-10\" style=\"animation-delay: 0.6s;\">\n <div class=\"grid grid-cols-3 gap-3\">\n <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/[0.05] backdrop-blur-sm\">\n <div class=\"text-2xl font-serif text-gold-400 mb-1\">500+<\/div>\n <div class=\"text-[10px] uppercase tracking-[0.2em] text-stone-500\">Graduates<\/div>\n <\/div>\n <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/[0.05] backdrop-blur-sm\">\n <div class=\"text-2xl font-serif text-gold-400 mb-1\">10+<\/div>\n <div class=\"text-[10px] uppercase tracking-[0.2em] text-stone-500\">Faculty<\/div>\n <\/div>\n <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/[0.05] backdrop-blur-sm\">\n <div class=\"text-2xl font-serif text-gold-400 mb-1\">4.8<\/div>\n <div class=\"text-[10px] uppercase tracking-[0.2em] text-stone-500\">Rating \u2b50<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"space-y-3 mb-10\">\n\n \n <a href=\"https:\/\/member.kitawisuda.id\/product\/sewa-toga-unsoed\/\" class=\"link-card fade-in-up block relative overflow-hidden rounded-2xl bg-gradient-to-r from-gold-600 to-gold-500 p-[1px] group\" style=\"animation-delay: 0.7s;\" onclick=\"showToast('Mengarahkan ke sewa toga...')\">\n <div class=\"rounded-2xl bg-stone-950\/90 backdrop-blur-md p-5 flex items-center gap-4 relative z-10\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/15 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"ri:graduation-cap-fill\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Booking Sewa toga<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Pilih Fakultas & Ukuran<\/div>\n <\/div>\n <span class=\"iconify text-gold-500\/50 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/panel.kitawisuda.id\/store\/\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 0.8s;\" onclick=\"showToast('Mengarahkan ke katalog...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"mdi:image-multiple\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Katalog Wisuda<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Selempang, Medali, & Beli Toga<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/member.kitawisuda.id\/tukarpoin\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 0.9s;\" onclick=\"showToast('Mengarahkan ke Tutor Poin...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"ri:star-fill\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Tutorial Poin Kita Wisuda<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Tukar Poinmu Meski Baru 1x Order<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/member.kitawisuda.id\/product\/selempang-wisuda\/\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 1.0s;\" onclick=\"showToast('Mengarahkan ke selempang...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"mdi:tag-heart\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Cekout Disini<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Selempang Jalur Cepat<\/div>\n <\/div>\n <div class=\"px-2 py-0.5 rounded-full bg-red-500\/20 border border-red-500\/30 shrink-0\">\n <span class=\"text-[10px] font-bold text-red-400 uppercase tracking-wider\">HOT<\/span>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/search.google.com\/local\/writereview?placeid=ChIJGfird-NeZS4RN1ZyAvebMeM&source=g.page.m.nr._&laa=nmx-review-solicitation-recommendation-card\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 1.1s;\" onclick=\"showToast('Mengarahkan ke google review...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"mdi:format-quote-close\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Berikan Rating Kamu Disini<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Sangat Berarti bagi Kita Wisuda<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285926264646&text=*Halo%20Kita%20Wisuda*%0A%0AMohon%20Info%20Katalog%20Produk%20Lebih%20Banyak&source=&data=&app_absent=\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 1.2s;\" onclick=\"showToast('Mengarahkan ke WA...')\">\n <div class=\"w-12 h-12 rounded-xl bg-green-500\/15 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-green-400\" data-icon=\"mdi:whatsapp\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Chat via WhatsApp<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Konsultasi gratis, respon cepat<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-green-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n <\/section>\n\n \n <section class=\"fade-in-up text-center mb-10\" style=\"animation-delay: 1.3s;\">\n <div class=\"flex items-center justify-center gap-3\">\n <a href=\"https:\/\/instagram.com\/kitawisuda\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"Instagram\" onclick=\"showToast('Membuka Instagram...')\">\n <span class=\"iconify text-stone-400 hover:text-gold-400\" data-icon=\"mdi:instagram\" data-width=\"22\"><\/span>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@kitawisuda\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"TikTok\" onclick=\"showToast('Membuka TikTok...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"ic:baseline-tiktok\" data-width=\"22\"><\/span>\n <\/a>\n <a href=\"https:\/\/www.kitawisuda.com\/\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"Website\" onclick=\"showToast('Membuka web...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"mdi:web\" data-width=\"20\"><\/span>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@kitawisuda\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"YouTube\" onclick=\"showToast('Membuka YouTube...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"mdi:youtube\" data-width=\"24\"><\/span>\n <\/a>\n <a href=\"https:\/\/maps.app.goo.gl\/Q8BSrz2AFtRe4Ydh8\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"Maps\" onclick=\"showToast('Membuka Maps...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"mdi:google-maps\" data-width=\"22\"><\/span>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-up mb-10\" style=\"animation-delay: 1.4s;\">\n <div class=\"rounded-2xl bg-gradient-to-br from-gold-500\/10 via-gold-600\/5 to-transparent border border-gold-500\/15 p-6 text-center relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-24 h-24 bg-gold-500\/5 rounded-full blur-2xl -translate-y-1\/2 translate-x-1\/2\"><\/div>\n <div class=\"text-2xl mb-2\">\ud83c\udf93\u2728<\/div>\n <h3 class=\"font-serif text-lg text-cream mb-1\">Wisuda Batch 9 Juni 2026<\/h3>\n <p class=\"text-xs text-stone-500 mb-4\">Slot terbatas, jangan sampai terlewat!<\/p>\n \n <div class=\"flex items-center justify-center gap-3\" id=\"countdown\">\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-days\">12<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Hari<\/div>\n <\/div>\n <span class=\"text-gold-500\/40 text-lg\">:<\/span>\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-hours\">08<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Jam<\/div>\n <\/div>\n <span class=\"text-gold-500\/40 text-lg\">:<\/span>\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-mins\">42<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Menit<\/div>\n <\/div>\n <span class=\"text-gold-500\/40 text-lg\">:<\/span>\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-secs\">17<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Detik<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-up mb-10\" style=\"animation-delay: 1.5s;\">\n <div class=\"rounded-2xl bg-white\/[0.03] border border-white\/[0.06] p-6 relative\">\n <span class=\"iconify text-gold-500\/20 absolute top-4 left-4\" data-icon=\"mdi:format-quote-open\" data-width=\"32\"><\/span>\n <div class=\"pl-8\">\n <p class=\"text-sm text-stone-300 font-light leading-relaxed italic mb-4\">\n “Setelan toganya oke banget. sengaja order jauh-jauh hari biar kebagian model outter resleting depan. Momen wisuda jadi makin berkesan! \ud83d\udc9b”\n <\/p>\n <div class=\"flex items-center gap-3\">\n <img decoding=\"async\" src=\"https:\/\/kitawisuda.id\/wp-content\/uploads\/2022\/02\/s.10.png\" class=\"w-9 h-9 rounded-full object-cover border border-gold-500\/20\" alt=\"Testimoni\"\/>\n <div>\n <div class=\"text-xs font-semibold text-cream\">Anindya Putri<\/div>\n <div class=\"text-[10px] text-stone-500\">Wisudawati 2024 \u2014 Universitas Jenderal Soedirman<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"fade-in-up text-center pb-8\" style=\"animation-delay: 1.6s;\">\n <div class=\"flex items-center justify-center gap-2 mb-3\">\n <div class=\"w-5 h-5 rounded-md bg-gold-500 flex items-center justify-center\">\n <span class=\"iconify text-stone-950\" data-icon=\"mdi:school\" data-width=\"14\"><\/span>\n <\/div>\n <span class=\"font-serif text-sm text-stone-400\">Kita Wisuda<\/span>\n <\/div>\n <p class=\"text-[11px] text-stone-600 leading-relaxed\">\n Momen wisuda tak terlupakan,<br\/>dimulai dari sini.\n\t\t <\/p>\n <button onclick=\"launchConfetti()\" class=\"mt-4 inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gold-500\/10 border border-gold-500\/20 text-gold-400 text-xs font-medium hover:bg-gold-500\/20 transition-all\">\n <span class=\"iconify\" data-icon=\"mdi:party-popper\" data-width=\"16\"><\/span>\n Celebrate!\n <\/button>\n <\/footer>\n\n <\/main>\n\n \n <div id=\"toast-container\" class=\"fixed bottom-6 left-1\/2 -translate-x-1\/2 z-50 flex flex-col items-center gap-2 pointer-events-none\"><\/div>\n\n <script>\n \/\/ ========== CONFETTI ==========\n function createConfetti(count = 60) {\n const container = document.getElementById('confetti-container');\n const colors = ['#D4A017', '#FFE680', '#FFDB4D', '#F3EFE0', '#ffffff', '#8B6914'];\n const shapes = ['square', 'circle', 'ribbon'];\n\n for (let i = 0; i < count; i++) {\n const piece = document.createElement('div');\n piece.classList.add('confetti-piece');\n\n const size = Math.random() * 8 + 4;\n const shape = shapes[Math.floor(Math.random() * shapes.length)];\n const color = colors[Math.floor(Math.random() * colors.length)];\n const left = Math.random() * 100;\n const duration = Math.random() * 3 + 3;\n const delay = Math.random() * 2;\n\n piece.style.left = `${left}vw`;\n piece.style.width = `${size}px`;\n piece.style.height = shape === 'ribbon' ? `${size * 3}px` : `${size}px`;\n piece.style.backgroundColor = color;\n piece.style.borderRadius = shape === 'circle' ? '50%' : shape === 'ribbon' ? '2px' : '1px';\n piece.style.animationDuration = `${duration}s`;\n piece.style.animationDelay = `${delay}s`;\n piece.style.opacity = Math.random() * 0.6 + 0.4;\n\n container.appendChild(piece);\n\n setTimeout(() => piece.remove(), (duration + delay) * 1000);\n }\n }\n\n function launchConfetti() {\n createConfetti(80);\n showToast('\ud83c\udf89 Selamat wisuda!');\n }\n\n \/\/ Initial small confetti\n setTimeout(() => createConfetti(25), 1500);\n\n \/\/ ========== COUNTDOWN ==========\n (function() {\n \/\/ Set target: 30 days from now\n const target = new Date(\"11 juni 2026\");\n target.setDate(target.getDate());\n\n function updateCountdown() {\n const now = new Date();\n const diff = target - now;\n\n if (diff <= 0) return;\n\n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((diff \/ (1000 * 60 * 60)) % 24);\n const mins = Math.floor((diff \/ (1000 * 60)) % 60);\n const secs = Math.floor((diff \/ 1000) % 60);\n\n document.getElementById('cd-days').textContent = String(days).padStart(2, '0');\n document.getElementById('cd-hours').textContent = String(hours).padStart(2, '0');\n document.getElementById('cd-mins').textContent = String(mins).padStart(2, '0');\n document.getElementById('cd-secs').textContent = String(secs).padStart(2, '0');\n }\n\n updateCountdown();\n setInterval(updateCountdown, 1000);\n })();\n\n \/\/ ========== TOAST ==========\n function showToast(message) {\n const container = document.getElementById('toast-container');\n const toast = document.createElement('div');\n toast.className = 'toast-in pointer-events-auto px-5 py-3 rounded-2xl bg-stone-900\/95 border border-gold-500\/20 backdrop-blur-md text-sm text-cream shadow-2xl flex items-center gap-2';\n toast.innerHTML = `<span class=\"iconify text-gold-400 shrink-0\" data-icon=\"mdi:check-circle\" data-width=\"18\"><\/span><span>${message}<\/span>`;\n container.appendChild(toast);\n\n setTimeout(() => {\n toast.classList.remove('toast-in');\n toast.classList.add('toast-out');\n setTimeout(() => toast.remove(), 300);\n }, 2500);\n }\n\n \/\/ ========== SCROLL REVEAL ==========\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kita Wisuda \u2014 Biolink \ud83c\udf93 Kita Wisuda Selamat atas kelulusannya! \ud83c\udf89 Abadikan momen berharga bersama kami. Booking Open 2026 500+ Graduates 10+ Faculty 4.8 Rating \u2b50 Booking Sewa toga Pilih Fakultas & Ukuran Katalog Wisuda Selempang, Medali, & Beli Toga Tutorial Poin Kita Wisuda Tukar Poinmu Meski Baru 1x Order Cekout Disini Selempang Jalur Cepat […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":4,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages\/5\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5,"date":"2026-05-14T03:19:23","date_gmt":"2026-05-14T03:19:23","guid":{"rendered":"https:\/\/kitawisuda.id\/platform\/?page_id=5"},"modified":"2026-05-14T03:45:02","modified_gmt":"2026-05-14T03:45:02","slug":"biolink-unsoed","status":"publish","type":"page","link":"https:\/\/kitawisuda.id\/platform\/","title":{"rendered":"Biolink Unsoed"},"content":{"rendered":"\n\n\n\n \n \n Kita Wisuda \u2014 Biolink<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/code.iconify.design\/3\/3.1.0\/iconify.min.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap\" rel=\"stylesheet\">\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n cream: '#FDFCF8',\n savor: '#F3EFE0',\n gold: {\n 50: '#FFF9E6',\n 100: '#FFF0B3',\n 200: '#FFE680',\n 300: '#FFDB4D',\n 400: '#FFD11A',\n 500: '#D4A017',\n 600: '#B8860B',\n 700: '#8B6914',\n 800: '#5E4B1E',\n 900: '#312A14',\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n serif: ['Playfair Display', 'serif'],\n },\n borderRadius: {\n '4xl': '2rem',\n }\n }\n }\n }\n <\/script>\n <style>\n \/* --- Confetti Keyframes --- *\/\n @keyframes confettiFall {\n 0% { transform: translateY(-10vh) rotate(0deg); opacity: 1; }\n 100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }\n }\n @keyframes float {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-12px) rotate(3deg); }\n }\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.8); }\n to { opacity: 1; transform: scale(1); }\n }\n @keyframes shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes pulseGlow {\n 0%, 100% { box-shadow: 0 0 20px rgba(212,160,23,0.2); }\n 50% { box-shadow: 0 0 40px rgba(212,160,23,0.4); }\n }\n @keyframes capToss {\n 0%, 100% { transform: rotate(-3deg) translateY(0); }\n 25% { transform: rotate(3deg) translateY(-8px); }\n 50% { transform: rotate(-2deg) translateY(-4px); }\n 75% { transform: rotate(2deg) translateY(-6px); }\n }\n\n .confetti-piece {\n position: fixed;\n top: -10px;\n z-index: 0;\n pointer-events: none;\n animation: confettiFall linear forwards;\n }\n .float-anim { animation: float 4s ease-in-out infinite; }\n .fade-in-up {\n opacity: 0;\n animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n .scale-in {\n opacity: 0;\n animation: scaleIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n .shimmer-text {\n background: linear-gradient(90deg, #D4A017, #FFE680, #D4A017, #FFE680, #D4A017);\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: shimmer 4s linear infinite;\n }\n .pulse-glow { animation: pulseGlow 3s ease-in-out infinite; }\n .cap-toss { animation: capToss 3s ease-in-out infinite; }\n\n .link-card {\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .link-card:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 20px 40px rgba(212,160,23,0.15);\n }\n .link-card:active {\n transform: translateY(0) scale(0.98);\n }\n\n .social-btn {\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .social-btn:hover {\n transform: translateY(-4px) scale(1.1);\n }\n\n \/* Scrollbar *\/\n ::-webkit-scrollbar { width: 4px; }\n ::-webkit-scrollbar-track { background: #1c1917; }\n ::-webkit-scrollbar-thumb { background: #D4A017; border-radius: 999px; }\n\n \/* Reveal on scroll *\/\n .reveal {\n opacity: 0;\n filter: blur(8px);\n transform: translateY(24px);\n transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n }\n .reveal.active {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n }\n\n \/* Toast *\/\n @keyframes toastIn {\n from { opacity: 0; transform: translateY(20px) scale(0.95); }\n to { opacity: 1; transform: translateY(0) scale(1); }\n }\n @keyframes toastOut {\n from { opacity: 1; transform: translateY(0) scale(1); }\n to { opacity: 0; transform: translateY(20px) scale(0.95); }\n }\n .toast-in { animation: toastIn 0.4s ease forwards; }\n .toast-out { animation: toastOut 0.3s ease forwards; }\n <\/style>\n<\/head>\n<body class=\"bg-stone-950 font-sans text-stone-100 min-h-screen relative overflow-x-hidden\">\n\n \n <div id=\"confetti-container\"><\/div>\n\n \n <div class=\"fixed inset-0 pointer-events-none z-0 overflow-hidden\">\n \n <div class=\"absolute top-1\/4 left-1\/4 w-96 h-96 bg-gold-500\/5 rounded-full blur-[120px]\"><\/div>\n <div class=\"absolute bottom-1\/4 right-1\/4 w-80 h-80 bg-gold-500\/8 rounded-full blur-[100px]\"><\/div>\n <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[600px] h-[600px] bg-gold-600\/3 rounded-full blur-[150px]\"><\/div>\n \n <div class=\"absolute inset-0 opacity-[0.02]\" style=\"background-image: radial-gradient(circle, #D4A017 1px, transparent 1px); background-size: 40px 40px;\"><\/div>\n <\/div>\n\n \n <main class=\"relative z-10 max-w-md mx-auto px-6 py-12 min-h-screen\">\n\n \n <section class=\"text-center mb-10\">\n \n <div class=\"scale-in mb-6 relative inline-block\" style=\"animation-delay: 0.1s;\">\n <div class=\"w-28 h-28 rounded-full border-2 border-gold-500\/30 p-1 pulse-glow mx-auto relative\">\n <img decoding=\"async\"\n src=\"https:\/\/kitawisuda.id\/wp-content\/uploads\/2026\/05\/IMG_20230705_142518-removebg-preview.png\"\n alt=\"Kita Wisuda\"\n class=\"w-full h-full rounded-full object-cover\"\n \/>\n \n <div class=\"absolute -bottom-1 -right-1 w-8 h-8 bg-gold-500 rounded-full flex items-center justify-center shadow-lg border-2 border-stone-950\">\n <span class=\"iconify text-stone-950\" data-icon=\"mdi:check-bold\" data-width=\"16\"><\/span>\n <\/div>\n <\/div>\n \n <div class=\"absolute -top-6 left-1\/2 -translate-x-1\/2 cap-toss\">\n <span class=\"text-3xl\">\ud83c\udf93<\/span>\n <\/div>\n <\/div>\n\n \n <h1 class=\"fade-in-up font-serif text-4xl tracking-tight mb-2\" style=\"animation-delay: 0.2s;\">\n <span class=\"shimmer-text\">Kita Wisuda<\/span>\n <\/h1>\n\n \n <p class=\"fade-in-up text-stone-400 text-sm font-light leading-relaxed max-w-xs mx-auto mb-4\" style=\"animation-delay: 0.35s;\">\n Selamat atas kelulusannya! \ud83c\udf89<br\/>\n Abadikan momen berharga bersama kami.\n <\/p>\n\n \n <div class=\"fade-in-up inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-gold-500\/10 border border-gold-500\/20 backdrop-blur-sm\" style=\"animation-delay: 0.5s;\">\n <span class=\"w-2 h-2 rounded-full bg-green-400 animate-pulse\"><\/span>\n <span class=\"text-xs font-medium text-gold-300 tracking-wide\">Booking Open 2026<\/span>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-up mb-10\" style=\"animation-delay: 0.6s;\">\n <div class=\"grid grid-cols-3 gap-3\">\n <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/[0.05] backdrop-blur-sm\">\n <div class=\"text-2xl font-serif text-gold-400 mb-1\">500+<\/div>\n <div class=\"text-[10px] uppercase tracking-[0.2em] text-stone-500\">Graduates<\/div>\n <\/div>\n <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/[0.05] backdrop-blur-sm\">\n <div class=\"text-2xl font-serif text-gold-400 mb-1\">10+<\/div>\n <div class=\"text-[10px] uppercase tracking-[0.2em] text-stone-500\">Faculty<\/div>\n <\/div>\n <div class=\"text-center p-4 rounded-2xl bg-white\/[0.03] border border-white\/[0.05] backdrop-blur-sm\">\n <div class=\"text-2xl font-serif text-gold-400 mb-1\">4.8<\/div>\n <div class=\"text-[10px] uppercase tracking-[0.2em] text-stone-500\">Rating \u2b50<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"space-y-3 mb-10\">\n\n \n <a href=\"https:\/\/member.kitawisuda.id\/product\/sewa-toga-unsoed\/\" class=\"link-card fade-in-up block relative overflow-hidden rounded-2xl bg-gradient-to-r from-gold-600 to-gold-500 p-[1px] group\" style=\"animation-delay: 0.7s;\" onclick=\"showToast('Mengarahkan ke sewa toga...')\">\n <div class=\"rounded-2xl bg-stone-950\/90 backdrop-blur-md p-5 flex items-center gap-4 relative z-10\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/15 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"ri:graduation-cap-fill\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Booking Sewa toga<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Pilih Fakultas & Ukuran<\/div>\n <\/div>\n <span class=\"iconify text-gold-500\/50 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/div>\n <\/a>\n\n \n <a href=\"https:\/\/panel.kitawisuda.id\/store\/\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 0.8s;\" onclick=\"showToast('Mengarahkan ke katalog...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"mdi:image-multiple\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Katalog Wisuda<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Selempang, Medali, & Beli Toga<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/member.kitawisuda.id\/tukarpoin\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 0.9s;\" onclick=\"showToast('Mengarahkan ke Tutor Poin...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"ri:star-fill\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Tutorial Poin Kita Wisuda<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Tukar Poinmu Meski Baru 1x Order<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/member.kitawisuda.id\/product\/selempang-wisuda\/\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 1.0s;\" onclick=\"showToast('Mengarahkan ke selempang...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"mdi:tag-heart\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Cekout Disini<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Selempang Jalur Cepat<\/div>\n <\/div>\n <div class=\"px-2 py-0.5 rounded-full bg-red-500\/20 border border-red-500\/30 shrink-0\">\n <span class=\"text-[10px] font-bold text-red-400 uppercase tracking-wider\">HOT<\/span>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/search.google.com\/local\/writereview?placeid=ChIJGfird-NeZS4RN1ZyAvebMeM&source=g.page.m.nr._&laa=nmx-review-solicitation-recommendation-card\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 1.1s;\" onclick=\"showToast('Mengarahkan ke google review...')\">\n <div class=\"w-12 h-12 rounded-xl bg-gold-500\/10 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-gold-400\" data-icon=\"mdi:format-quote-close\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Berikan Rating Kamu Disini<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Sangat Berarti bagi Kita Wisuda<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-gold-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n \n <a href=\"https:\/\/api.whatsapp.com\/send?phone=6285926264646&text=*Halo%20Kita%20Wisuda*%0A%0AMohon%20Info%20Katalog%20Produk%20Lebih%20Banyak&source=&data=&app_absent=\" class=\"link-card fade-in-up block rounded-2xl bg-white\/[0.04] border border-white\/[0.07] hover:border-gold-500\/30 p-5 flex items-center gap-4 group\" style=\"animation-delay: 1.2s;\" onclick=\"showToast('Mengarahkan ke WA...')\">\n <div class=\"w-12 h-12 rounded-xl bg-green-500\/15 flex items-center justify-center shrink-0\">\n <span class=\"iconify text-green-400\" data-icon=\"mdi:whatsapp\" data-width=\"24\"><\/span>\n <\/div>\n <div class=\"flex-1 min-w-0\">\n <div class=\"text-sm font-semibold text-cream\">Chat via WhatsApp<\/div>\n <div class=\"text-xs text-stone-500 mt-0.5\">Konsultasi gratis, respon cepat<\/div>\n <\/div>\n <span class=\"iconify text-stone-600 group-hover:text-green-400 group-hover:translate-x-1 transition-all\" data-icon=\"mdi:arrow-right\" data-width=\"20\"><\/span>\n <\/a>\n\n <\/section>\n\n \n <section class=\"fade-in-up text-center mb-10\" style=\"animation-delay: 1.3s;\">\n <div class=\"flex items-center justify-center gap-3\">\n <a href=\"https:\/\/instagram.com\/kitawisuda\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"Instagram\" onclick=\"showToast('Membuka Instagram...')\">\n <span class=\"iconify text-stone-400 hover:text-gold-400\" data-icon=\"mdi:instagram\" data-width=\"22\"><\/span>\n <\/a>\n <a href=\"https:\/\/www.tiktok.com\/@kitawisuda\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"TikTok\" onclick=\"showToast('Membuka TikTok...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"ic:baseline-tiktok\" data-width=\"22\"><\/span>\n <\/a>\n <a href=\"https:\/\/www.kitawisuda.com\/\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"Website\" onclick=\"showToast('Membuka web...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"mdi:web\" data-width=\"20\"><\/span>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@kitawisuda\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"YouTube\" onclick=\"showToast('Membuka YouTube...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"mdi:youtube\" data-width=\"24\"><\/span>\n <\/a>\n <a href=\"https:\/\/maps.app.goo.gl\/Q8BSrz2AFtRe4Ydh8\" class=\"social-btn w-12 h-12 rounded-2xl bg-white\/[0.05] border border-white\/[0.08] flex items-center justify-center hover:bg-gold-500\/15 hover:border-gold-500\/30\" title=\"Maps\" onclick=\"showToast('Membuka Maps...')\">\n <span class=\"iconify text-stone-400\" data-icon=\"mdi:google-maps\" data-width=\"22\"><\/span>\n <\/a>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-up mb-10\" style=\"animation-delay: 1.4s;\">\n <div class=\"rounded-2xl bg-gradient-to-br from-gold-500\/10 via-gold-600\/5 to-transparent border border-gold-500\/15 p-6 text-center relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 w-24 h-24 bg-gold-500\/5 rounded-full blur-2xl -translate-y-1\/2 translate-x-1\/2\"><\/div>\n <div class=\"text-2xl mb-2\">\ud83c\udf93\u2728<\/div>\n <h3 class=\"font-serif text-lg text-cream mb-1\">Wisuda Batch 9 Juni 2026<\/h3>\n <p class=\"text-xs text-stone-500 mb-4\">Slot terbatas, jangan sampai terlewat!<\/p>\n \n <div class=\"flex items-center justify-center gap-3\" id=\"countdown\">\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-days\">12<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Hari<\/div>\n <\/div>\n <span class=\"text-gold-500\/40 text-lg\">:<\/span>\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-hours\">08<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Jam<\/div>\n <\/div>\n <span class=\"text-gold-500\/40 text-lg\">:<\/span>\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-mins\">42<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Menit<\/div>\n <\/div>\n <span class=\"text-gold-500\/40 text-lg\">:<\/span>\n <div class=\"px-3 py-2 rounded-xl bg-stone-900\/80 border border-white\/[0.05] min-w-[56px]\">\n <div class=\"text-xl font-serif text-gold-400\" id=\"cd-secs\">17<\/div>\n <div class=\"text-[9px] uppercase tracking-[0.15em] text-stone-500\">Detik<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"fade-in-up mb-10\" style=\"animation-delay: 1.5s;\">\n <div class=\"rounded-2xl bg-white\/[0.03] border border-white\/[0.06] p-6 relative\">\n <span class=\"iconify text-gold-500\/20 absolute top-4 left-4\" data-icon=\"mdi:format-quote-open\" data-width=\"32\"><\/span>\n <div class=\"pl-8\">\n <p class=\"text-sm text-stone-300 font-light leading-relaxed italic mb-4\">\n “Setelan toganya oke banget. sengaja order jauh-jauh hari biar kebagian model outter resleting depan. Momen wisuda jadi makin berkesan! \ud83d\udc9b”\n <\/p>\n <div class=\"flex items-center gap-3\">\n <img decoding=\"async\" src=\"https:\/\/kitawisuda.id\/wp-content\/uploads\/2022\/02\/s.10.png\" class=\"w-9 h-9 rounded-full object-cover border border-gold-500\/20\" alt=\"Testimoni\"\/>\n <div>\n <div class=\"text-xs font-semibold text-cream\">Anindya Putri<\/div>\n <div class=\"text-[10px] text-stone-500\">Wisudawati 2024 \u2014 Universitas Jenderal Soedirman<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"fade-in-up text-center pb-8\" style=\"animation-delay: 1.6s;\">\n <div class=\"flex items-center justify-center gap-2 mb-3\">\n <div class=\"w-5 h-5 rounded-md bg-gold-500 flex items-center justify-center\">\n <span class=\"iconify text-stone-950\" data-icon=\"mdi:school\" data-width=\"14\"><\/span>\n <\/div>\n <span class=\"font-serif text-sm text-stone-400\">Kita Wisuda<\/span>\n <\/div>\n <p class=\"text-[11px] text-stone-600 leading-relaxed\">\n Momen wisuda tak terlupakan,<br\/>dimulai dari sini.\n\t\t <\/p>\n <button onclick=\"launchConfetti()\" class=\"mt-4 inline-flex items-center gap-2 px-4 py-2 rounded-full bg-gold-500\/10 border border-gold-500\/20 text-gold-400 text-xs font-medium hover:bg-gold-500\/20 transition-all\">\n <span class=\"iconify\" data-icon=\"mdi:party-popper\" data-width=\"16\"><\/span>\n Celebrate!\n <\/button>\n <\/footer>\n\n <\/main>\n\n \n <div id=\"toast-container\" class=\"fixed bottom-6 left-1\/2 -translate-x-1\/2 z-50 flex flex-col items-center gap-2 pointer-events-none\"><\/div>\n\n <script>\n \/\/ ========== CONFETTI ==========\n function createConfetti(count = 60) {\n const container = document.getElementById('confetti-container');\n const colors = ['#D4A017', '#FFE680', '#FFDB4D', '#F3EFE0', '#ffffff', '#8B6914'];\n const shapes = ['square', 'circle', 'ribbon'];\n\n for (let i = 0; i < count; i++) {\n const piece = document.createElement('div');\n piece.classList.add('confetti-piece');\n\n const size = Math.random() * 8 + 4;\n const shape = shapes[Math.floor(Math.random() * shapes.length)];\n const color = colors[Math.floor(Math.random() * colors.length)];\n const left = Math.random() * 100;\n const duration = Math.random() * 3 + 3;\n const delay = Math.random() * 2;\n\n piece.style.left = `${left}vw`;\n piece.style.width = `${size}px`;\n piece.style.height = shape === 'ribbon' ? `${size * 3}px` : `${size}px`;\n piece.style.backgroundColor = color;\n piece.style.borderRadius = shape === 'circle' ? '50%' : shape === 'ribbon' ? '2px' : '1px';\n piece.style.animationDuration = `${duration}s`;\n piece.style.animationDelay = `${delay}s`;\n piece.style.opacity = Math.random() * 0.6 + 0.4;\n\n container.appendChild(piece);\n\n setTimeout(() => piece.remove(), (duration + delay) * 1000);\n }\n }\n\n function launchConfetti() {\n createConfetti(80);\n showToast('\ud83c\udf89 Selamat wisuda!');\n }\n\n \/\/ Initial small confetti\n setTimeout(() => createConfetti(25), 1500);\n\n \/\/ ========== COUNTDOWN ==========\n (function() {\n \/\/ Set target: 30 days from now\n const target = new Date(\"11 juni 2026\");\n target.setDate(target.getDate());\n\n function updateCountdown() {\n const now = new Date();\n const diff = target - now;\n\n if (diff <= 0) return;\n\n const days = Math.floor(diff \/ (1000 * 60 * 60 * 24));\n const hours = Math.floor((diff \/ (1000 * 60 * 60)) % 24);\n const mins = Math.floor((diff \/ (1000 * 60)) % 60);\n const secs = Math.floor((diff \/ 1000) % 60);\n\n document.getElementById('cd-days').textContent = String(days).padStart(2, '0');\n document.getElementById('cd-hours').textContent = String(hours).padStart(2, '0');\n document.getElementById('cd-mins').textContent = String(mins).padStart(2, '0');\n document.getElementById('cd-secs').textContent = String(secs).padStart(2, '0');\n }\n\n updateCountdown();\n setInterval(updateCountdown, 1000);\n })();\n\n \/\/ ========== TOAST ==========\n function showToast(message) {\n const container = document.getElementById('toast-container');\n const toast = document.createElement('div');\n toast.className = 'toast-in pointer-events-auto px-5 py-3 rounded-2xl bg-stone-900\/95 border border-gold-500\/20 backdrop-blur-md text-sm text-cream shadow-2xl flex items-center gap-2';\n toast.innerHTML = `<span class=\"iconify text-gold-400 shrink-0\" data-icon=\"mdi:check-circle\" data-width=\"18\"><\/span><span>${message}<\/span>`;\n container.appendChild(toast);\n\n setTimeout(() => {\n toast.classList.remove('toast-in');\n toast.classList.add('toast-out');\n setTimeout(() => toast.remove(), 300);\n }, 2500);\n }\n\n \/\/ ========== SCROLL REVEAL ==========\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kita Wisuda \u2014 Biolink \ud83c\udf93 Kita Wisuda Selamat atas kelulusannya! \ud83c\udf89 Abadikan momen berharga bersama kami. Booking Open 2026 500+ Graduates 10+ Faculty 4.8 Rating \u2b50 Booking Sewa toga Pilih Fakultas & Ukuran Katalog Wisuda Selempang, Medali, & Beli Toga Tutorial Poin Kita Wisuda Tukar Poinmu Meski Baru 1x Order Cekout Disini Selempang Jalur Cepat […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":4,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/pages\/5\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/kitawisuda.id\/platform\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}