Responsive
Atoms
FormLabel
Default
Molecules
ContactDetails
Default
Organisms
HeaderMinimal
Default
ServicesGroupFinderBlock
With Results No Results

HeroPinkWithHeaderWearItPinkNoBreadcrumbImage / Wear it Pink - Compact (No Breadcrumb)

Wear it Pink hero with border and compact styling, no breadcrumb

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/HeroPinkWithHeaderWearItPinkNoBreadcrumbImage/HeroPinkWithHeaderWearItPinkNoBreadcrumbImage.cshtml", new HeroPinkWithHeaderWearItPinkNoBreadcrumbImageProps
{
"Header": {
"NurseLineText": "Contact our nurses",
"PhoneNumber": "0808 800 6000",
"UtilityNavLinks": [
{
"Text": "Forum",
"Url": "/forum"
},
{
"Text": "Researchers",
"Url": "/researchers"
},
{
"Text": "Healthcare professionals",
"Url": "/healthcare"
},
{
"Text": "Log in",
"Url": "/login"
}
],
"BasketCount": 1,
"BasketUrl": "#",
"LoginUrl": null,
"AccountUrl": null,
"IsLoggedIn": false,
"MainNavItems": [
{
"Text": "Support and information",
"Url": "/support",
"HasDropdown": true,
"IsActive": false,
"ColumnOne": null,
"ColumnTwo": null,
"ColumnThree": null,
"ColumnThreeText": null
},
{
"Text": "Our research",
"Url": "/research",
"HasDropdown": true,
"IsActive": false,
"ColumnOne": null,
"ColumnTwo": null,
"ColumnThree": null,
"ColumnThreeText": null
},
{
"Text": "Get involved",
"Url": "/get-involved",
"HasDropdown": true,
"IsActive": false,
"ColumnOne": null,
"ColumnTwo": null,
"ColumnThree": null,
"ColumnThreeText": null
},
{
"Text": "About",
"Url": "/about",
"HasDropdown": true,
"IsActive": false,
"ColumnOne": null,
"ColumnTwo": null,
"ColumnThree": null,
"ColumnThreeText": null
}
],
"ShowSearch": true,
"IsSearchPage": false,
"ShowDonate": true,
"DonateButtonText": null,
"DonateButtonUrl": null,
"LogoUrl": "/",
"LogoAlt": "Breast Cancer Now",
"PopularSearchCards": null,
"IsMicrosite": false,
"ButtonOneText": null,
"ButtonOneUrl": null,
"ButtonOneTarget": null,
"ButtonTwoText": null,
"ButtonTwoUrl": null,
"ButtonTwoTarget": null
},
"Hero": {
"Label": null,
"Heading": "About Breast Cancer Now",
"IntroText": "This summer, you changed the future for people affected by breast cancer.",
"Breadcrumb": null,
"PrimaryButton": {
"Variant": "primary",
"Type": null,
"Disabled": false,
"AriaLabel": null,
"Name": null,
"Value": null,
"Action": null,
"LinkText": "Pay in your fundraising",
"LinkUrl": "/fundraising/pay-in",
"LinkTarget": null,
"IsActive": false
},
"SecondaryButton": null,
"ImageHtml": {},
"ShowBackgroundPattern": false,
"ShowBorder": true,
"DonationForm": null,
"ShowBiscuit": false,
"PopUp": null
}
})
♿ Accessibility