22

✏️ Editing: general-wide-image-intro-buttons.php

<?php
/**
 * Wide image with introduction and buttons block pattern
 */
return array(
	'title'      => __( 'Wide image with introduction and buttons', 'twentytwentytwo' ),
	'categories' => array( 'featured', 'columns' ),
	'content'    => '
				<div class="wp-block-group alignwide">
				<figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-a.jpg" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>

<div class="wp-block-columns">
				<div class="wp-block-column is-vertically-aligned-bottom">
				<h2 style="font-size:clamp(3.25rem, 8vw, 6.25rem);line-height:1.15"><em>' . wp_kses_post( __( 'Welcome to<br>the Aviary', 'twentytwentytwo' ) ) . '</em></h2>
				</div>

<div class="wp-block-column is-vertically-aligned-bottom" style="padding-bottom:6rem">
				<p>' . esc_html__( 'A film about hobbyist bird watchers, a catalog of different birds, paired with the noises they make. Each bird is listed by their scientific name so things seem more official.', 'twentytwentytwo' ) . '</p>

<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>

<div class="wp-block-buttons">
				<div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Learn More', 'twentytwentytwo' ) . '</a></div>

<div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Buy Tickets', 'twentytwentytwo' ) . '</a></div>
				</div>
				</div>
				</div>
				</div>
				',
);

MR SKB