Hero
A carousel hero banner component for use on the front page.
A carousel hero banner component for use on the front page.
To use this element: @include('.srv.www.cerbaresearch.com.releases.20240417123507.web.app.themes.cerba.resources....library.blocks.hero.hero', $options)
Options used for this example:
[
"slides" => [
[
"text" => [
"text_title" => "Cerba. The future of smart healthcare.",
"text_body" => "<p>With an established reputation in clinical research testing and access to a global scientific network, we deliver patient-focused insight needed to reaslise tomorrow's predictive healthcare.</p>",
"text_colour" => "white",
"text_title_size" => "medium"
],
"image_mobile" => [
"url" => "/assets/images/pattern-library/hero-mobile.png"
],
"image_desktop" => [
"url" => "/assets/images/pattern-library/hero-desktop.png"
]
],
[
"text" => [
"text_title" => "Cerba. The future of smart healthcare",
"text_body" => "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis debitis, animi saepe magnam, tenetur <a href='/'>consequatur illum</a> sapiente sit distinctio optio recusandae iusto expedita officiis</p>",
"text_colour" => "white",
"text_title_size" => "large"
],
"image_mobile" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg"
],
"image_desktop" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg"
]
],
[
"text" => [
"text_title" => "Cerba. The future of smart healthcare",
"text_body" => "<p>Lorem ipsum dolor <strong>sit amet consectetur</strong> adipisicing elit. Rerum repudiandae non, cumque esse sunt vel, quod perferendis quia <em>molestias in eaque eligendi</em>, eveniet quidem. Nam eligendi dicta natus sunt repellendus.</p>",
"text_colour" => "white",
"text_title_size" => "normal"
],
"image_mobile" => [
"url" => "/assets/images/pattern-library/kitten-green.jpg"
],
"image_desktop" => [
"url" => "/assets/images/pattern-library/kitten-stretch.jpg"
]
]
]
]