Destinations

The treatment-destination network and the source-country corridors that feed it.

<!-- GENERATED FILE. Do not edit by hand. Source: components/help/content/. Run npm run gen:docs. -->

Purpose & Business Context

The Destinations page maps the geography of the platform: where care is delivered, and where patients travel from. It helps a visitor judge whether their procedure is well served in a given country and understand that their own home corridor is handled, with visa route, currency and payment all tuned to where they live.

Commercially it qualifies the visitor by place. By pairing destination depth (lead specialties, facility counts, typical savings) with source-country corridors framed as Country Packs, the page reassures patients that the cross-border logistics, the hardest part of medical travel, are already solved for their route.

Screen Overview

A static server-rendered page with the shared chrome and a teal page hero, then two sections: treatment destinations (a grid of destination-country cards) and source-country corridors (a grid of Country Pack cards), closed by a note that visa rules are verified for each nationality before commitment.

Each destination card carries the country and city, facility count, lead specialties, a blurb, a typical-savings figure and a travel note. Each corridor card carries the from-to route, visa type, processing time, language, currency and payment method.

Controls & Components

• Page hero: eyebrow, title, subtitle and four stats (destination countries, accredited facilities, source corridors, patients coordinated).
• Treatment destinations grid: one card per destination country (for example India, Türkiye, Thailand, Mexico, Singapore, UAE), each with flag, typical-savings badge, city, facility count, blurb, lead-specialty tags and a travel note.
• Source-country corridors grid: one card per corridor (for example Oman, Bangladesh, Kenya, Uzbekistan to India), each with flag, a visa-type badge (e-Visa or paper), processing time, language, and currency plus payment method.
• Visa-rules note: a closing line that current visa requirements are verified per nationality, linking to the Quality page.

Field Definitions

• Destination country: A country where treatment is delivered, with its lead specialties, facility count and typical savings.
• Lead specialties: The specialties a destination is strongest in, shown as tags (for example Cardiac, Orthopedics, Oncology for India).
• Travel note: A short entry note for the destination, for example whether an e-Visa or paper medical visa applies and that an invitation letter is provided.
• Corridor (Country Pack): A source-to-destination route with its visa route, processing time, language, currency and payment methods tuned to the patient's home country.
• Visa type: The corridor's visa route, either e-Visa or Paper visa, shown as a colour-coded badge.
• Processing time: The expected visa processing window for the corridor, for example 3 to 5 days for Oman to India.

User Actions & Workflows

1. Read the hero for the network's reach (destination countries, facilities, source corridors, patients coordinated).
2. Browse the destination cards to see which countries lead in your specialty and the typical savings there.
3. Read a destination's travel note to understand its entry route and that an invitation letter is provided.
4. Find your home country among the corridor cards to confirm the visa route, language, currency and payment method.
5. Read the visa-rules note and follow the link to Quality for the full set of considerations.

Navigation & Relationships

Reached from: the Destinations item in the primary nav and the brand logo via Home.

Leads to: the Quality page (/quality) from the visa-rules note about entry restrictions and considerations.

Pairs with: the marketplace (filterable by these destination countries), the Treatments page (lead specialties per destination), and the portal's Visa engine, which operationalises these corridors for a real case.

Business Rules & Constraints

• Network depth varies by country: India, Türkiye and Thailand are the deepest, and the page says so rather than implying uniform coverage.
• Each corridor is a Country Pack: visa route, processing time, language, currency and payment are tuned to the patient's home country.
• Visa rules and entry restrictions change, so current requirements are verified for the patient's nationality before they commit.
• Typical savings are approximate and stated per destination.
• Public screen: fully browsable without an account.

Data Dependencies

Reads network (the hero stats and the destinations list) and corridors (the Country Pack cards) from lib/data. The page is otherwise static, with the closing visa note authored inline.

• network: hero stats and the destination-country cards
• corridors: the source-country Country Pack cards

Error Handling & Edge Cases

• Being fully static, the page has no loading or fetch-failure states for a visitor.
• Corridor badges colour-code by visa type (e-Visa versus paper) so the route is clear at a glance.
• If a data list were empty, its section would render no cards rather than erroring.
• Mobile: the destination and corridor grids reflow to a single column and the visa note stays at the foot.

User Roles & Permissions

• Public (no sign-in required): Anyone can browse destinations and corridors. Signed-out visitors use the page freely.
• Get started / Sign in: The header CTAs lead into the authentication flow and the patient portal; the Destinations page itself requires no account.

Related Features & Functionalities

The marketplace (destination filtering), the Treatments page (lead specialties per country), the Quality page (the travel and entry restrictions linked here), and the portal's Visa corridor rules engine that puts these Country Packs to work for a live case.

Flow & Screenshots

flowchart LR
  Destinations[Destinations] --> Hero[Page hero]
  Destinations --> Countries[Treatment destinations]
  Destinations --> Corridors[Source-country corridors]
  Destinations -->|visa note| Quality[Quality]
  Countries -.filter.-> Clinics[Find Care]
  Corridors -.operationalised.-> Visa[Portal: Visa]

Guided Walkthrough Steps

The in-app walkthrough for this screen has 5 steps (auto-advances every 5 seconds; Prev / Pause / Next; click outside to exit):

1. Where we coordinate care ([data-tour="destinations.hero"])

A vetted network spanning destination countries for treatment and source-country corridors for the patients we serve. The stats summarise the reach.

1. Accredited care, country by country ([data-tour="destinations.countries"])

Each card shows a destination's lead specialties, facility count, typical savings and entry route, with an invitation letter provided.

1. Localised for where you come from ([data-tour="destinations.corridors"])

Each corridor is a Country Pack: the visa route, processing time, language, currency and payment method are all tuned to your home country.

1. Match a destination to a treatment ([data-tour="site.nav"])

Use the nav to cross-check Treatments for your specialty, or the marketplace to filter clinics by destination.

1. Before you commit ([data-tour="site.cta"])

Visa rules change, so we verify current requirements for your nationality first. When you are ready, Get started opens the patient portal and its visa engine.