Infographic: A Guide to Phu Cat Airport (UIH)
Goal: Compare -> Bar Chart -> Justification: Best for direct value comparison, immediately showing the service’s benefit. -> Library: Chart.js (NO SVG).
– VOA Stamping Fees -> Goal: Inform -> Donut Chart -> Justification: Visually engaging way to show simple cost breakdown. -> Library: Chart.js (NO SVG).
– Arrival Processes -> Goal: Organize -> HTML/CSS Flowchart -> Justification: A clear, step-by-step visual guide is easier to follow than text. -> Method: HTML/Tailwind with Unicode icons (NO SVG/Mermaid).
– Trust Metrics (Experience, Guarantee) -> Goal: Inform -> Big Number Callouts -> Justification: High-impact, easily scannable stats to build credibility quickly. -> Method: HTML/Tailwind (NO SVG).
– Transportation Costs -> Goal: Inform -> Styled List/Table -> Justification: Clear and direct presentation for simple reference data. -> Method: HTML/Tailwind (NO SVG).
–>
https://cdn.tailwindcss.com
https://cdn.jsdelivr.net/npm/chart.js
body {
font-family: ‘Inter’, sans-serif;
background-color: #F7F7F7;
color: #333333;
}
.chart-container {
position: relative;
width: 100%;
max-width: 600px;
height: 300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.chart-container {
height: 350px;
}
}
.flowchart-step {
display: flex;
align-items: center;
position: relative;
padding-bottom: 2.5rem;
}
.flowchart-step:not(:last-child)::after {
content: ”;
position: absolute;
left: 1.25rem;
top: 3.5rem;
bottom: 0;
width: 2px;
background-color: #FFB84C;
opacity: 0.5;
}
.flowchart-icon {
width: 2.5rem;
height: 2.5rem;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
z-index: 10;
}
Don’t waste your vacation in a queue. Here’s how to breeze through immigration and start your Binh Dinh adventure in minutes.
Slash Your Wait Time
On average, travelers can wait up to an hour in standard lines. See the difference our Expedited Service makes.
How Will You Arrive?
E-Visa & Visa-Free Visitors
Your process is simple, but queues can still be long.
Visa on Arrival Holders
You have an extra, crucial step before the main immigration line.
!
FIRST: Visa Landing Counter
3
Collect Baggage & Clear Customs
The Visa on Arrival Challenge
Stamping Fee Breakdown
Remember: This must be paid in USD or VND cash. No cards or ATMs are available in the immigration area.
Your Essential VOA Checklist
- ✅
Printed Visa Approval Letter: Absolutely mandatory.
- ✅
Completed NA1 Form: Fill it out beforehand.
- ✅
One 4x6cm Photo: Recent, white background.
- ✅
Cash for Stamping Fee: No exceptions!
Forgot something? Our service solves these problems on the spot.
Our Expedited Service: 3 Simple Steps
✈️
Meet & Greet
Our agent greets you right as you enter the terminal building.
⚡️
Priority Lane Escort
We take your documents and escort you past the main queues to the priority immigration lane.
🛄
Baggage & Exit
After your swift entry stamp, we assist with baggage claim and guide you to your transport.
document.addEventListener(‘DOMContentLoaded’, () => {
const chartTooltipConfig = {
plugins: {
tooltip: {
backgroundColor: ‘#333333’,
titleFont: { size: 16, weight: ‘bold’ },
bodyFont: { size: 14 },
padding: 12,
cornerRadius: 8,
displayColors: false,
callbacks: {
title: function(tooltipItems) {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(‘ ‘);
}
return label;
}
}
},
legend: {
labels: {
font: {
size: 14,
family: “‘Inter’, sans-serif”
}
}
}
}
};
// Time Saved Chart
const timeSavedCtx = document.getElementById(‘timeSavedChart’).getContext(‘2d’);
new Chart(timeSavedCtx, {
type: ‘bar’,
data: {
labels: [‘Standard Wait Time’, ‘Expedited Service’],
datasets: [{
label: ‘Minutes’,
data: [60, 5],
backgroundColor: [‘#FFB84C’, ‘#08BDBA’],
borderRadius: 8,
maxBarThickness: 80
}]
},
options: {
…chartTooltipConfig,
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: ‘Estimated Time in Minutes’,
font: { size: 14 }
}
}
},
plugins: {
…chartTooltipConfig.plugins,
legend: { display: false }
}
}
});
// VOA Fee Chart
const voaFeeCtx = document.getElementById(‘voaFeeChart’).getContext(‘2d’);
new Chart(voaFeeCtx, {
type: ‘doughnut’,
data: {
labels: [‘Single-Entry ($25)’, ‘Multi-Entry ($50)’],
datasets: [{
data: [25, 50],
backgroundColor: [‘#FF7A5A’, ‘#FFB84C’],
borderColor: ‘#FFFFFF’,
borderWidth: 4,
hoverOffset: 8
}]
},
options: {
…chartTooltipConfig,
responsive: true,
maintainAspectRatio: false,
plugins: {
…chartTooltipConfig.plugins,
legend: {
position: ‘bottom’,
}
}
}
});
});