Quy Nhon Airport (UIH) Arrival Infographic – New Design https://cdn.tailwindcss.com https://cdn.jsdelivr.net/npm/chart.js “Big Number” Cards: For scannability and immediate information recall. Goal: Inform. Method: HTML/CSS. – Arrival Process -> Dynamic Vertical Timeline: A single, interactive element that changes based on user input. This is superior for comparing two similar processes as it highlights the differences within the same structure. Goal: Organize & Compare. Method: JS-driven HTML/CSS. – Time Saved -> Horizontal Bar Chart: Clearly visualizes the quantitative benefit of the service. Goal: Compare. Library: Chart.js. – Checklists & Benefits -> Icon-driven Cards: Breaks down text-heavy information into easily digestible visual chunks. Goal: Inform. Method: HTML/CSS with Unicode icons. –> body { font-family: ‘Inter’, sans-serif; background-color: #f0f7ff; /* Light Blue Background */ } .section-card { background-color: white; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border: 1px solid #e2e8f0; } .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 350px; max-height: 400px; } h2 { color: #1E3A8A; /* Dark Blue */ font-weight: 800; font-size: 1.875rem; line-height: 2.25rem; text-align: center; margin-bottom: 1rem; } h3 { color: #1E3A8A; font-weight: 700; font-size: 1.25rem; line-height: 1.75rem; } .accent-text { color: #3B82F6; /* Bright Blue */ } /* Toggle Switch */ .toggle-bg { background-color: #DBEAFE; } /* Blue 100 */ .toggle-dot { transform: translateX(0%); } input:checked ~ .toggle-dot { transform: translateX(100%); } input:checked ~ .toggle-bg { background-color: #93C5FD; } /* Blue 300 */ /* Timeline */ .timeline-container { position: relative; padding: 2rem 0; } .timeline-line { position: absolute; left: 50%; transform: translateX(-50%); width: 4px; height: 100%; background-color: #BFDBFE; /* Blue 200 */ } .timeline-item { position: relative; width: 100%; } .timeline-content { width: calc(50% – 2rem); background: white; border: 2px solid #BFDBFE; padding: 1rem; border-radius: 0.5rem; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .timeline-item:nth-child(odd) .timeline-content { float: left; text-align: right; } .timeline-item:nth-child(even) .timeline-content { float: right; text-align: left; } .timeline-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3rem; height: 3rem; border-radius: 50%; background-color: #3B82F6; /* Bright Blue */ color: white; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.25rem; border: 4px solid #f0f7ff; } .timeline-item::after { content: ”; display: block; clear: both; }

A Smarter Way to Arrive in Quy Nhon

Your visual guide to a seamless entry at Phu Cat Airport (UIH). Understand the process, skip the lines, and begin your vacation without delay.

Your Personalized Arrival Journey

Select your visa type to see your step-by-step arrival path.

E-Visa / Visa-Free
Visa on Arrival

Need a Vietnam Visa?

Don’t let paperwork delay your trip. Apply through an expert for a hassle-free process with a simple application form, fast turnaround, and a 100% success rate or your money back.

Apply for Your Visa Now

Why Fast Track? The Difference is Clear.

Long queues are the most common travel frustration. Our Fast Track service is the simple, effective solution to bypass this delay and start your trip with a premium experience.

  • โœ“

    Save Precious Vacation Time

    Breeze through a dedicated priority lane in minutes, not hours.

  • โœ“

    Eliminate Arrival Stress

    Our agent handles all procedures, so you can relax after your flight.

  • โœ“

    Enjoy a VIP Welcome

    A personal escort from the gate is the perfect start to any trip.

Your Pre-Flight Preparation Checklist

๐Ÿ“„All Travelers

  • Passport (6+ months validity)
  • 2+ blank passport pages
  • Hotel address for first night

โœˆ๏ธVisa-Free Travelers

  • Proof of onward travel

๐Ÿ’ตVOA Holders

  • Printed VOA Letter
  • Completed NA1 Form
  • 2 Passport Photos (4x6cm)
  • Cash for Stamping Fee

Customs Regulations Quick-Guide

๐Ÿ›„Duty-Free

  • 1.5L Spirits (>20%)
  • 2.0L Spirits (<20%)
  • 200 Cigarettes

๐Ÿ’ฐCurrency

  • Declare over $5,000 USD
  • Declare over 15M VND

๐ŸšซProhibited

  • Narcotics
  • Weapons
  • Pornography

Ready for a Seamless Arrival?

Book with confidence. Our service is backed by years of experience and trusted by thousands of travelers.

