Text with Image

A two column block with two layout options and a choice of either a case study card or custom text column

Usage details:

To use this element: @include('.srv.www.kocho.co.uk.releases.20241029111403.web.app.themes.sage10.app.View.......library.blocks.text-with-image.text-with-image', $options)

Options used for this example:

[
	"has_top_tag" => 0,
	"content_type" => "custom",
	"layout" => "img-left",
	"image_width" => "half",
	"articles" => [
		[
			"bg_colour" => "white",
			"layout" => "img-right",
			"has_top_tag" => 0,
			"top_tag_type" => "",
			"top_tag_text" => "",
			"top_title" => "",
			"content_type" => "case_study",
			"case_study_title_size" => "h2",
			"meta" => "Case Study | 12min Read",
			"icon" => [
				"url" => "/resources/images/pattern-library/logo-informa.png",
				"alt" => "the Informa logo"
			],
			"title" => "Devising a Stirling approach to threat protection in the higher education sector.",
			"cta" => [
				"button_text" => "Read More",
				"button_type" => "link",
				"link_url" => "https://google.com"
			],
			"image" => [
				"url" => "/resources/images/pattern-library/gettyimages-1327498437-2048x2048.jpeg",
				"alt" => "kitten"
			]
		],
		[
			"bg_colour" => "oatmeal",
			"layout" => "img-right",
			"has_top_tag" => 0,
			"top_tag_type" => "",
			"top_tag_text" => "",
			"top_title" => "",
			"content_type" => "custom",
			"custom" => [
				"has_tag" => true,
				"tag_type" => "icon",
				"tag_text" => "Location",
				"text_align" => "left",
				"title" => "Where to find us",
				"copy" => "<p>Lorem ipsum dolor sit amet, consetetur adipiscing elitr.</p><p><u>The Red Church,</u><br/>Redfield,</br>Bristol,</br>BS15 4LD</p>",
				"has_button" => true,
				"cta" => [
					"button_text" => "Get Directions",
					"button_type" => "link",
					"link_url" => "https://google.com"
				]
			],
			"image" => [
				"url" => "/resources/images/pattern-library/gettyimages-1338923760-2048x2048.jpeg",
				"alt" => "nighttime timelapse of winding hilltop road"
			]
		],
		[
			"bg-colour" => "white",
			"layout" => "img-left",
			"has_top_tag" => 1,
			"top_tag_type" => "icon",
			"top_tag_text" => "Featured",
			"top_title" => "The latest and greatest from our world",
			"content_type" => "case_study",
			"case_study_title_size" => "h3",
			"meta" => "Case Study | 12min Read",
			"icon" => [
				"url" => "/resources/images/pattern-library/logo-informa.png",
				"alt" => "the Informa logo"
			],
			"title" => "Devising a Stirling approach to threat protection in the higher education sector.",
			"cta" => [
				"button_text" => "Read More",
				"button_type" => "link",
				"link_url" => "https://google.com"
			],
			"image" => [
				"url" => "/resources/images/pattern-library/gettyimages-1327498437-2048x2048.jpeg",
				"alt" => "kitten"
			]
		]
	]
]