Back to site

Travel Providers

Logo wall section with structured provider entries editable in the Visual Editor.

Compare From Our providers

The largest selection of travel insurance providers in Australia

Fastcover 
---
import TravelProviders from "@features/travel-providers/TravelProviders.astro";
import TravelProviderItem from "@features/travel-providers/TravelProviderItem.astro";
---

<TravelProviders backgroundColor="none" colorScheme="inherit" eyebrow="" heading="Compare From Our providers" paddingVertical="4xl" subtext="The largest selection of travel insurance providers in Australia" variant="default" />
---
blocks:
  _component: page-sections/features/travel-providers
  eyebrow: ''
  heading: Compare From Our providers
  subtext: The largest selection of travel insurance providers in Australia
  items:
    - _component: page-sections/features/travel-providers/travel-provider-item
      imageSource: /providers/Fastcover.png
      imageAlt: Fastcover
      href: ''
  variant: default
  colorScheme: inherit
  backgroundColor: none
  paddingVertical: 4xl
---

Overview

Use Travel Providers to add immediate provider credibility near the top or middle of a comparison page. The logos and heading copy are currently defined inside the React implementation, so the documented controls are limited to wrapper presentation options like spacing and theme.

Properties

eyebrow string

Optional short label above the main heading.

heading string | default: Compare From Our providers

Main section heading (shown with plane icon).

subtext string | default: The largest selection of travel insurance providers in Australia

Supporting copy below the heading (paragraph-level formatting in the Visual Editor).

items array | default: array

Insurer and partner logos (editable images and alt text).

Item Properties:

_component string | default: page-sections/features/travel-providers/travel-provider-item

imageSource string | default: /providers/Fastcover.png

Logo image (typically PNG, WebP, or AVIF).

imageAlt string | default: Provider logo

Alt text for the logo (also used for accessibility).

href string

Optional link URL for the logo (leave empty for no link).

variant enum | default: default

Visual style preset applied to the section wrapper class.

Accepted values:
  • default

colorScheme enum | default: inherit

Color scheme theme applied to the section wrapper.

Accepted values:
  • inherit
  • light
  • dark

backgroundColor enum | default: none

Background color behind the provider logos section.

Accepted values:
  • none
  • base
  • surface
  • accent
  • highlight

paddingVertical enum | default: 4xl

Vertical padding applied above and below the section.

Accepted values:
  • none
  • xs
  • sm
  • md
  • lg
  • xl
  • 2xl
  • 3xl
  • 4xl
  • 5xl
  • 6xl