Back to site

Travel Insurance Quote

No description available

---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="surface" colorScheme="inherit" defaultAge={34} defaultDependants={0} defaultDestination="Japan" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Single" destinationPlaceholder="Japan" disclaimer="Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting." eyebrow="Travel insurance quote" heading="Edit your trip details and see an estimated premium instantly" paddingVertical="4xl" subtext="Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: Travel insurance quote
  heading: Edit your trip details and see an estimated premium instantly
  subtext: Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans.
  destinationPlaceholder: Japan
  defaultDestination: Japan
  defaultAge: 34
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Single
  defaultDependants: 0
  disclaimer: Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting.
  colorScheme: inherit
  backgroundColor: surface
  paddingVertical: 4xl
---

Overview

Use this section when a travel insurance page needs more than a simple CTA. It combines editable defaults for destination, age, start date, end date, trip type, and dependants with an in-browser estimate that updates as users edit the form. Use it near the top of a comparison funnel or before product tables to help visitors sanity-check their trip profile before comparing plans.

Properties

No properties available. Make sure the component has a valid .cloudcannon.structure-value.yml file.

Examples

Core Usage

---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="surface" colorScheme="inherit" defaultAge={34} defaultDependants={0} defaultDestination="Japan" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Single" destinationPlaceholder="Japan" disclaimer="Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting." eyebrow="Travel insurance quote" heading="Edit your trip details and see an estimated premium instantly" paddingVertical="4xl" subtext="Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: Travel insurance quote
  heading: Edit your trip details and see an estimated premium instantly
  subtext: Tell us where you are going, who is travelling, and whether this is a single or annual policy to get a quick pricing signal before you compare plans.
  destinationPlaceholder: Japan
  defaultDestination: Japan
  defaultAge: 34
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Single
  defaultDependants: 0
  disclaimer: Indicative premium only. Final pricing depends on cover level, medical history, and provider underwriting.
  colorScheme: inherit
  backgroundColor: surface
  paddingVertical: 4xl
---
---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="accent" colorScheme="inherit" defaultAge={42} defaultDependants={2} defaultDestination="New Zealand" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Annual" destinationPlaceholder="New Zealand" disclaimer="Estimate assumes annual multi-trip cover with standard acceptance criteria." eyebrow="Annual multi-trip quote" heading="Model an annual policy for parents travelling more than once this year" paddingVertical="4xl" subtext="Set the quote defaults for repeat travellers and dependants so editors can present a family-oriented annual cover scenario out of the box." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: Annual multi-trip quote
  heading: Model an annual policy for parents travelling more than once this year
  subtext: Set the quote defaults for repeat travellers and dependants so editors can present a family-oriented annual cover scenario out of the box.
  destinationPlaceholder: New Zealand
  defaultDestination: New Zealand
  defaultAge: 42
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Annual
  defaultDependants: 2
  disclaimer: Estimate assumes annual multi-trip cover with standard acceptance criteria.
  colorScheme: inherit
  backgroundColor: accent
  paddingVertical: 4xl
---
---
import TravelInsuranceQuote from "@page-sections/ctas/travel-insurance-quote/TravelInsuranceQuote.astro";
---

<TravelInsuranceQuote backgroundColor="base" colorScheme="inherit" defaultAge={67} defaultDependants={1} defaultDestination="United States" defaultEndDate={{}} defaultStartDate={{}} defaultTripType="Single" destinationPlaceholder="United States" disclaimer="Demonstration estimate only. Provider pricing and acceptance rules differ significantly for older travellers." eyebrow="USA example" heading="Show how destination and age can push the indicative premium higher" paddingVertical="4xl" subtext="This preset is useful for demos where you want the estimator to clearly respond to a higher-cost medical destination and an older traveller profile." />
---
blocks:
  _component: page-sections/ctas/travel-insurance-quote
  eyebrow: USA example
  heading: Show how destination and age can push the indicative premium higher
  subtext: This preset is useful for demos where you want the estimator to clearly respond to a higher-cost medical destination and an older traveller profile.
  destinationPlaceholder: United States
  defaultDestination: United States
  defaultAge: 67
  defaultStartDate: {}
  defaultEndDate: {}
  defaultTripType: Single
  defaultDependants: 1
  disclaimer: Demonstration estimate only. Provider pricing and acceptance rules differ significantly for older travellers.
  colorScheme: inherit
  backgroundColor: base
  paddingVertical: 4xl
---