Hero Banner settings for WordPress Customizer

customizer.php

<?php
if ( class_exists( 'Kirki' ) ) {
/**
 * Add the theme configuration
 */
Kirki::add_config( 'strappress_theme', array(
	'option_type' => 'theme_mod',
	'capability'  => 'edit_theme_options',
) );


Kirki::add_panel( 'homepage', array(
    'priority'    => 10,
    'title'       => __( 'Homepage', 'strappress' ),
    'description' => __( 'Homepage Panel', 'strappress' ),
) );

/* Homepage Hero Section */
Kirki::add_section( 'homepage_hero', array(
    'title'          => __( 'Homepage Hero' ),
    'description'    => __( 'Homepage Settings' ),
    'panel'          => 'homepage', // Not typically needed.
    'priority'       => 160,
    'capability'     => 'edit_theme_options',
    'theme_supports' => '', // Rarely needed.
) );

/* Homepage Hero Text */
Kirki::add_field( 'strappress_theme', array(
	'type'     => 'text',
	'settings' => 'hero_text',
	'label'    => __( 'Hero Text', 'strappress' ),
	'section'  => 'homepage_hero',
	'default'  => esc_attr__( 'This is a default value', 'strappress' ),
	'priority' => 10,
) );

/* Homepage Hero Image */
Kirki::add_field( 'strappress_theme', array(
	'type'        => 'image',
	'settings'    => 'hero_image',
	'label'       => __( 'Hero Image', 'strappress' ),
	'description' => __( 'This is the hero image upload', 'strappress' ),
	'section'     => 'homepage_hero',
	'default'     => '',
	'priority'    => 10,
) );
}