.bt-login-nav {
position: sticky;
top: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1rem 0;
backdrop-filter: blur(18px);
}
.bt-login-nav-brand {
display: inline-flex;
align-items: center;
gap: 0.85rem;
min-width: 0;
}
.bt-login-nav-brand-link {
display: inline-flex;
align-items: center;
min-width: 0;
color: inherit;
text-decoration: none;
border-radius: 16px;
}
.bt-login-nav-brand-link:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.35);
outline-offset: 4px;
}
.bt-login-nav-logo {
width: auto;
height: 60px;
max-width: 240px;
object-fit: contain;
flex-shrink: 0;
}
.bt-login-nav-menu {
display: none;
position: relative;
margin-left: auto;
}
.bt-login-nav-menu summary {
list-style: none;
}
.bt-login-nav-menu summary::-webkit-details-marker {
display: none;
}
.bt-login-nav-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
color: var(--text);
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
box-shadow: none;
}
.bt-login-nav-menu-toggle:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.18);
transform: translateY(-1px);
}
.bt-login-nav-menu-icon {
display: inline-flex;
flex-direction: column;
gap: 4px;
}
.bt-login-nav-menu-icon span {
display: block;
width: 18px;
height: 2px;
border-radius: 999px;
background: currentColor;
transition: transform 0.18s ease, opacity 0.18s ease;
}
.bt-login-nav-menu[open] .bt-login-nav-menu-icon span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.bt-login-nav-menu[open] .bt-login-nav-menu-icon span:nth-child(2) {
opacity: 0;
}
.bt-login-nav-menu[open] .bt-login-nav-menu-icon span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
.bt-login-nav-menu-panel {
position: absolute;
right: 0;
top: calc(100% + 0.65rem);
width: min(240px, 72vw);
padding: 0.65rem;
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(12, 18, 41, 0.98);
box-shadow: 0 24px 60px rgba(2, 6, 23, 0.28);
backdrop-filter: blur(18px);
z-index: 30;
}
.bt-login-nav-menu-links {
display: grid;
gap: 0.35rem;
list-style: none;
margin: 0;
padding: 0;
}
.bt-login-nav-menu-links a {
display: flex;
align-items: center;
justify-content: flex-start;
min-height: 42px;
padding: 0.7rem 0.95rem;
border-radius: 12px;
color: rgba(255, 255, 255, 0.92);
border: 1px solid transparent;
transition: 0.18s ease;
font-size: 0.92rem;
}
.bt-login-nav-menu-links a:hover {
color: #fff;
border-color: rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.06);
}
.bt-login-nav-links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.4rem;
list-style: none;
margin: 0;
padding: 0;
}
.bt-login-nav-links a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0.45rem 0.9rem;
border-radius: 999px;
color: var(--muted);
border: 1px solid transparent;
transition: 0.18s ease;
font-size: 0.9rem;
}
.bt-login-nav-links a:hover {
color: var(--text);
border-color: rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.06);
}
/* --- PUBLIC CLASSIC DESIGN SYSTEM COMPONENTS --- */
.hero {
padding: 2rem 1.5rem 2.5rem;
background: linear-gradient(135deg, rgba(27, 37, 89, 0.04) 0%, rgba(74, 58, 255, 0.02) 100%);
border-radius: 1.5rem;
border: 1px solid rgba(27, 37, 89, 0.08);
margin-bottom: 1.5rem;
}
.hero-card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.hero-tag {
display: inline-block;
padding: 0.35rem 0.85rem;
border-radius: 2rem;
background: rgba(245, 166, 35, 0.12);
color: #d97706;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.hero h1 {
font-size: clamp(1.8rem, 3.2vw, 2.75rem);
font-weight: 800;
color: #1B2559;
line-height: 1.25;
letter-spacing: -0.02em;
margin: 0;
}
.lead {
font-size: 1.05rem;
color: #4b5563;
line-height: 1.65;
margin: 0;
}
.panel.section,
.panel {
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.08);
border-radius: 1.5rem;
padding: 1.75rem 2rem;
margin-bottom: 1.5rem;
box-shadow: 0 10px 30px rgba(27, 37, 89, 0.04);
}
.section-head {
margin-bottom: 1rem;
}
.section-kicker {
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #f5a623;
margin-bottom: 0.25rem;
}
.section-head h2,
.section h2 {
font-size: 1.65rem;
font-weight: 700;
color: #1B2559;
margin: 0;
line-height: 1.3;
}
.cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.25rem;
margin-top: 1.25rem;
}
.card {
padding: 1.35rem 1.5rem;
border-radius: 1.1rem;
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.08);
box-shadow: 0 4px 12px rgba(27, 37, 89, 0.03);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.card:hover {
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(27, 37, 89, 0.08);
border-color: rgba(245, 166, 35, 0.4);
}
.card h3 {
font-size: 1.1rem;
font-weight: 700;
color: #1B2559;
margin: 0 0 0.5rem;
}
.card p {
font-size: 0.9rem;
color: #4b5563;
line-height: 1.6;
margin: 0;
}
.btn-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
margin-top: 1.25rem;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 2.65rem;
padding: 0.65rem 1.25rem;
border-radius: 0.75rem;
font-weight: 700;
font-size: 0.875rem;
text-decoration: none;
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
border: 1px solid transparent;
}
.btn-primary {
background: linear-gradient(135deg, #1B2559 0%, #2B3678 100%);
color: #ffffff !important;
box-shadow: 0 6px 18px rgba(27, 37, 89, 0.18);
}
.btn-primary:hover {
background: linear-gradient(135deg, #2B3678 0%, #4A3AFF 100%);
transform: translateY(-1px);
}
.btn-ghost {
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.14);
color: #1B2559 !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.btn-ghost:hover {
background: #f8fbff;
border-color: #1B2559;
transform: translateY(-1px);
}
.chip-cloud {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1rem;
}
.chip {
display: inline-flex;
align-items: center;
padding: 0.45rem 0.85rem;
border-radius: 2rem;
background: rgba(27, 37, 89, 0.04);
border: 1px solid rgba(27, 37, 89, 0.08);
font-size: 0.825rem;
font-weight: 600;
color: #1B2559;
}
.list-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 0.75rem;
margin-top: 1rem;
}
.list-item {
display: flex;
align-items: flex-start;
gap: 0.65rem;
padding: 0.75rem 0.9rem;
border-radius: 0.75rem;
background: rgba(27, 37, 89, 0.02);
border: 1px solid rgba(27, 37, 89, 0.06);
}
.bullet {
width: 8px;
height: 8px;
border-radius: 50%;
background: #F5A623;
margin-top: 0.45rem;
flex-shrink: 0;
}
.list-item strong {
display: block;
font-size: 0.875rem;
font-weight: 700;
color: #1B2559;
}
.list-item span {
font-size: 0.825rem;
color: #6b7280;
line-height: 1.45;
}
.callout {
padding: 1.25rem;
border-radius: 1rem;
background: linear-gradient(135deg, rgba(245, 166, 35, 0.08) 0%, rgba(74, 58, 255, 0.03) 100%);
border: 1px solid rgba(245, 166, 35, 0.25);
margin-top: 1.25rem;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1rem;
margin-top: 1.25rem;
}
.contact-card {
padding: 1.1rem;
border-radius: 0.85rem;
background: #ffffff;
border: 1px solid rgba(27, 37, 89, 0.08);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
.contact-card small {
display: block;
font-size: 0.725rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #6b7280;
margin-bottom: 0.25rem;
}
.contact-card strong {
display: block;
font-size: 0.95rem;
font-weight: 700;
color: #1B2559;
}
.text-link {
color: #4A3AFF !important;
font-weight: 600;
text-decoration: underline !important;
text-underline-offset: 3px;
transition: color 0.15s ease;
}
.text-link:hover {
color: #1B2559 !important;
}
@media (max-width: 840px) {
.bt-login-nav {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.bt-login-nav-links {
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.bt-login-nav-logo {
height: 44px;
max-width: 180px;
}
.bt-login-nav-menu {
display: inline-flex;
}
.bt-login-nav-links {
display: none;
}
.bt-login-nav-menu-panel {
width: min(260px, calc(100vw - 1rem));
}
}
Profesionalisasi Registrasi & Kehadiran Event Perusahaan Anda
Dari gathering karyawan hingga forum eksekutif, percepat operasional presensi dengan protokol VIP, keamanan data, dan laporan real-time.
100%
Keamanan & Presisi Data
Timeline & Alur Project Gathering & Corporate Event
Alur kerja terstruktur dari 30 hari sebelum acara hingga laporan audit eksekutif pasca event.
30 Hari Sebelum
Import DB Karyawan & Tamu VIP
Import database karyawan, kategorisasi tamu VIP, dan atur penugasan meja secara terstruktur.
H-7 & H-1 Blast
Kirim E-Invitation Barcode WA
Kirim e-invitation QR Code personal & rundown acara langsung ke WhatsApp seluruh undangan.
Hari-H Event
Presensi QR & Notifikasi WA VIP
Scan QR rapid 1.5 detik di pintu gate utama & notifikasi instan WhatsApp saat VIP hadir.
Pasca Event
Export Rekap Excel & Feedback WA
Kirim survei kepuasan via WhatsApp & unduh laporan absensi Excel eksekutif seketika.
Efisiensi & ROI Operasional Perusahaan
Penghematan waktu operasional terukur untuk panitia kantor dan kepuasan jajaran direksi.
Waktu Registrasi
2 Min
↓
1.5 Sec
Notifikasi VIP
Manual
↓
Auto WA
Sync Multi-Gate
Unsync
↓
Real-Time
Respon Feedback
< 15%
↓
> 90%
Rekapitulasi Excel
4 Hours
↓
Instant
Tantangan Operasional Event Perusahaan yang Kami Selesaikan
Dari registrasi peserta hingga laporan kehadiran real-time, kami membantu menyederhanakan operasional event perusahaan.
❌ Antrean registrasi mengular di lobby venue
✅ QR Check-In kilat 1.5 detik per karyawan tanpa antrean
❌ Direksi & Tamu VIP tiba tanpa diketahui tim protokol
✅ Notifikasi otomatis WhatsApp begitu VIP scan QR
❌ Data pintu gate terpisah & berisiko scan ganda
✅ Sinkronisasi cloud realtime di seluruh meja pendaftaran
❌ Panitia tidak tahu berapa % karyawan yang sudah hadir
✅ Dashboard live statistik kedatangan & persentase kuota
❌ HR membuang waktu mengetik ulang daftar hadir
✅ Sekali klik ekspor rekap Excel lengkap dengan timestamp
❌ Risiko kebocoran data karyawan & dokumen internal
✅ Enkripsi data, isolasi tenant ketat & kontrol retensi
Siapa yang Menggunakan Buku Tamu Digital Perusahaan?
🏢
Corporate Event Manager
Memimpin operasional event gathering perusahaan & gala dinner tahunan.
👔
HR & Internal Communication
Menyelenggarakan Town Hall, outing karyawan, & rapat kerja internal.
🎯
EO & Agency Event Perusahaan
Agency EO yang menyajikan registrasi cepat & laporan live untuk klien.
📢
Public Relations & Marketing
Mengelola pendaftaran media, peluncuran produk baru, & press release.
🤝
Procurement & Operasional
Memastikan kepatuhan vendor, garansi SLA, & efisiensi anggaran.
💼
Sekretariat Eksekutif & Direksi
Menerima notifikasi hadirnya direksi & mengelola protokol eksekutif.
Fitur Spesial Operasional Event Perusahaan
⚡
Multi-Gate Sync Realtime
Sinkronkan puluhan perangkat scanner di berbagai pintu pendaftaran tanpa risiko data ganda.
👑
Notifikasi Kehadiran VIP
Pesan WhatsApp otomatis terkirim ke tim protokol begitu Tamu VIP / Direksi melakukan scan.
📊
Dashboard Analytics Live
Pantau jumlah kedatangan karyawan, jam antrean puncak, & kategori tamu secara realtime.
💬
Kumpulkan Feedback via WhatsApp
Kirim link survei kepuasan ke WhatsApp peserta secara otomatis pasca acara.
🔒
Isolasi Tenant & Data
Kepatuhan keamanan data tingkat tinggi, enkripsi data, & kontrol retensi otomatis.
📑
Rekap Kehadiran Export Ready
Unduh rekapitulasi data absensi, jam masuk, & kategori tamu ke format Excel seketika.
Jenis Event Perusahaan yang Didukung
🎉
Company Gathering & Outing
Acara kebersamaan tahunan karyawan, outing kantor, dan family day.
🏛️
Town Hall & RUPS Perusahaan
Pertemuan rutin manajemen dengan karyawan & RUPS pemegang saham.
🚀
Peluncuran Produk Baru
Peluncuran produk baru perusahaan & konferensi pers media.
🏆
Awarding Night & Gala Dinner
Malam penganugerahan karyawan berprestasi & gala dinner resmi.
💼
Executive Retreat & Director Forum
Forum strategis direksi & rapat kerja pimpinan tingkat tinggi.
🎪
Pameran & Exhibition Perusahaan
Pameran dagang B2B & expo produk perusahaan untuk klien.
Timeline Operasional Hari-H Event Kantor
08.00
Setup Devices & Standby Gate
Staf penerima tamu standby di meja registrasi & menguji scanner QR.
09.00
Presensi Pintu Utama (1.5 Detik)
Karyawan melakukan scan QR e-invitation tanpa antrean di gate.
09.30
Kedatangan VIP & Notifikasi WA
Notifikasi otomatis WhatsApp terkirim ke tim protokol saat Direksi tiba.
10.00
Acara Utama & Dashboard Live
HRD memantau persentase kehadiran karyawan di dashboard live.
14.00
Penutupan & Survei WhatsApp
Link survei kepuasan terkirim otomatis ke WhatsApp seluruh karyawan.
14.30
Export Laporan Excel Eksekutif
Panitia mengunduh rekapitulasi absensi Excel format eksekutif seketika.
Standar Keamanan & Kepatuhan Data Perusahaan
01
Isolasi Tenant
02
Enkripsi SSL
03
Hak Akses Staf
04
Backup Offline
05
Ekspor Laporan
06
Retensi Data
Transformasi Event Manual vs Digital
Sebelum (Manual Kertas)
"Tamu VIP datang tidak terpantau & HR membuang waktu mengetik ulang absensi!"
Kertas daftar hadir memicu antrean di lobby, tamu VIP tidak terdeteksi tim protokol, dan laporan evaluasi butuh berhari-hari.
Sesudah (Platform Digital)
"Scan QR 1.5 detik, notifikasi WA VIP otomatis, dan rekap Excel siap unduh!"
Registrasi multi-gate tersinkronisasi realtime, kedatangan VIP memberi notifikasi ke WA, dan laporan absensi terunduh seketika.
Mengapa Perusahaan Beralih ke Buku Tamu Digital
Proses Operasional Event
Presensi Kertas / Manual
Buku Tamu by einvite.id
Waktu Registrasi Pintu
1 - 2 Menit (cari nama manual)
1.5 Detik (scan QR ticket)
Notifikasi Kedatangan VIP
Manual via HT / sering terlewat
Notifikasi otomatis via WhatsApp
Sinkronisasi Multi-Gate
Pintu terpisah & berisiko duplikat
Sinkronisasi cloud multi-device instan
Survei Kepuasan Karyawan
< 15% (kertas survei diabaikan)
> 90% (survei otomatis WhatsApp)
Rekapitulasi Absensi Excel
Mengetik ulang berjam-jam
Sekali klik ekspor Excel siap pakai
Waktu Registrasi Pintu
❌ Manual Kertas: 1 - 2 Menit (cari nama manual)
✅ einvite.id: 1.5 Detik (scan QR ticket)
Notifikasi Kedatangan VIP
❌ Manual Kertas: Manual via HT / sering terlewat
✅ einvite.id: Notifikasi otomatis via WhatsApp
Sinkronisasi Multi-Gate
❌ Manual Kertas: Pintu terpisah & berisiko duplikat
✅ einvite.id: Sinkronisasi cloud multi-device instan
Survei Kepuasan Karyawan
❌ Manual Kertas: < 15% (kertas survei diabaikan)
✅ einvite.id: > 90% (survei otomatis WhatsApp)
Rekapitulasi Absensi Excel
❌ Manual Kertas: Mengetik ulang berjam-jam
✅ einvite.id: Sekali klik ekspor Excel siap pakai
5.0 / 5.0 Google Reviews
Apa Kata Perusahaan & WO Tentang Kami?
Ulasan pengalaman nyata dari event director, manajer HR, dan corporate event organizer di Google Reviews.
Geser samping untuk melihat 6 ulasan
"Sangat membantu operasional gathering tahunan perusahaan kami (1.200+ karyawan). Multi-gate scanner lancar tanpa antrean, notifikasi WA VIP sangat membantu direksi!"
BS
Bambang Suryo
Corporate Event Director
"Sistem presensi digital paling efisien untuk Town Hall kantor. Data kehadiran real-time langsung bisa diunduh ke Excel begitu acara selesai."
MI
Maya Indriani
Head of HR & Internal Comms
"Very good, excellent ! Understand what customer want and highly friendly attitude. Fitur QR presensi & blast WhatsApp sangat responsif!"
CB
Chandres Brilliant
Corporate Event Organizer
"keren bgttt sukaaakkk sm hasilnyaaa🥰🥰🥰"
MV
Maulidia Varenza
Client Terverifikasi
"High recommended , puas banget dengan hasilnya .. yg paling saya suka .. Fast Respond & sistem registrasi QR nya sangat akurat tanpa kendala!"
ES
Eka Sanjaya
Procurement Manager
"Respon & kualitas profesional. Notifikasi VIP di WhatsApp membantu tim sekretariat menyambut jajaran direksi dengan sangat cepat 👍🙏"
RK
Remmy Kusnadi
Executive Assistant
Pilihan Paket Skala Event Perusahaan
Semua paket dilengkapi sistem registrasi QR Code, notifikasi VIP, & rekap Excel.
Office Gathering
~100 Pax
Cocok untuk gathering divisi & rapat kerja internal. Pendaftaran cepat & rekap kehadiran instan.
Konsultasi Paket
Corporate Gala
~300 Pax
Paket terpopuler event perusahaan. Lengkap dengan notifikasi WA VIP, survei & support multi-gate.
Konsultasi Event
Enterprise Convention
1000+ Pax
Untuk ulang tahun perusahaan akbar & RUPS. Sync multi-gate tanpa batas & garansi SLA.
Konsultasi Enterprise
Pertanyaan Sering Diajukan FAQ Event Perusahaan
Apakah sistem ini mendukung registrasi multi-gate (banyak pintu)?
Ya, sistem kami mendukung sinkronisasi multi-gate di puluhan perangkat scanner secara bersamaan tanpa risiko data ganda.
Apakah ada notifikasi kedatangan tamu VIP via WhatsApp?
Ya, begitu tamu VIP melakukan scan QR Code, notifikasi otomatis terkirim langsung ke WhatsApp tim protokol atau panitia.
Apakah data perusahaan aman dan terisolasi?
Ya, kami menerapkan enkripsi data, isolasi tenant ketat, dan kontrol retensi data otomatis demi kepatuhan privasi perusahaan.
Apakah rekap kehadiran dapat diekspor langsung ke Excel?
Ya, rekapitulasi data kehadiran lengkap dengan jam masuk, kategori tamu, dan posisi meja dapat diunduh dalam 1 kali klik.
Apakah bisa mengirimkan link survei / feedback pasca event?
Ya, link survei kepuasan peserta (feedback) dapat terkirim otomatis ke WhatsApp seluruh karyawan pasca acara.
Bagaimana jika koneksi internet di venue kurang stabil?
Aplikasi scanner kami dilengkapi local offline cache yang tetap mencatat presensi dan mensinkronkan otomatis saat online kembali.
Masuk
