Interactive Guide: Arriving at Phu Cat Airport (UIH) https://cdn.tailwindcss.com https://cdn.jsdelivr.net/npm/chart.js Goal: Compare/Inform -> Viz/Method: Interactive buttons toggling visibility of two distinct, dynamically rendered HTML flowcharts. -> Interaction: User clicks their visa type to see their specific process. -> Justification: Provides a personalized, clutter-free experience. -> Library/Method: Vanilla JS. – Report Info: The steps for airport navigation (Immigration, Baggage, Customs). -> Goal: Organize/Inform -> Viz/Method: A visual step-by-step flowchart built with styled HTML divs and Tailwind CSS. -> Interaction: Key steps highlight the “queue” problem and link to the expedited service solution. -> Justification: A visual flow is more intuitive and easier to digest than a list of text. -> Library/Method: HTML/CSS. – Report Info: Transport options and costs from the airport. -> Goal: Compare -> Viz/Method: A horizontal bar chart comparing the estimated cost of different transport options. -> Interaction: Tooltips on hover provide exact costs. -> Justification: A chart allows for quick, at-a-glance comparison of quantitative data. -> Library/Method: Chart.js. – Report Info: Benefits of the expedited service and trust signals for the provider. -> Goal: Inform/Persuade -> Viz/Method: A grid layout with icon-and-text cards for benefits, and a similar layout for trust signals (stats, logos). -> Interaction: Static, but visually organized for scannability and impact. -> Justification: Breaks down information into digestible, visually appealing chunks to build confidence. -> Library/Method: HTML/CSS with Unicode icons. –> body { font-family: ‘Inter’, sans-serif; } .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 300px; max-height: 400px; } @media (min-width: 768px) { .chart-container { height: 350px; } } .flow-step { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } .flow-step:not(:last-child)::after { content: ”; position: absolute; top: 40px; right: -50%; width: calc(100% – 80px); height: 2px; background-color: #e2e8f0; z-index: 0; } @media (max-width: 767px) { .flow-step:not(:last-child)::after { top: 80px; left: 50%; right: auto; transform: translateX(-50%); width: 2px; height: 4rem; } } .active-tab { border-bottom-color: #0284c7; color: #0284c7; font-weight: 600; } .inactive-tab { border-bottom-color: transparent; color: #475569; }

Arrive at Phu Cat Airport (UIH) with Ease

Your personalized, step-by-step guide to navigating the airport in Binh Dinh, so you can start your Vietnam adventure faster.

First, select your arrival status:

I have an E-visa / I’m Visa-Free I need a Visa on Arrival

Essential Arrival Information

Pre-flight Checklist Airport Guide Why Trust Us?

