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

HeroDfd / Hero without Image

Hero with all text content and contact details, but no hero image

Layout
Properties
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
JSON format (e.g., [{"LinkText":"Home","LinkUrl":"/"}])
Component Code
@await Html.PartialAsync("~/Components/Organisms/HeroDfd/HeroDfd.cshtml", new HeroDfdProps
{
"Breadcrumb": {
"Items": [
{
"Name": "Home",
"Url": "/"
},
{
"Name": "Grandparent",
"Url": "/grandparent"
},
{
"Name": "Parent",
"Url": "/parent"
}
],
"MobileBackLinkText": null,
"BackToPrefix": "Back to ",
"Variant": ""
},
"Category": "Support",
"Title": "We\u0027re here for you",
"Subtitle": "Expert guidance and support",
"IntroCopy": "This summer, you changed the future for people affected by breast cancer.",
"JumpLinks": [
{
"Text": "Section 1 heading",
"Url": "#section-1"
},
{
"Text": "Section 2 heading",
"Url": "#section-2"
},
{
"Text": "Section 3 heading",
"Url": "#section-3"
},
{
"Text": "Section 4 heading",
"Url": "#section-4"
},
{
"Text": "Section 5 heading",
"Url": "#section-5"
},
{
"Text": "Section 6 heading",
"Url": "#section-6"
},
{
"Text": "Section 7 heading",
"Url": "#section-7"
},
{
"Text": "Section 8 heading",
"Url": "#section-8"
}
],
"CtaButton": {
"Variant": "primary",
"Type": null,
"Disabled": false,
"AriaLabel": null,
"Name": null,
"Value": null,
"Action": null,
"LinkText": "Book a group",
"LinkUrl": "/book",
"LinkTarget": null,
"IsActive": false
},
"ImageHtml": null,
"ContactDetails": {
"Theme": "pink",
"PhoneNumber": null,
"OperatingTimes": null
},
"CtaStickyOnMobile": false
})
♿ Accessibility