.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));
}
}
Kelola Registrasi Pengunjung, QR Check-In & Analitik Pameran
Dari pre-registration hingga laporan trafik pengunjung dan database lead, seluruh operasional pameran berjalan lebih cepat, terukur, dan profesional.
1.5 Detik
Presensi Visitor
Kapasitas & Skala Event Pameran
50.000+
Kapasitas Visitor
100+
Jumlah Stand / Booth
Real-time
Analitik Trafik
Timeline & Alur Project Pameran
Alur operasional terstruktur dari pendaftaran pengunjung hingga laporan analitik pasca expo.
60 Hari Sebelum
1. Pre-Registration
Pengunjung mendaftar online awal, mengisi profil perusahaan & kategori industri.
14 Hari Sebelum
2. E-Pass QR Code
Pengiriman QR Pass unik secara otomatis ke WhatsApp & email pengunjung.
Hari Pembukaan
3. Check-In Gate
Scan QR di pintu masuk gate (1.5 detik per visitor) via kiosk / staf scanner.
Selama Expo
4. Analitik Trafik
Pemantauan jam sibuk trafik visitor, kepadatan hall, & performa tiap gate.
Selama Expo
5. Booth Lead Capture (Segera Hadir)
Penyelenggara & exhibitor mengumpulkan database buyer & prospect terverifikasi (Fitur segera hadir).
Pasca Acara
6. Laporan Akhir
Ekspor 1-klik rekapitulasi data demografis visitor siap pakai untuk sponsor.
Tantangan Operasional Pameran yang Kami Selesaikan
Dari antrean registrasi yang mengular hingga lead exhibitor yang tercecer, kami menyederhanakan operasional pameran Anda.
❌ Antrean registrasi visitor mengular di pintu entrance
✅ Check-in mandiri QR Code & mode kiosk kilat 1.5 detik per visitor
❌ Sulit mengetahui jumlah pengunjung per jam secara akurat
✅ Dashboard trafik live real-time & grafik pemantauan jam antrean puncak
❌ Data visitor tidak lengkap atau asal-asalan
✅ Form pre-registration kustom lengkap dengan verifikasi nomor & industri
❌ Lead exhibitor tercecer di lembaran kertas
✅ Ekspor database terstruktur rapi per kategori booth & exhibitor
❌ Gate tertentu penumpukan tanpa diketahui panitia
✅ Monitoring live per-gate dengan sinkronisasi cloud multi-scanner
❌ Sponsor & PEO kesulitan rekap data laporan akhir
✅ Laporan rekapitulasi Excel 1-klik siap dibagikan ke sponsor & PEO
Siapa yang Menggunakan Buku Tamu Digital Pameran?
🏬
PEO (Exhibition Organizer)
PEO profesional yang mengelola alur registrasi puluhan ribu pengunjung pameran.
💼
Penyelenggara B2B Trade Show
Penyelenggara pameran dagang B2B yang membutuhkan pendataan buyer terverifikasi.
🏛️
Pengelola Venue & Convention Center
Manajemen venue pameran yang memantau kapasitas hall & aliran pintu masuk.
🛍️
Penyelenggara Event Mall & Retail
Tim event pusat perbelanjaan yang menggelar bazaar, expo kuliner, & fashion.
🌐
Asosiasi Industri & Kamar Dagang
Asosiasi industri yang menyelenggarakan pameran tahunan & forum bisnis.
🌾
Instansi Pemerintah & Pariwisata
Kementerian & dinas yang menggelar pameran UMKM, pariwisata, & expo daerah.
Fitur Spesial Operasional Pameran
⚡
Registrasi Visitor Mandiri (Pre-Reg)
Formulir online cepat untuk mendata pengunjung sebelum hari pameran tiba.
🚪
Presensi Multi-Gate Sync Realtime
Hubungkan scanner pendaftaran di seluruh pintu masuk tanpa risiko data ganda.
🖥️
Self-Service Kiosk Scan Mode
Mode kiosk tablet untuk scan mandiri visitor tanpa memerlukan banyak staf penunggu.
📝
Custom Form Lead Capture
Sesuaikan kolom formulir untuk mengumpulkan data nama perusahaan, industri, & jabatan.
📊
Dashboard Analitik Trafik Live
Pantau volume pengunjung per jam, waktu antrean puncak, & statistik tiap gate secara live.
📂
Ekspor Database Visitor Ready
Unduh rekapitulasi data pengunjung & lead terverifikasi ke format Excel siap pakai.
Jenis Event Pameran yang Didukung
🏭
Trade Show & B2B Expo
Pameran industri B2B & perdagangan skala besar dengan kualifikasi buyer.
🏢
Property & Real Estate Expo
Pameran perumahan, apartemen, & properti komersial.
🚗
Automotive & Tech Fair
Pameran otomotif, gadget, & inovasi teknologi masa kini.
🎓
Education & Campus Fair
Pameran pendidikan, beasiswa, & pendaftaran universitas.
✈️
Travel & Tourism Fair
Pameran wisata, tiket pesawat, & festival destinasi pariwisata.
👔
Job & Career Fair
Bursa kerja & recruitment fair berskala nasional.
Alur Operasional Hari-H Pameran (Timeline)
07.00
Setup Kiosk & Pintu Entrance Gate
Tim PEO mengaktifkan scanner QR & menghubungkan kiosk tablet pendaftaran.
08.00
Check-In VIP & Media Preview
Tamu VIP & jurnalis melakukan scan cepat dengan badge khusus preview.
09.00
Pembukaan Entrance Umum
Ribuan visitor pre-reg memindai QR Pass (1.5 detik) tanpa terjadi antrean.
12.00
Monitoring Traffic Jam Puncak
Dashboard memantau volume pengunjung jam puncak & menyeimbangkan gate.
15.00
Analitik Kategori Live
Panitia meninjau statistik demografi industri & asal perusahaan visitor.
17.00
Penutupan Gate & Ekspor Data Lead
Penyelenggara & exhibitor mengunduh rekapitulasi data lead pengunjung.
Alur Pengunjung Visitor Journey Experience
Pengalaman pengunjung yang lancar dari pendaftaran awal hingga kunjungan ke booth exhibitor.
Step 1
Pre-Registration Online
Visitor mengisi form online & menerima QR Pass via WhatsApp.
Step 2
Scan Gate 1.5 Detik
Memindai QR Pass di kiosk / pintu gate tanpa mengantre.
Step 3
Eksplorasi Booth Hall
Pengunjung mengunjungi booth exhibitor & mengamati produk.
Step 4
Pencatatan Lead Digital (Segera Hadir)
Exhibitor mendata profil buyer terverifikasi secara digital (Fitur segera hadir).
Step 5
Feedback Survey WhatsApp
Survei kepuasan terkirim otomatis ke WhatsApp visitor.
Step 6
Database Lead Terstruktur
Analitik data visitor terkumpul rapi di dashboard PEO.
Analitik Bisnis Visitor Traffic & Insights
Ubah data kehadiran visitor menjadi analitik berharga untuk sponsor & exhibitor.
📈
Volume Visitor Per Jam
Pantau jumlah visitor per jam untuk optimalisasi penempatan staf & keamanan.
🏢
Demografi Industri & Perusahaan
Filter profil pengunjung berdasarkan kategori sektor industri, skala bisnis, & jabatan.
🗺️
Heatmap Traffic Pintu Gate
Ketahui pintu mana yang mengalami antrean paling padat secara real-time.
Transformasi Event Manual vs Digital
Sebelum (Manual Kertas)
"Antrean visitor mengular sampai menutup pintu utama hall pameran!"
Registrasi kertas lambat, data visitor tidak terverifikasi, hitung jumlah visitor manual dengan clicker, dan lead exhibitor tercecer.
Sesudah (Buku Tamu Digital)
"50.000 Visitor check-in lancar 1.5 detik tanpa ada antrean di pintu masuk!"
Scan QR kilat 1.5 detik, profil visitor terverifikasi awal, analitik trafik gate live, dan 1-klik ekspor rekap lead ke Excel.
Mengapa Penyelenggara Expo Beralih ke Buku Tamu Digital
Aspek Operasional Pameran
Kertas / Registrasi Manual
Buku Tamu by einvite.id
Kecepatan Check-In Visitor
2 - 3 Menit per visitor
Kurang dari 1.5 Detik (Rapid QR)
Akurasi Profil Pengunjung
Tulisan tangan sulit dibaca
100% Digital Terverifikasi awal
Monitoring Trafik Pintu Gate
Hitung manual pasca acara
Dashboard Live Real-time & Heatmap
Rekapitulasi Lead Exhibitor
Menunggu rekap berhari-hari
Ekspor Excel 1-Klik Siap Pakai
Kecepatan Check-In Visitor
❌ Manual: 2 - 3 Menit per visitor
✅ einvite.id: Kurang dari 1.5 Detik
Monitoring Trafik Pintu Gate
❌ Manual: Hitung manual pasca acara
✅ einvite.id: Dashboard Live Real-time
5.0 / 5.0 Google Reviews
Apa Kata Penyelenggara Expo & Client Tentang Kami?
Ulasan pengalaman nyata dari penyelenggara pameran dan event organizer di Google Reviews.
Geser samping untuk melihat 6 ulasan
"We absolutely love the page for our soft opening! It’s gorgeous, super easy to use, and really shows off our brand’s personality."
TV
Teguh Febbyan Valentino
Local Guide & Client
"terima kasih banyak einvite sudah membantu pembuatan undangan untuk acara ulang tahun atasan saya. terutama Kak Julian... pengerjaan cepat dan sangat profesional!"
N
Nina
Local Guide & Client
"Respon & kualitas profesional. Banyak terima kasih & salam sukses selalu 👍🙏"
RK
Remmy Kusnadi
Local Guide & Client
"kereen banget undangan nya.. proses nya cuma 1 hari dan hasilnya wow banget. makasih banyak"
VO
Virna Olivia
Client Terverifikasi
"Desain n animasinya Digital Invitation ny cakeppp.... Fitur melimpah, ga ribet lagi. Harga bersahabat... Admin fast respon banget!"
AL
Aldi Lukito
Client Terverifikasi
"Very good, excelent ! Understand what customer want and highly friendly attitude. Thanks Julian-einvite.id"
CB
Chandres Brilliant
Client Terverifikasi
Pilihan Paket Berdasarkan Skala Pameran
Semua paket dilengkapi sistem registrasi QR Code, sinkronisasi multi-gate & ekspor rekap Excel.
Trade Fair
~500 Visitor
Cocok untuk pameran privat & bazaar terpilih. Pendaftaran cepat & ekspor rekap sederhana.
Konsultasi Trade Fair
B2B Expo
~2.000 Visitor
Paket terpopuler untuk pameran regional. Lengkap dengan 3 gate sync, mode kiosk & WA blast.
Konsultasi B2B Expo
Mega Exhibition
10.000+ Visitor
Solusi pameran besar multi-gate 5+. Dilengkapi analitik trafik live & pendampingan tim PEO.
Konsultasi Mega Expo
Pertanyaan Sering Diajukan FAQ Pameran
Apakah visitor dapat mendaftar sebelum hari acara (Pre-registration)?
Ya. Form pendaftaran online dapat dibagikan via WhatsApp & media sosial. Visitor langsung menerima QR Pass personal secara otomatis.
Apakah satu QR Pass berlaku untuk beberapa hari pameran (Multi-day)?
Tentu! QR Pass mendukung akses masuk multi-hari dengan pencatatan timestamp kehadiran yang rapi per hari acara.
Apakah sistem mendukung mode kiosk self-service?
Sangat bisa. Mode kiosk memungkinkan pengunjung melakukan scan mandiri di tablet/iPad tanpa memerlukan banyak staf penunggu.
Apakah data visitor dapat difilter berdasarkan industri & jabatan?
Ya. Form registrasi mendukung custom field (perusahaan, industri, jabatan) yang dapat difilter & di-export ke Excel dalam 1-klik.
Apakah laporan traffic pengunjung tersedia per pintu gate?
Ya! Dashboard eksekutif menampilkan statistik trafik real-time, waktu antrean puncak, & volume visitor yang dipecah per pintu gate.
Apakah platform mendukung tiket expo berbayar atau badge VIP?
Ya, sistem kami dapat membedakan kategori visitor B2B, pembeli tiket, serta badge khusus tamu VIP & media.
Masuk
