Back to site

Provider Header Reviews

Provider hero strip with brand/logo, star rating and review count on the left, summary text, and CTA buttons on the right.

1Cover wordmark

Overall Rating 8.5/10

1769 Reviews

Get quote

With over 20 years of experience 1Cover specialises in providing travel insurance that you can count on. With comprehensive and medical only cover on offer, there’s a policy to suit every budget. Policies are available to those of any age.

Review Insurer Go To Insurer 
---
import ProviderHeaderReviews from "@page-sections/headers/provider-header-reviews/ProviderHeaderReviews.astro";
---

<ProviderHeaderReviews brandWordmarkAlt="1Cover wordmark" brandWordmarkSource="/src/assets/images/component-docs/website-hero.svg" colorScheme="light" filledStars={4} insurerButtonBackgroundColor="#23206b" insurerButtonText="Go To Insurer" insurerButtonTextColor="#ffffff" insurerButtonUrl="#" mutedStarColor="#9ca3af" paddingVertical="xl" providerLogoAlt="1Cover Travel Insurance logo" providerLogoSource="/src/assets/images/component-docs/website-hero.svg" ratingLabel="Overall Rating 8.5/10" ratingTextColor="#111827" reviewButtonBorderColor="#d1413d" reviewButtonText="Review Insurer" reviewButtonTextColor="#d1413d" reviewButtonUrl="#" reviewCount="1769 Reviews" reviewCountColor="#d1413d" sectionBackgroundColor="#ffffff" starColor="#d1413d" summary="With over 20 years of experience 1Cover specialises in providing travel insurance that you can count on. With comprehensive and medical only cover on offer, there’s a policy to suit every budget. Policies are available to those of any age." summaryTextColor="#1f2937" topButtonBackgroundColor="#d1413d" topButtonText="Get quote" topButtonTextColor="#ffffff" topButtonUrl="#" totalStars={5} />
---
blocks:
  _component: page-sections/headers/provider-header-reviews
  brandWordmarkSource: /src/assets/images/component-docs/website-hero.svg
  brandWordmarkAlt: 1Cover wordmark
  providerLogoSource: /src/assets/images/component-docs/website-hero.svg
  providerLogoAlt: 1Cover Travel Insurance logo
  summary: With over 20 years of experience 1Cover specialises in providing travel insurance that you can count on. With comprehensive and medical only cover on offer, there’s a policy to suit every budget. Policies are available to those of any age.
  ratingLabel: Overall Rating 8.5/10
  reviewCount: 1769 Reviews
  filledStars: 4
  totalStars: 5
  topButtonText: Get quote
  topButtonUrl: '#'
  reviewButtonText: Review Insurer
  reviewButtonUrl: '#'
  insurerButtonText: Go To Insurer
  insurerButtonUrl: '#'
  sectionBackgroundColor: '#ffffff'
  summaryTextColor: '#1f2937'
  ratingTextColor: '#111827'
  reviewCountColor: '#d1413d'
  starColor: '#d1413d'
  mutedStarColor: '#9ca3af'
  topButtonBackgroundColor: '#d1413d'
  topButtonTextColor: '#ffffff'
  reviewButtonBorderColor: '#d1413d'
  reviewButtonTextColor: '#d1413d'
  insurerButtonBackgroundColor: '#23206b'
  insurerButtonTextColor: '#ffffff'
  colorScheme: light
  paddingVertical: xl
---

Overview

Use this section on provider review pages where you need a recognizable brand lockup and immediate actions. Left column holds wordmark, insurer logo, star row, rating and review count. Right column holds summary copy, top quote CTA, and lower review/go-to-insurer CTAs. All colours, texts, links, and images are CloudCannon-editable.

Properties

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

Top-left brand wordmark (e.g. 1Cover).

brandWordmarkAlt string | default: 1Cover wordmark

Alt text for the top-left brand wordmark.

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

Provider logo shown under the brand wordmark.

providerLogoAlt string | default: 1Cover Travel Insurance logo

Alt text for the provider logo image.

summary string | default: With over 20 years of experience 1Cover specialises in providing travel insurance that you can count on. With comprehensive and medical only cover on offer, there’s a policy to suit every budget.

Main provider summary paragraph.

ratingLabel string | default: Overall Rating 8.5/10

Label below stars (e.g. Overall Rating 8.5/10).

reviewCount string | default: 1769 Reviews

Review count text (e.g. 1769 Reviews).

filledStars number | default: 4

Number of highlighted stars.

totalStars number | default: 5

Total number of stars to display.

topButtonText string | default: Get quote

Top-right CTA label.

topButtonUrl string | default: #

