Interactive Arrival Dashboard: Van Don (VDO) Airport
https://cdn.tailwindcss.com
https://cdn.jsdelivr.net/npm/chart.js
Goal: Inform, Compare. -> Viz/Method: A vertical, animated step-by-step timeline within the main content panel. -> Interaction: Toggled via the main sidebar controls. -> Justification: The vertical flow with subtle animations feels more like a guided progression and is visually cleaner within the dashboard layout compared to a horizontal timeline. -> Library/Method: Vanilla JS + Tailwind.
– Report Info: VOA fees. -> Goal: Inform, Compare. -> Viz/Method: Bar Chart. -> Interaction: Static chart, appears within the VOA process flow. -> Justification: A chart remains the quickest way to compare the two fee structures. -> Library/Method: Chart.js.
– Report Info: Service Benefits. -> Goal: Persuade. -> Viz/Method: Modernized info cards with refined icons and hover effects. -> Interaction: Loaded into the main content panel via sidebar navigation. -> Justification: Scannable, visually appealing, and keeps the user’s focus on one topic at a time. -> Library/Method: HTML/Tailwind.
– Report Info: Trust Signals & Booking. -> Goal: Persuade, Build Trust, Convert. -> Viz/Method: Combined “Book with Confidence” section with clear trust metrics and a prominent CTA. -> Interaction: Loaded via sidebar. -> Justification: Consolidates trust and action into a single, powerful concluding step in the user journey. -> Library/Method: HTML/Tailwind.
–>
body { font-family: ‘Inter’, sans-serif; background-color: #f8fafc; }
.sidebar-link.active {
background-color: #0d9488;
color: white;
}
.sidebar-link {
transition: all 0.2s ease-in-out;
}
.content-pane {
display: none;
animation: fadeIn 0.5s ease-in-out;
}
.content-pane.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.step-connector::after {
content: ”;
position: absolute;
left: 1.25rem;
top: 2.5rem;
bottom: -2rem;
width: 2px;
background-color: #e5e7eb;
z-index: -1;
}
.chart-container {
position: relative;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
height: 250px;
max-height: 300px;
}
#mobile-sidebar {
transition: transform 0.3s ease-in-out;
}
E-Visa / Visa-Free Arrival
Your streamlined, step-by-step guide from plane to exit.
1
Immigration Checkpoint
After disembarking, head to the “Foreign Passport” lanes. Have your passport and printed E-Visa ready for the immigration officer.
2
Baggage Claim
Once your passport is stamped, proceed to the baggage hall. Find your flight on the monitors to locate the correct luggage carousel.
3
Customs Check
With your bags, head to customs. If you have no goods to declare, you can proceed through the Green Channel.
4
Exit & Welcome!
You’re officially in Vietnam! The arrivals hall has transport options, ATMs, and currency exchange.
The Potential Hurdle: Long Queues
The main delay is often at the Immigration Checkpoint. Our service escorts you through a priority lane, saving you valuable time.
Visa on Arrival (VOA) Process
This process involves an extra first step. Follow this guide carefully.
1
Landing Visa Counter
This is your first and most important stop. Before the main immigration hall, find the “Visa on Arrival” counter to get your visa sticker.
2
Immigration Checkpoint
With the visa sticker in your passport, you can now proceed to the main “Foreign Passport” queue to be stamped into the country.
3
Baggage Claim & Customs
Collect your bags and proceed through the appropriate customs channel (Green or Red).
4
Exit & Welcome!
Congratulations! Exit to the main arrivals hall to begin your adventure.
The Potential Hurdles: Two Queues & Paperwork
VOA travelers face lines at both the visa counter and immigration. You must have your Approval Letter, NA1 form, photo, and exact cash fee ready.
Our service handles all VOA paperwork and fees for you, guiding you through every priority lane.
Benefits of Our Service
Start your trip the right way: with speed, ease, and comfort.
✨
Save Precious Time
Your vacation time is valuable. Turn hours of queuing into minutes and start enjoying Vietnam sooner.
😌
Eliminate Arrival Stress
Avoid confusion over paperwork, queues, and procedures. We make the process seamless and worry-free.
👨👩👧👦
Perfect for Everyone
Especially helpful for families with children, elderly travelers, and business professionals on a tight schedule.
🌟
A True VIP Welcome
Being personally greeted and escorted through the airport provides a comfortable and premium start to your trip.
How The Expedited Service Works
A simple, 3-step process for a seamless arrival experience.
1.
We Greet You
Our representative will be waiting for you as you enter the immigration hall, holding a sign with your name on it.
2.
We Handle Everything
We collect your passport and any necessary documents. For VOA clients, we handle the entire stamping process. You can relax while we manage the paperwork and queues.
3.
You Get Fast-Tracked
We escort you through the dedicated priority lane at immigration for a swift, final stamp before you head to baggage claim.
Traveler’s Preparation Guide
A few key things to check for a smooth journey.
Pre-Arrival Checklist
- Passport Validity: Ensure it’s valid for 6+ months from your exit date.
- Visa Documents: Print your E-Visa or VOA Approval Letter.
- Accommodation Info: Have your first hotel’s address ready.
- ‘Entry Pouch’: Keep passport, visa, spare photo, and USD cash together.
About Van Don (VDO) Airport
- Location: Van Don District, approx. 60-90 min drive to Ha Long City.
- Facilities: Modern terminal with free WiFi, ATMs, and food options.
- Transport: Taxis, shuttle buses (book ahead recommended).
Key Customs Regulations
- Currency: Declare cash over US$5,000.
- Duty-Free: Limits apply to alcohol (1.5L spirits) and tobacco (200 cigarettes).
- Prohibited: No narcotics, weapons, or anti-government materials.
document.addEventListener(‘DOMContentLoaded’, function () {
const sidebarLinks = document.querySelectorAll(‘.sidebar-link’);
const contentPanes = document.querySelectorAll(‘.content-pane’);
const mobileSidebar = document.getElementById(‘mobile-sidebar’);
const hamburgerBtn = document.getElementById(‘hamburger-btn’);
const closeSidebarBtn = document.getElementById(‘close-sidebar-btn’);
const mainContent = document.getElementById(‘main-content’);
let voaChart = null;
function showContent(sectionId) {
contentPanes.forEach(pane => {
pane.classList.toggle(‘active’, pane.id === sectionId);
});
sidebarLinks.forEach(link => {
link.classList.toggle(‘active’, link.dataset.section === sectionId);
});
if (sectionId === ‘voa-process’ && !voaChart) {
renderVoaFeeChart();
}
}
function openSidebar() {
mobileSidebar.classList.remove(‘-translate-x-full’);
}
function closeSidebar() {
mobileSidebar.classList.add(‘-translate-x-full’);
}
hamburgerBtn.addEventListener(‘click’, openSidebar);
closeSidebarBtn.addEventListener(‘click’, closeSidebar);
mobileSidebar.addEventListener(‘click’, (e) => {
if(e.target === mobileSidebar) {
closeSidebar();
}
});
sidebarLinks.forEach(link => {
link.addEventListener(‘click’, (e) => {
e.preventDefault();
const sectionId = link.dataset.section;
showContent(sectionId);
// On mobile, close sidebar and scroll to content
if (window.innerWidth {
mainContent.scrollIntoView({ behavior: ‘smooth’ });
}, 300); // Wait for sidebar to close
} else {
window.scrollTo({ top: 0, behavior: ‘smooth’ });
}
});
});
function renderVoaFeeChart() {
if (document.getElementById(‘voaFeeChart’)) {
const ctx = document.getElementById(‘voaFeeChart’).getContext(‘2d’);
voaChart = new Chart(ctx, {
type: ‘bar’,
data: {
labels: [‘Single Entry’, ‘Multiple Entry’],
datasets: [{
label: ‘Stamping Fee (USD)’,
data: [25, 50],
backgroundColor: [
‘rgba(34, 197, 94, 0.6)’, // green-500
‘rgba(249, 115, 22, 0.6)’ // orange-500
],
borderColor: [
‘rgba(34, 197, 94, 1)’,
‘rgba(249, 115, 22, 1)’
],
borderWidth: 1,
borderRadius: 4,
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: { display: false },
title: {
display: true,
text: ‘VOA Stamping Fees (Cash Only)’,
font: { weight: ‘bold’ }
}
},
scales: {
y: {
beginAtZero: true,
ticks: { callback: value => ‘$’ + value }
}
}
}
});
}
}
// Initialize with the first link active
showContent(‘evisa-process’);
});
vietnamvisado.com 