Book Your Fast Track Service Now

Or check out verified customer reviews on Sitejabber.

document.addEventListener(‘DOMContentLoaded’, () => { const toggle = document.getElementById(‘traveler-toggle’); const labelEvisa = document.getElementById(‘label-evisa’); const labelVoa = document.getElementById(‘label-voa’); const timelineContainer = document.getElementById(‘timeline-content-area’); const timelineData = { evisa: [ { icon: ‘1’, title: ‘Immigration Checkpoint’, text: ‘Present your passport and printed E-Visa or visa-free credentials.’ }, { icon: ‘2’, title: ‘Baggage Claim’, text: ‘Collect your checked luggage from the carousel.’ }, { icon: ‘3’, title: ‘Customs Check’, text: ‘Pass your bags through the final X-ray screening.’ }, { icon: ‘๐ŸŽ‰’, title: ‘Welcome to Vietnam!’, text: ‘You have officially arrived. Proceed to the exit.’ }, ], voa: [ { icon: ‘1’, title: ‘Visa on Arrival Counter’, text: ‘Submit your VOA letter, NA1 form, photos, and stamping fee.’ }, { icon: ‘2’, title: ‘Immigration Checkpoint’, text: ‘Get your passport stamped with your new visa.’ }, { icon: ‘3’, title: ‘Baggage Claim’, text: ‘Collect your checked luggage from the carousel.’ }, { icon: ‘4’, title: ‘Customs Check’, text: ‘Pass your bags through the final X-ray screening.’ }, { icon: ‘๐ŸŽ‰’, title: ‘Welcome to Vietnam!’, text: ‘You have officially arrived. Proceed to the exit.’ }, ] }; function renderTimeline(type) { timelineContainer.innerHTML = ”; const data = timelineData[type]; data.forEach(item => { const timelineItem = document.createElement(‘div’); timelineItem.className = ‘timeline-item’; const contentDiv = document.createElement(‘div’); contentDiv.className = ‘timeline-content’; contentDiv.innerHTML = `

${item.title}

${item.text}

`; const iconDiv = document.createElement(‘div’); iconDiv.className = ‘timeline-icon’; iconDiv.textContent = item.icon; timelineItem.appendChild(contentDiv); timelineItem.appendChild(iconDiv); timelineContainer.appendChild(timelineItem); }); } function updateToggleLabels(isVoa) { if (isVoa) { labelEvisa.classList.add(‘text-gray-400’); labelEvisa.classList.remove(‘text-slate-800’); labelVoa.classList.remove(‘text-gray-400’); labelVoa.classList.add(‘text-slate-800’); } else { labelVoa.classList.add(‘text-gray-400’); labelVoa.classList.remove(‘text-slate-800’); labelEvisa.classList.remove(‘text-gray-400’); labelEvisa.classList.add(‘text-slate-800’); } } toggle.addEventListener(‘change’, (e) => { const type = e.target.checked ? ‘voa’ : ‘evisa’; updateToggleLabels(e.target.checked); renderTimeline(type); }); // Initial render renderTimeline(‘evisa’); updateToggleLabels(false); // Chart.js implementation const ctx = document.getElementById(‘waitTimeChart’).getContext(‘2d’); const waitTimeChart = new Chart(ctx, { type: ‘bar’, data: { labels: [‘Standard Arrival Process’, ‘With Fast Track Service’], datasets: [{ label: ‘Average Wait Time (Minutes)’, data: [45, 5], backgroundColor: [ ‘#FDBA74’, // Orange 300 ‘#3B82F6’ // Bright Blue ], borderColor: [ ‘#FDBA74’, ‘#3B82F6’ ], borderWidth: 1, borderRadius: 5, barPercentage: 0.6, }] }, options: { responsive: true, maintainAspectRatio: false, indexAxis: ‘y’, scales: { x: { beginAtZero: true, title: { display: true, text: ‘Minutes’, color: ‘#475569’, font: { weight: ‘600’ } } }, y: { grid: { display: false } } }, plugins: { legend: { display: false }, title: { display: true, text: ‘Average Immigration Wait Time’, font: { size: 16, weight: ‘bold’ }, color: ‘#1E3A8A’, padding: { bottom: 20 } }, tooltip: { callbacks: { title: function(tooltipItems) { const item = tooltipItems[0]; let label = item.chart.data.labels[item.dataIndex]; if (Array.isArray(label)) { return label.join(‘ ‘); } else { return label; } } } } } } }); });
evisa.vn Avatar

Published by