NebulaPanel - Control Interface

✏️ Editing: page-about-large-image-and-buttons.php

<?php
/**
 * About page with large image and buttons
 */
return array(
	'title'      => __( 'About page with large image and buttons', 'twentytwentytwo' ),
	'categories' => array( 'pages', 'buttons' ),
	'content'    => '
					<div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)">
					<figure class="wp-block-image alignwide size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt="" width="2100" height="1260"/></figure>

<div class="wp-block-columns alignwide">
					<div class="wp-block-column">
					<div class="wp-block-buttons">
					<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div>
					</div>
					</div>

<div class="wp-block-column">
					<div class="wp-block-buttons">
					<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div>
					</div>
					</div>

<div class="wp-block-column">
					<div class="wp-block-buttons">
					<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div>
					</div>
					</div>
					</div>

<div class="wp-block-columns alignwide">
					<div class="wp-block-column">
					<div class="wp-block-buttons">
					<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div>
					</div>
					</div>

<div class="wp-block-column">
					<div class="wp-block-buttons">
					<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Learn about my process', 'twentytwentytwo' ) . '</a></div>
					</div>
					</div>

<div class="wp-block-column">
					<div class="wp-block-buttons">
					<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div>
					</div>
					</div>
					</div>

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

<ul class="wp-block-social-links has-icon-color is-style-logos-only">

</ul>
					</div>
					',
);

✏️ Editing: page-about-large-image-and-buttons.php

🚀 NebulaPanel