const content = { evisa: { title: “Your Arrival Process: E-visa / Visa-Free”, intro: “As an e-visa holder or visa-free visitor, your arrival process is straightforward. Follow these steps to navigate Phu Cat Airport efficiently. Be aware that queues can still form at the immigration checkpoint, especially during peak hours.”, steps: [ { name: “Disembark Aircraft”, icon: “✈️”, description: “Proceed from the aircraft into the terminal building.” }, { name: “Immigration Checkpoint”, icon: “🛂”, description: “Present your passport and printed e-visa. The officer will verify your documents and stamp your passport.”, problem: “Long queues are common here, potentially causing significant delays.” }, { name: “Baggage Claim”, icon: “🛄”, description: “Collect your checked luggage from the assigned carousel.” }, { name: “Customs Check”, icon: “🛃”, description: “Proceed through the green channel if you have nothing to declare.” }, { name: “Exit Airport”, icon: “👋”, description: “Welcome to Vietnam! Find your transport and begin your adventure.” } ] }, voa: { title: “Your Arrival Process: Visa on Arrival”, intro: “For those getting a visa on arrival, there’s an extra step at the start of your process. This is often the most time-consuming part of arriving. This guide shows you the full procedure.”, steps: [ { name: “Disembark Aircraft”, icon: “✈️”, description: “Proceed from the aircraft into the terminal building.” }, { name: “Landing Visa Counter”, icon: “📝”, description: “Submit your Passport, NA1 Form, photo, and approval letter. Pay the stamping fee in cash (USD/VND).”, problem: “This counter is known for very long queues and complex paperwork. Missing photos or cash can cause major issues.” }, { name: “Immigration Checkpoint”, icon: “🛂”, description: “With your new visa stamp, present your passport to the immigration officer.”, problem: “After waiting for the visa, you may face another queue at the immigration checkpoint itself.” }, { name: “Baggage Claim”, icon: “🛄”, description: “Collect your checked luggage from the assigned carousel.” }, { name: “Customs Check”, icon: “🛃”, description: “Proceed through the green channel if you have nothing to declare.” }, { name: “Exit Airport”, icon: “👋”, description: “Welcome to Vietnam! Find your transport and begin your adventure.” } ] }, expeditedService: { title: “Skip the Queues with Expedited Entry”, intro: “Our Expedited Entry Service is the fastest and most stress-free way to get through Phu Cat Airport. Our team meets you upon arrival and handles everything, escorting you through priority lanes.”, benefits: [ { icon: “⏱️”, title: “Save Time”, text: “Bypass the long public queues at both the visa and immigration counters.” }, { icon: “🧘”, title: “Reduce Stress”, text: “No need to worry about paperwork, photos, or cash for fees. We handle it.” }, { icon: “🤝”, title: “Expert Guidance”, text: “Our staff are airport experts who navigate the process for you.” }, { icon: “✅”, title: “Guaranteed Smoothness”, text: “We ensure all your documents are in order for a seamless entry.” } ], cta: “Book Service Now”, // Changed CTA text fastTrackUrl: “https://www.vietnamimmigration.org/cip-on-arrival-support-order-form/” }, checklist: `

Ensure a smooth start by having these items ready in your carry-on luggage.

• ✓
  Valid Passport: Must be valid for at least 6 months beyond your departure date.
• ✓
  Vietnam Visa/E-visa: A printed copy of your e-visa or visa approval letter (for VOA).
• ✓
  For VOA – NA1 Form: Completed and signed.
• ✓
  For VOA – Passport Photo: One 4×6 cm photo.
• ✓
  For VOA – Stamping Fee: Cash in USD or VND (US$25 single-entry, US$50 multi-entry).
• ✓
  Accommodation Details: Address and contact info of your first hotel.

`, airportGuide: { intro: “Phu Cat Airport (UIH) is located about 30-35km from Quy Nhon city center. Here are your options for getting to the city, with a comparison of typical costs.”, transportChartData: { labels: [‘Airport Shuttle’, ‘Taxi’, ‘Private Car (Pre-booked)’], datasets: [{ label: ‘Cost (VND)’, data: [50000, 300000, 400000], backgroundColor: [‘#7dd3fc’, ‘#38bdf8’, ‘#0ea5e9’], borderColor: [‘#0ea5e9’], borderWidth: 1, borderRadius: 5 }] } }, trust: `

When booking a vital service like airport assistance, trust is paramount. Here’s why travelers have relied on Vietnamimmigration.org for over a decade.

` }; const processFlowContainer = document.getElementById(‘process-flow-display’); const expeditedServiceContainer = document.getElementById(‘expedited-service-details’); const tabContentContainer = document.getElementById(‘tab-content’); const evisaBtn = document.getElementById(‘evisa-btn’); const voaBtn = document.getElementById(‘voa-btn’); let chartInstance = null; function createExpeditedServiceSection() { const { title, intro, benefits, cta, fastTrackUrl } = content.expeditedService; /* Removed fastTrackCta */ let benefitsHtml = benefits.map(b => ` `).join(”); return `

${title}

${intro}

`; } function createProcessFlow(path) { const { title, intro, steps } = path; let stepsHtml = steps.map((step) => { const problemHtml = step.problem ? ` ` : ”; return ` `; }).join(”); processFlowContainer.innerHTML = ` `; } function showExpeditedService() { if (expeditedServiceContainer.classList.contains(‘hidden’)) { expeditedServiceContainer.innerHTML = createExpeditedServiceSection(); expeditedServiceContainer.classList.remove(‘hidden’); expeditedServiceContainer.scrollIntoView({ behavior: ‘smooth’, block: ‘center’ }); } } function selectPath(type) { if (type === ‘evisa’) { createProcessFlow(content.evisa); evisaBtn.classList.remove(‘bg-slate-200’, ‘text-slate-700’); evisaBtn.classList.add(‘bg-sky-600’, ‘text-white’); voaBtn.classList.add(‘bg-slate-200’, ‘text-slate-700’); voaBtn.classList.remove(‘bg-sky-600’, ‘text-white’); } else { createProcessFlow(content.voa); voaBtn.classList.remove(‘bg-slate-200’, ‘text-slate-700’); voaBtn.classList.add(‘bg-sky-600’, ‘text-white’); evisaBtn.classList.add(‘bg-slate-200’, ‘text-slate-700’); evisaBtn.classList.remove(‘bg-sky-600’, ‘text-white’); } expeditedServiceContainer.classList.add(‘hidden’); } function switchTab(tabName) { document.querySelectorAll(‘.tab-btn’).forEach(btn => { btn.classList.remove(‘active-tab’); btn.classList.add(‘inactive-tab’); }); document.getElementById(`tab-${tabName}`).classList.add(‘active-tab’); document.getElementById(`tab-${tabName}`).classList.remove(‘inactive-tab’); if (chartInstance) { chartInstance.destroy(); chartInstance = null; } if (tabName === ‘checklist’) { tabContentContainer.innerHTML = content.checklist; } else if (tabName === ‘airport’) { tabContentContainer.innerHTML = `

${content.airportGuide.intro}

`; renderTransportChart(); } else if (tabName === ‘trust’) { tabContentContainer.innerHTML = content.trust; } } function renderTransportChart() { const ctx = document.getElementById(‘transportChart’).getContext(‘2d’); chartInstance = new Chart(ctx, { type: ‘bar’, data: content.airportGuide.transportChartData, options: { indexAxis: ‘y’, responsive: true, maintainAspectRatio: false, scales: { x: { beginAtZero: true, ticks: { callback: function(value) { return new Intl.NumberFormat(‘vi-VN’, { style: ‘currency’, currency: ‘VND’ }).format(value); } } } }, plugins: { legend: { display: false }, tooltip: { callbacks: { label: function(context) { let label = context.dataset.label || ”; if (label) { label += ‘: ‘; } if (context.parsed.x !== null) { label += new Intl.NumberFormat(‘vi-VN’, { style: ‘currency’, currency: ‘VND’ }).format(context.parsed.x); } return label; } } } } } }); } evisaBtn.addEventListener(‘click’, () => selectPath(‘evisa’)); voaBtn.addEventListener(‘click’, () => selectPath(‘voa’)); document.getElementById(‘tab-checklist’).addEventListener(‘click’, () => switchTab(‘checklist’)); document.getElementById(‘tab-airport’).addEventListener(‘click’, () => switchTab(‘airport’)); document.getElementById(‘tab-trust’).addEventListener(‘click’, () => switchTab(‘trust’)); window.addEventListener(‘load’, () => { selectPath(‘evisa’); switchTab(‘checklist’); });