Home

The landing page: what Global Clinic does and why a cross-border patient can trust it.

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

Purpose & Business Context

The Home page is the front door of Global Clinic. A first-time visitor arrives anxious and sceptical: they are weighing surgery in another country, and they need to understand, in seconds, what the platform does, how it protects them, and that real patients have trusted it. This page exists to convert that scepticism into a confident first click.

Commercially it is the top of the funnel. Every section is built to move the visitor toward one of two high-intent actions: explore the clinic marketplace, or open the patient dashboard. The trust strip, verified reviews and accreditation pills exist to lower the perceived risk of a large, cross-border medical decision before any sign-up is asked for.

Screen Overview

A long, fully static marketing page rendered as a server component with no client JavaScript. From the top: the shared site header, a hero with a live case mock-up, a trust strip of headline stats, the 14-stage journey band, a platform features grid, a visa engine spotlight, a source-country corridors grid, a verified reviews section, a closing call to action band, and the shared footer.

The hero pairs the value proposition with a sample case card (Case GC-20418, Cardiac Surgery, Stage 6 of 14) showing the next step and the assigned coordinator, so the abstract promise is made concrete immediately.

Controls & Components

• Site header: brand logo, primary nav (Find Care, Treatments, Pricing, Reviews, Quality, Destinations), the Help button, and the Sign in / Get started cluster.
• Hero: headline, sub-copy, two buttons (Find and compare clinics to /clinics, Open patient dashboard to /portal), three reassurance pills, and the sample case card.
• Trust strip: five live stats (verified rating, verified reviews, accredited facilities, savings vs home, escrow-protected funds).
• Journey band: the 14 stages from Enquiry to Close-out, each numbered with a one-line blurb.
• Features grid: six platform pillars (14-stage timeline, visa engine, escrow payments, coordinated clinical care, multi-country corridors, 24/7 coordinator).
• Visa spotlight: the flagship visa engine explainer with a mock India Medical e-Visa card and an Explore the visa engine button to /portal/visa.
• Corridors grid: four sample source-country corridors (Oman, Bangladesh, Kenya, Uzbekistan to India).
• Reviews section: blended rating, three sample verified reviews, and a Read verified reviews button to /reviews.
• CTA band: a closing prompt with an Open the patient dashboard button to /portal.

Field Definitions

• Verified rating: The blended overall rating across review sources (4.6), shown in the trust strip and reviews section.
• Verified reviews: The total count of independently verified reviews behind that rating (2,841).
• Accredited facilities: The number of vetted partner facilities in the network (240+).
• Savings vs home: The headline upper bound on cost savings versus a patient's home market (up to 90%).
• Escrow-protected funds: The promise that 100% of patient funds are held in escrow and released only as care milestones are verified.
• 14-stage journey: The standard care pathway from Enquiry through Close-out that every patient moves through; previewed here as a numbered band.
• Source-country corridor: A home-country to destination route (for example Oman to India) with its visa route, currency and payment method, tuned per Country Pack.

User Actions & Workflows

1. Read the hero to understand the end-to-end promise and skim the sample case card.
2. Scan the trust strip and reviews section to gauge credibility before committing attention.
3. Press Find and compare clinics to enter the marketplace, or use the top nav to jump to Treatments, Pricing, Quality or Destinations.
4. Explore the visa spotlight and press Explore the visa engine to see the flagship workflow in the portal.
5. When ready, press Get started in the header (or Open the patient dashboard) to begin registration and enter the patient portal.

Navigation & Relationships

Reached from: the brand logo on every public page, direct entry to the root URL, and the browser default landing.

Leads to: the marketplace (/clinics), Reviews (/reviews), and the patient portal (/portal, /portal/visa) via the hero, reviews and CTA buttons, plus every page in the primary nav.

Shares chrome with: all six marketplace pages through the same SiteHeader and SiteFooter, so the nav, Help button and auth CTAs are consistent site-wide.

Business Rules & Constraints

• Public, no sign-in required: the entire page is browsable by anonymous visitors.
• Fully static server component with no client JavaScript; the interactive surfaces live on the dedicated pages it links to.
• Headline stats (rating, review count, facilities) are read from the data layer, not hard-coded in copy, so they stay consistent with the rest of the site.
• Savings figures are framed as indicative ('up to 90%'), never a guaranteed quote.
• The sample case card is illustrative; the real, interactive journey lives in the patient portal behind sign-in.

Data Dependencies

Reads reputation (overall rating, total reviews, verified percentage), network (facilities, source countries) and reviews (the three sample cards) from lib/data. The journey band, features and corridors are authored as in-file arrays on the page itself.

• reputation: overall rating, total reviews, verified percentage
• network: accredited facilities and source-country count
• reviews: the three sample verified reviews shown

Error Handling & Edge Cases

• Being static, the page has no loading or failure states for a visitor: it renders the same for everyone.
• If a downstream linked page (for example the portal) requires sign-in, that destination handles its own auth gate, not this page.
• Mobile: the header collapses its links behind a menu button, the hero stacks above its case card, and the multi-column grids reflow to single columns.
• Links open standard navigations; there is no client state to lose.

User Roles & Permissions

• Public (no sign-in required): Anyone can view the full page and follow any link. Signed-out visitors browse the public site freely.
• Get started / Sign in: These header actions lead into the authentication flow (register or sign in) and, once authenticated, into the patient portal.

Related Features & Functionalities

The marketplace (/clinics), Treatments, Pricing, Reviews, Quality and Destinations pages all sit one click away in the nav. The visa spotlight previews the portal's flagship Visa engine, and the CTA band leads to the full patient dashboard.

Flow & Screenshots

flowchart LR
  Home[Home] --> Header[Site header nav]
  Home -->|Find and compare clinics| Clinics[Find Care]
  Home -->|Read verified reviews| Reviews[Reviews]
  Home -->|Explore the visa engine| Visa[Portal: Visa]
  Home -->|Get started / Open dashboard| Portal[Patient portal]
  Header --> Treatments[Treatments]
  Header --> Pricing[Pricing]
  Header --> Quality[Quality]
  Header --> Destinations[Destinations]

Guided Walkthrough Steps

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

1. Welcome to Global Clinic ([data-tour="site.brand"])

This logo takes you home from anywhere on the public site. Global Clinic coordinates cross-border medical care end to end, from first enquiry to safe return.

1. The promise, made concrete ([data-tour="home.hero"])

The hero pairs what we do with a sample case card showing a real patient's next step and coordinator, so you can picture how the journey works.

1. The 14-stage journey ([data-tour="home.journey"])

Every patient moves through the same transparent pipeline, from enquiry to close-out. You always know where you are and what is next.

1. What the platform does ([data-tour="home.features"])

Six connected pillars: the care timeline, the visa engine, escrow payments, coordinated clinical care, multi-country corridors and a 24/7 coordinator.

1. The flagship visa engine ([data-tour="home.visa"])

Visas are solved per corridor: the engine checks documents, attaches the hospital invitation and tracks the application to decision. Press Explore the visa engine to see it.

1. Explore the rest ([data-tour="site.nav"])

Use the top nav to browse clinics, treatments, transparent pricing, verified reviews, quality and destinations.

1. Ready to start ([data-tour="site.cta"])

Get started opens registration, and Sign in returns you to the patient portal. Browsing here never requires an account.