.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));
}
}
Streamline Visitor Registration, QR Check-In & Exhibition Analytics
From pre-registration to real-time visitor traffic reports and lead databases, power your entire trade show & exhibition operations rapidly, accurately, and professionally.
1.5 Sec
Visitor Check-In
Capacity & Exhibition Scale
Real-time
Traffic Analytics
Timeline & Workflow Exhibition Journey
End-to-end operational pipeline for trade shows, consumer expos, and B2B fairs.
60 Days Prior
1. Pre-Registration
Visitors pre-register online, selecting target industry categories and job titles.
14 Days Prior
2. Visitor QR Pass
Automated WhatsApp & email distribution of digital entrance QR passes.
Opening Day
3. Visitor Check-In
Rapid entrance scanning (1.5s/visitor) via self-service kiosks or reception staff.
Event Days
4. Traffic Analytics
Live tracking of hourly visitor volume, peak gate traffic, and hall density.
Event Days
5. Booth Lead Capture (Coming Soon)
Organizers & exhibitors collect verified buyer profiles and engagement data (Upcoming feature).
Post Event
6. Executive Report
1-click export of complete visitor demographic reports & sponsor pitch decks.
Exhibition Operational Challenges We Solve
From long registration queues to scattered exhibitor leads, we streamline your entire visitor lifecycle.
❌ Long entrance registration queues
✅ Self-service QR check-in & kiosk mode in 1.5 seconds
❌ Zero visibility on hourly visitor counts
✅ Real-time live traffic dashboard & peak hour heatmaps
❌ Incomplete or unverified visitor profiles
✅ Custom pre-registration forms (company, industry, job title)
❌ Exhibitor leads lost or scattered in paper notes
✅ Centralized structured Excel database export per booth category
❌ Gates crowded without staff noticing
✅ Multi-gate live sync & gate traffic balance metrics
❌ Sponsors requesting post-event visitor proof
✅ Instant 1-click formatted Excel executive summary report
Who Uses Our Exhibition Platform?
🏬
PEOs (Exhibition Organizers)
Professional Exhibition Organizers managing large-scale public & trade expos.
💼
Trade Show & B2B Organizers
Organizers connecting buyers with industrial manufacturers & B2B exhibitors.
🏛️
Convention Centers & Venues
Venue managers controlling visitor capacity and entry gate flow.
🛍️
Mall & Retail Event Teams
Event managers hosting consumer expos, fashion, & food fairs.
🌐
Industry & Trade Associations
Associations organizing national trade expos and buyer conventions.
🌾
Government & Tourism Expos
Government ministries running regional expos and investment summits.
Special Features Exhibition Operations
⚡
Self-Service Visitor Registration
Allow visitors to register online before the event and receive instant WhatsApp QR passes.
🚪
Multi-Gate Traffic Control
Synchronize entrance scanners across all doors to prevent duplicate passes.
🖥️
Kiosk Scan & Check-In Mode
Deploy tablet kiosks for rapid self-service scanning without extra staffing.
📝
Custom Pre-Registration Form
Collect custom data fields like company name, industry sector, and job titles.
📊
Real-Time Live Traffic Analytics
Monitor hourly visitor volume, peak traffic times, and gate scanner speeds.
📂
Visitor Database & Lead Export
Download structured Excel exports of all verified visitor profiles in 1-click.
Exhibition Event Types We Support
🏭
Trade Shows & B2B Expos
B2B industrial exhibitions, manufacturing summits, and supplier expos.
🏢
Property & Real Estate Expos
Housing fairs and commercial property exhibitions with high buyer traffic.
🚗
Automotive & Tech Expos
Car, motor, and technology launch exhibitions with multi-day access.
🎓
Education & Campus Fairs
University admission expos and student recruitment fairs.
✈️
Travel & Tourism Fairs
Tourism board exhibitions, airline travel fairs, and holiday expos.
👔
Job & Career Fairs
Career expos matching thousands of job seekers with corporate recruiters.
Operational Timeline Exhibition Event Day
07.00
Registration Kiosk & Gate Setup
PEO team activates QR scanners & connects tablet self-service kiosks.
08.00
VIP & Media Preview Check-In
VIP guests & journalists check in rapidly with special badge passes.
09.00
Public Entrance Opening
Thousands of pre-registered visitors scan QR passes in 1.5s per gate.
12.00
Peak Hour Traffic Monitoring
Dashboard monitors hall capacity & directs crowd traffic evenly.
15.00
Live Category Analytics
Organizers review visitor demographics & industry category trends.
17.00
Closing & Lead Data Export
Exhibitors and organizers download complete verified lead reports.
End-to-End Flow The Visitor Journey
How visitors experience your exhibition from pre-registration to booth interaction.
Step 1
Online Registration
Visitor fills online form & receives WhatsApp QR Pass.
Step 2
Rapid Entrance Scan
Scans QR at kiosk or entrance door in 1.5 seconds.
Step 3
Hall & Booth Access
Visitor explores exhibition halls & interacts with booths.
Step 4
Lead Capture (Coming Soon)
Exhibitors capture verified buyer profiles digitally (Upcoming feature).
Step 5
Instant Feedback
Automated WhatsApp survey sent after hall exit.
Step 6
Centralized Intelligence
Complete visitor analytics compiled in dashboard.
Business Intelligence Visitor Traffic Analytics
Turn raw attendance data into actionable insights for PEOs, sponsors, and exhibitors.
📈
Total & Hourly Breakdown
Track exact visitor numbers per hour to optimize staff allocation & security.
🏢
Industry Demographics
Filter visitors by industry sector, company scale, and professional job title.
🗺️
Gate Traffic Heatmap
Identify congestion bottlenecks across 5+ entrance gates in real time.
Exhibition Transformation Manual vs Digital
Before (Manual Registration)
"Visitor queues are blocking the main hall entrance!"
Slow paper registration, unverified visitor info, manual headcount with clickers, and leads lost in spreadsheets.
After (Digital Platform)
"50,000 visitors checked in smoothly with zero queue bottlenecks!"
Rapid QR scanning (1.5s), pre-verified visitor profiles, live multi-gate traffic analytics, and 1-click Excel lead export.
Why PEOs Switch to Digital Exhibition Platform
Exhibition Operational Aspect
Paper / Manual Process
Buku Tamu by einvite.id
Visitor Check-In Speed
2 - 3 Minutes per visitor
Under 1.5 Seconds (Rapid QR)
Visitor Profile Accuracy
Hard to read handwriting
100% Pre-Verified Digital Data
Crowd Flow & Gate Monitoring
Manual clickers after event
Real-Time Live Dashboard & Heatmap
Exhibitor Lead Consolidation
Days of manual data entry
1-Click Instant Excel Export
Visitor Check-In Speed
❌ Manual: 2 - 3 Minutes per visitor
✅ einvite.id: Under 1.5 Seconds
Crowd Flow & Gate Monitoring
❌ Manual: Manual clickers after event
✅ einvite.id: Real-Time Live Dashboard
5.0 / 5.0 Google Reviews
What Exhibition Organizers & Clients Say About Us?
Real experience reviews from event directors and exhibition organizers on Google Reviews.
Swipe horizontal to view all 6 reviews
"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
Verified Client
"Desain n animasinya Digital Invitation ny cakeppp.... Fitur melimpah, ga ribet lagi. Harga bersahabat... Admin fast respon banget!"
AL
Aldi Lukito
Verified Client
"Very good, excelent ! Understand what customer want and highly friendly attitude. Thanks Julian-einvite.id"
CB
Chandres Brilliant
Verified Client
Package Options Exhibition Scale
All packages include QR Code registration, multi-gate sync, and Excel report export.
Trade Fair
~500 Visitors
Ideal for boutique trade shows & niche B2B fairs. Includes fast QR scan & basic lead export.
Consult Trade Fair
B2B Expo
~2.000 Visitors
Our most popular package for regional expos. Includes 3-gate sync, kiosk mode & WA blast.
Consult B2B Expo
Mega Exhibition
10.000+ Visitors
Large-scale multi-gate solution with live traffic analytics & PEO staff support.
Consult Mega Expo
Frequently Asked Questions Exhibition FAQ
Can visitors register before the event day (Pre-registration)?
Yes. Online pre-registration forms can be embedded or shared via WhatsApp/social media. Visitors receive a personalized QR Pass instantly.
Does a single QR Pass work for multi-day exhibition entry?
Yes! The QR Pass supports multi-day re-entry with timestamp logging for each day of the expo.
Does the system support self-service kiosk mode?
Absolutely. Kiosk scan mode allows visitors to scan their QR Pass or self-register on iPad/tablets without staff intervention.
Can visitor data be filtered by industry sector or job title?
Yes. Pre-registration forms allow custom fields (company name, industry, job title), which can be filtered and exported in 1-click.
Are traffic analytics reports available per gate/entrance?
Yes! Real-time executive dashboards display entry counts, peak hours, and scanner speed broken down by individual entrance gate.
Does the platform support paid B2B tickets or VIP badges?
Yes, our platform seamlessly handles VIP badge tiers, trade visitor passes, and custom attendee category access.
Sign in
