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

Options used for this example:

[
	"block_type" => "expanded",
	"has_tag" => true,
	"tag_text" => "Speakers",
	"tag_type" => "yellow-text",
	"speakers" => [
		[
			"speaker" => [
				"version" => "closed",
				"profile" => [
					"url" => "/resources/images/pattern-library/kitten-grey.jpg",
					"alt" => "kitten"
				],
				"name" => "Jane Bloggs",
				"subtitle" => "Guest",
				"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
				"social_icons" => [
					[
						"name" => "twitter",
						"url" => "https://twitter.com"
					],
					[
						"name" => "linkedin",
						"url" => "https://linkedin.com"
					]
				],
				"has_button" => true,
				"cta" => [
					"button_text" => "Visit Profile",
					"button_style" => "primary-green",
					"button_type" => "link",
					"link_url" => "https://google.com"
				]
			]
		],
		[
			"speaker" => [
				"version" => "closed",
				"profile" => [
					"url" => "/resources/images/pattern-library/kitten-grey.jpg",
					"alt" => "kitten"
				],
				"name" => "Claire Speaker",
				"subtitle" => "Guest",
				"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
				"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
				"social_icons" => [
					[
						"name" => "twitter",
						"url" => "https://twitter.com"
					],
					[
						"name" => "linkedin",
						"url" => "https://linkedin.com"
					]
				]
			]
		],
		[
			"speaker" => [
				"version" => "expanded",
				"profile" => [
					"url" => "/resources/images/pattern-library/kitten-grey.jpg",
					"alt" => "kitten"
				],
				"name" => "Joe Speaker",
				"subtitle" => "Guest",
				"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
				"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>"
			]
		]
	]
]

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

Options used for this example:

[
	"block_type" => "expanded",
	"has_tag" => true,
	"tag_text" => "Speakers",
	"tag_type" => "yellow-text",
	"speakers" => [
		[
			"speaker" => [
				"version" => "expanded",
				"profile" => [
					"url" => "/resources/images/pattern-library/kitten-grey.jpg",
					"alt" => "kitten"
				],
				"name" => "Jane Bloggs",
				"subtitle" => "Guest",
				"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
				"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
				"social_icons" => [
					[
						"name" => "twitter",
						"url" => "https://twitter.com"
					],
					[
						"name" => "linkedin",
						"url" => "https://linkedin.com"
					]
				],
				"has_button" => true,
				"cta" => [
					"button_text" => "Visit Profile",
					"button_style" => "primary-green",
					"button_type" => "link",
					"link_url" => "https://google.com"
				]
			]
		],
		[
			"speaker" => [
				"version" => "expanded",
				"profile" => [
					"url" => "/resources/images/pattern-library/kitten-grey.jpg",
					"alt" => "kitten"
				],
				"name" => "Claire Speaker",
				"subtitle" => "Guest",
				"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
				"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
				"social_icons" => [
					[
						"name" => "twitter",
						"url" => "https://twitter.com"
					],
					[
						"name" => "linkedin",
						"url" => "https://linkedin.com"
					]
				]
			]
		],
		[
			"speaker" => [
				"version" => "expanded",
				"profile" => [
					"url" => "/resources/images/pattern-library/kitten-grey.jpg",
					"alt" => "kitten"
				],
				"name" => "Joe Speaker",
				"subtitle" => "Guest",
				"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
				"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>"
			]
		]
	]
]

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

Options used for this example:

[
	"block_type" => "single",
	"has_overlay" => true,
	"overlay_image" => [
		"url" => "/resources/images/patterns/Butterfly_1.png",
		"alt" => "butterfly"
	],
	"speaker" => [
		"version" => "expanded",
		"profile" => [
			"url" => "/resources/images/pattern-library/kitten-grey.jpg",
			"alt" => "kitten"
		],
		"name" => "Jane Bloggs",
		"subtitle" => "Guest",
		"closed_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim.</p>",
		"expanded_about" => "<p>Lorem ipsum dolor sit amet consectetur adipiscing elit dignissim dictum suspendisse, senectus netus mattis dapibus iaculis dictumst massa primis</p>",
		"social_icons" => [
			[
				"name" => "twitter",
				"url" => "https://twitter.com"
			],
			[
				"name" => "linkedin",
				"url" => "https://linkedin.com"
			]
		],
		"has_button" => true,
		"cta" => [
			"button_text" => "Visit Profile",
			"button_style" => "primary-green",
			"button_type" => "link",
			"link_url" => "https://google.com"
		]
	]
]