Provider Product Plans

Editable provider product plan cards with pricing, descriptions, badges, and CTAs.

Zoom Travel Insurance Plans

Zoom offers three tiers. Here's how they compare.

Zoom Essential

From $39

Basic coverage. Medical up to $5M, cancellation up to $5K.

Compare Essential

Zoom Annual Multi-Trip

From $199/yr

Year-round cover for frequent travellers. Up to 45 days per trip.

Compare Annual
---
import ProviderProductPlans from "@features/provider-product-plans/ProviderProductPlans.astro";
---

<ProviderProductPlans
backgroundColor="none" colorScheme="inherit" heading="Zoom Travel Insurance Plans" paddingVertical="lg" plans={
  [
    {
      "planName": "Zoom Essential",
      "price": "From $39",
      "description": "Basic coverage. Medical up to $5M, cancellation up to $5K.",
      "badge": "",
      "featured": false,
      "ctaText": "Compare Essential",
      "ctaLink": "#"
    },
    {
      "planName": "Zoom Comprehensive",
      "price": "From $69",
      "description": "Full coverage. Unlimited medical, $25K cancellation, luggage, liability.",
      "badge": "Most Popular",
      "featured": true,
      "ctaText": "Compare Comprehensive",
      "ctaLink": "#"
    },
    {
      "planName": "Zoom Annual Multi-Trip",
      "price": "From $199/yr",
      "description": "Year-round cover for frequent travellers. Up to 45 days per trip.",
      "badge": "",
      "featured": false,
      "ctaText": "Compare Annual",
      "ctaLink": "#"
    }
  ]
} subtext="Zoom offers three tiers. Here's how they compare."
/>
---
blocks:
  _component: page-sections/features/provider-product-plans
  heading: Zoom Travel Insurance Plans
  subtext: Zoom offers three tiers. Here's how they compare.
  plans:
    - planName: Zoom Essential
      price: From $39
      description: Basic coverage. Medical up to $5M, cancellation up to $5K.
      badge: ''
      featured: false
      ctaText: Compare Essential
      ctaLink: '#'
    - planName: Zoom Comprehensive
      price: From $69
      description: Full coverage. Unlimited medical, $25K cancellation, luggage, liability.
      badge: Most Popular
      featured: true
      ctaText: Compare Comprehensive
      ctaLink: '#'
    - planName: Zoom Annual Multi-Trip
      price: From $199/yr
      description: Year-round cover for frequent travellers. Up to 45 days per trip.
      badge: ''
      featured: false
      ctaText: Compare Annual
      ctaLink: '#'
  colorScheme: inherit
  backgroundColor: none
  paddingVertical: lg
---

Overview

Use Provider Product Plans on provider review pages to compare a provider's main policy tiers in a compact card row. Each plan card can show a price, short description, optional badge, featured state, and comparison button.

Properties

heading string | default: Zoom Travel Insurance Plans

Main heading shown above the product plan cards.

subtext string | default: Zoom offers three tiers. Here's how they compare.

Supporting text shown under the heading.

plans array | default: array

Product plan cards shown in the section.

Item Properties:

planName string | default: Zoom Essential

Product plan name.

price string | default: From $39

Price or price-from text.

description string | default: Basic coverage. Medical up to $5M, cancellation up to $5K.

Short plan description.

badge string

Optional badge shown in the top-right corner.

featured boolean | default: false

Highlight this plan with an emphasized border.

ctaText string | default: Compare Essential

Button text.

ctaLink string | default: #

Button link.

colorScheme enum | default: inherit

Color scheme theme for the section.

Accepted values:
  • inherit
  • light
  • dark

backgroundColor enum | default: none

Background color behind the section.

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

paddingVertical enum | default: lg

Vertical padding for the section.

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