Feature why buy insurance

Split headline and intro on the left with an illustration + quote row; stacked benefit cards on the right with icon selects and colour pickers—ideal for “why buy travel insurance?” content.

Why buy travel insurance?

Travelling without insurance is a risk you don’t want to take. Medical emergencies overseas can cost tens of thousands of dollars, and lost luggage or cancelled flights can derail your plans.

Trust me, I'm not crackers!

Outlined_All_RGB_Red_MedicalCover

Exxy Medical Costs

Hospital stays in the USA can cost more than a house deposit, and emergency transport home isn’t cheap either. Travel insurance can help cover eligible medical costs when the unexpected happens abroad.
Outlined_All_RGB_Red_CancelYourCruise

Disasters Can Strike

Sometimes you need to cancel before you go, cut a trip short, or get home in a hurry. The right cover can help with eligible cancellation and disruption costs when life throws a curveball.
Outlined_All_RGB_Red_CruiseSuitcase

Your Stuff Is Important

Lost, stolen, or damaged luggage happens more often than you think. Insurance can help you replace essentials and keep your trip on track when your belongings don’t arrive as planned.

---
import FeatureWhyBuyInsurance from "@features/feature-why-buy-insurance/FeatureWhyBuyInsurance.astro";
---

<FeatureWhyBuyInsurance
cardBackgroundColor="#ffffff" colorScheme="light" defaultCardDescriptionColor="#374151" defaultCardTitleColor="#d1413d" features={
  [
    {
      "iconName": "Outlined_All_RGB_Red_MedicalCover",
      "title": "Exxy Medical Costs",
      "description": "Hospital stays in the USA can cost more than a house deposit, and emergency transport home isn’t cheap either. Travel insurance can help cover eligible medical costs when the unexpected happens abroad.",
      "titleColor": "",
      "descriptionColor": ""
    },
    {
      "iconName": "Outlined_All_RGB_Red_CancelYourCruise",
      "title": "Disasters Can Strike",
      "description": "Sometimes you need to cancel before you go, cut a trip short, or get home in a hurry. The right cover can help with eligible cancellation and disruption costs when life throws a curveball.",
      "titleColor": "",
      "descriptionColor": ""
    },
    {
      "iconName": "Outlined_All_RGB_Red_CruiseSuitcase",
      "title": "Your Stuff Is Important",
      "description": "Lost, stolen, or damaged luggage happens more often than you think. Insurance can help you replace essentials and keep your trip on track when your belongings don’t arrive as planned.",
      "titleColor": "",
      "descriptionColor": ""
    }
  ]
} headingHighlight="travel insurance?" headingHighlightColor="#d1413d" headingLead="Why buy" headingLeadColor="#2e2a63" imageAlt="Colourful lorikeet illustration" imageSource="/src/assets/images/component-docs/website-hero.svg" intro="Travelling without insurance is a risk you don’t want to take. Medical emergencies overseas can cost tens of thousands of dollars, and lost luggage or cancelled flights can derail your plans." introTextColor="#1a1a1a" paddingVertical="4xl" quote="Trust me, I'm not crackers!" quoteColor="#2e2a63" sectionBackgroundColor="#f8f3f0"
/>

---
blocks:
  _component: page-sections/features/feature-why-buy-insurance
  sectionBackgroundColor: '#f8f3f0'
  headingLead: Why buy
  headingLeadColor: '#2e2a63'
  headingHighlight: travel insurance?
  headingHighlightColor: '#d1413d'
  intro: Travelling without insurance is a risk you don’t want to take. Medical emergencies overseas can cost tens of thousands of dollars, and lost luggage or cancelled flights can derail your plans.
  introTextColor: '#1a1a1a'
  imageSource: /src/assets/images/component-docs/website-hero.svg
  imageAlt: Colourful lorikeet illustration
  quote: Trust me, I'm not crackers!
  quoteColor: '#2e2a63'
  cardBackgroundColor: '#ffffff'
  defaultCardTitleColor: '#d1413d'
  defaultCardDescriptionColor: '#374151'
  features:
    - iconName: Outlined_All_RGB_Red_MedicalCover
      title: Exxy Medical Costs
      description: Hospital stays in the USA can cost more than a house deposit, and emergency transport home isn’t cheap either. Travel insurance can help cover eligible medical costs when the unexpected happens abroad.
      titleColor: ''
      descriptionColor: ''
    - iconName: Outlined_All_RGB_Red_CancelYourCruise
      title: Disasters Can Strike
      description: Sometimes you need to cancel before you go, cut a trip short, or get home in a hurry. The right cover can help with eligible cancellation and disruption costs when life throws a curveball.
      titleColor: ''
      descriptionColor: ''
    - iconName: Outlined_All_RGB_Red_CruiseSuitcase
      title: Your Stuff Is Important
      description: Lost, stolen, or damaged luggage happens more often than you think. Insurance can help you replace essentials and keep your trip on track when your belongings don’t arrive as planned.
      titleColor: ''
      descriptionColor: ''
  colorScheme: light
  paddingVertical: 4xl
---

Overview

Left column: split two-colour headline, markdown intro, illustration with optional shadow styling, and a short quote. Right column: white cards with icon select, titles, and descriptions—all colours configurable in CloudCannon.

Properties

sectionBackgroundColor string | default: #f8f3f0

Warm band behind the two-column block.

headingLead string | default: Why buy

First part of the headline (e.g. “Why buy”) — usually navy.

headingLeadColor string | default: #2e2a63

Colour for the first part of the headline.

headingHighlight string | default: travel insurance?

Second part of the headline (e.g. “travel insurance?”) — usually accent red.

headingHighlightColor string | default: #d1413d

Colour for the highlighted part of the headline.

intro string | default: Travelling without insurance is a risk you don’t want to take. Medical emergencies overseas can cost tens of thousands of dollars, and lost luggage or cancelled flights can derail your plans. The right policy helps cover unexpected costs so you can focus on your trip—not the bill.

Supporting copy under the headline (risks, context, etc.).

introTextColor string | default: #1a1a1a

Default text colour for the intro paragraph.

imageSource string | default: /src/assets/images/component-docs/website-hero.svg

Illustration beside the quote (e.g. lorikeet); optional.

imageAlt string | default: Colourful lorikeet illustration

Alt text for the illustration.

quote string | default: Trust me, I'm not crackers!

Short caption beside the image (e.g. “Trust me, I’m not crackers!”).

quoteColor string | default: #2e2a63

Colour for the quote line (usually matches the navy headline).

cardBackgroundColor string | default: #ffffff

Fill for each stacked card on the right.

defaultCardTitleColor string | default: #d1413d

Default card title colour when a card does not override it.

defaultCardDescriptionColor string | default: #374151

Default card body colour when a card does not override it.

iconSize enum | default: lg

Icon size on each benefit card (core Icon scale — larger keys render bigger art).

Accepted values:

sm
md
lg
xl
2xl
3xl

features array | default: array

Vertical stack on the right: icon, title, and body copy per card. Icons come from the brand illustration set.

Item Properties:

iconName enum | default: Outlined_All_RGB_Red_MedicalCover

Icon at the top of the card.

title string | default: Card title

Bold card heading.

description string | default: Supporting copy for this benefit.

Body copy under the title.

titleColor string

Optional title colour override (empty = section default).

descriptionColor string

Optional body colour override (empty = section default).

colorScheme enum | default: light

Theme context for nested tokens.

Accepted values:

inherit
light
dark

paddingVertical enum | default: 4xl

Vertical padding for this section.

Accepted values:

none
xs
sm
md
lg
xl
2xl
3xl
4xl