Banner Block

To show Banner Block on Home page, In the Page Builder -> Go to Widgets -> drag and drop HTML block into specified sections.

In field HTML block:

When you are happy with your changes, don't forget click Save HTML and Publish to repackage the edited theme.

After that, input sample content below:

<div class="section-block home-section" id="home-banner-full">
    <div class="container container--full">
        <div class="home-banner-full__container">
            <div class="home-banner-full__img">
                <a href="#" aria-label="New Arrival">
                    <img class="image-pc lazyload" data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/banner-image-1.jpeg" alt="New Arrival" />
                    <img class="image-mb lazyload" data-src="https://cdn11.bigcommerce.com/s-i3ir1cu8vh/images/stencil/original/image-manager/banner-image-1-mb.jpeg" alt="METROPÓLIS" />
                </a>
            </div>
            <div class="home-banner-full__content">
                <h3 class="home-banner-full__subtitle">NEW ARRIVAL</h3>
                <h4 class="home-banner-full__title">
                    ENGINE <br />
                    MACHINE V224
                </h4>
                <p class="home-banner-full__des">
                    To contribute to positive change and achieve our <br />
                    sustainability goals with many extraordinary
                </p>
                <a class="button button--tertiary" href="#" aria-label="Shop now">Shop now</a>
            </div>
        </div>
    </div>
</div>