Featured resource CTA

Featured resource CTA with colour choices and two layout options (the overlap layout option has a split colour background based on the colours of the previous and subsequent blocks)

Usage details:

To use this element: @include('.srv.www.kocho.co.uk.releases.20251030080212.web.app.themes.sage10.app.View.......library.blocks.featured-resource-cta.featured-resource-cta', $options)

Options used for this example:

[
	"layout" => "no_overlap",
	"bg_colour" => "oatmeal",
	"card_colour" => "white",
	"image" => [
		"url" => "/resources/images/pattern-library/kitten-green.jpg",
		"alt" => "kitten"
	],
	"meta" => "E-Guide | 12min read",
	"title_size" => "h3",
	"title" => "This is an example of a featured resource CTA with an image of what you get.",
	"cta" => [
		"button_text" => "Learn more",
		"button_type" => "link",
		"link_url" => "https://google.com"
	]
]
Usage details:

To use this element: @include('.srv.www.kocho.co.uk.releases.20251030080212.web.app.themes.sage10.app.View.......library.blocks.featured-resource-cta.featured-resource-cta', $options)

Options used for this example:

[
	"layout" => "overlap",
	"bg_colour" => "",
	"card_colour" => "ebony",
	"image" => [
		"url" => "/resources/images/pattern-library/kitten-green.jpg",
		"alt" => "kitten"
	],
	"meta" => "E-Guide | 12min read",
	"title_size" => "h3",
	"title" => "This is an example of a featured resource CTA with an image of what you get.",
	"cta" => [
		"button_text" => "Learn more",
		"button_type" => "link",
		"link_url" => "https://google.com"
	]
]