Top-right CTA URL.

reviewButtonText string | default: Review Insurer

Outline CTA label (left bottom button).

reviewButtonUrl string | default: #

Outline CTA URL.

insurerButtonText string | default: Go To Insurer

Solid CTA label (right bottom button).

insurerButtonUrl string | default: #

Solid CTA URL.

sectionBackgroundColor string | default: #ffffff

Section background color.

summaryTextColor string | default: #1f2937

Summary paragraph color.

ratingTextColor string | default: #111827

Rating label text color.

reviewCountColor string | default: #d1413d

Review count text color.

starColor string | default: #d1413d

Filled star color.

mutedStarColor string | default: #9ca3af

Muted star color.

topButtonBackgroundColor string | default: #d1413d

Top CTA background color.

topButtonTextColor string | default: #ffffff

Top CTA text/icon color.

reviewButtonBorderColor string | default: #d1413d

Outline CTA border color.

reviewButtonTextColor string | default: #d1413d

Outline CTA text/icon color.

insurerButtonBackgroundColor string | default: #23206b

Solid CTA background color.

insurerButtonTextColor string | default: #ffffff

Solid CTA text/icon color.

colorScheme enum | default: light

Theme context for nested tokens.

Accepted values:
  • inherit
  • light
  • dark

paddingVertical enum | default: xl

Vertical padding for the section.

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

Examples

Variants

1Cover wordmark

Overall Rating 8.5/10

1769 Reviews

Get quote

With over 20 years of experience 1Cover specialises in providing travel insurance that you can count on. With comprehensive and medical only cover on offer, there’s a policy to suit every budget. Policies are available to those of any age.

Review Insurer Go To Insurer 
---
import ProviderHeaderReviews from "@page-sections/headers/provider-header-reviews/ProviderHeaderReviews.astro";
---

<ProviderHeaderReviews brandWordmarkAlt="1Cover wordmark" brandWordmarkSource="/src/assets/images/component-docs/website-hero.svg" colorScheme="light" filledStars={4} insurerButtonBackgroundColor="#23206b" insurerButtonText="Go To Insurer" insurerButtonTextColor="#ffffff" insurerButtonUrl="#" mutedStarColor="#9ca3af" paddingVertical="xl" providerLogoAlt="1Cover Travel Insurance logo" providerLogoSource="/src/assets/images/component-docs/website-hero.svg" ratingLabel="Overall Rating 8.5/10" ratingTextColor="#111827" reviewButtonBorderColor="#d1413d" reviewButtonText="Review Insurer" reviewButtonTextColor="#d1413d" reviewButtonUrl="#" reviewCount="1769 Reviews" reviewCountColor="#d1413d" sectionBackgroundColor="#ffffff" starColor="#d1413d" summary="With over 20 years of experience 1Cover specialises in providing travel insurance that you can count on. With comprehensive and medical only cover on offer, there’s a policy to suit every budget. Policies are available to those of any age." summaryTextColor="#1f2937" topButtonBackgroundColor="#d1413d" topButtonText="Get quote" topButtonTextColor="#ffffff" topButtonUrl="#" totalStars={5} />
---
blocks:
  _component: page-sections/headers/provider-header-reviews
  brandWordmarkSource: /src/assets/images/component-docs/website-hero.svg
  brandWordmarkAlt: 1Cover wordmark
  providerLogoSource: /src/assets/images/component-docs/website-hero.svg
  providerLogoAlt: 1Cover Travel Insurance logo
  summary: With over 20 years of experience 1Cover specialises in providing travel insurance that you can count on. With comprehensive and medical only cover on offer, there’s a policy to suit every budget. Policies are available to those of any age.
  ratingLabel: Overall Rating 8.5/10
  reviewCount: 1769 Reviews
  filledStars: 4
  totalStars: 5
  topButtonText: Get quote
  topButtonUrl: '#'
  reviewButtonText: Review Insurer
  reviewButtonUrl: '#'
  insurerButtonText: Go To Insurer
  insurerButtonUrl: '#'
  sectionBackgroundColor: '#ffffff'
  summaryTextColor: '#1f2937'
  ratingTextColor: '#111827'
  reviewCountColor: '#d1413d'
  starColor: '#d1413d'
  mutedStarColor: '#9ca3af'
  topButtonBackgroundColor: '#d1413d'
  topButtonTextColor: '#ffffff'
  reviewButtonBorderColor: '#d1413d'
  reviewButtonTextColor: '#d1413d'
  insurerButtonBackgroundColor: '#23206b'
  insurerButtonTextColor: '#ffffff'
  colorScheme: light
  paddingVertical: xl
---