<?xml version="1.0"?>
<t name="Numbers Showcase" t-name="website.s_numbers_showcase">
    <section class="s_numbers_showcase pt80 pb80 o_colored_level">
        <div class="container">
            <div class="row o_grid_mode" data-row-count="8" style="gap: 24px;">
                <div class="o_grid_item g-height-8 g-col-lg-4 col-lg-4" style="--grid-item-padding-y: 16px; --grid-item-padding-x: 16px; grid-area: 1 / 1 / 9 / 5; z-index: 1;">
                    <h2>Explore our<br/> key statistics</h2>
                    <p><br/></p>
                    <p class="lead">Analyzing the numbers behind our success: an in-depth look at the key metrics driving our company's achievements.</p>
                    <p><a href="#" class="btn btn-primary" role="button">More details</a></p>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-4 col-lg-4 o_cc o_cc3" style="--grid-item-padding-y: 32px; --grid-item-padding-x: 32px; grid-area: 1 / 5 / 5 / 9; z-index: 2;">
                    <h3 class="display-3-fs">12k</h3>
                    <p><br/></p>
                    <h4>Useful options</h4>
                    <p>Explore a vast array of practical and beneficial choices.</p>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-4 col-lg-4 o_cc o_cc5" style="--grid-item-padding-y: 32px; --grid-item-padding-x: 32px; grid-area: 1 / 9 / 5 / 13; z-index: 3;">
                    <h3 class="display-3-fs">45%</h3>
                    <p><br/></p>
                    <h4>More leads</h4>
                    <p>Boost your pipeline with an increase in potential leads.</p>
                </div>
                <div class="o_grid_item g-height-4 g-col-lg-8 col-lg-8 o_cc o_cc4" style="--grid-item-padding-y: 32px; --grid-item-padding-x: 32px; grid-area: 5 / 5 / 9 / 13; z-index: 4;">
                    <h3 class="display-3-fs">8+</h3>
                    <p><br/></p>
                    <h4>Amazing pages</h4>
                    <p>Discover outstanding and highly engaging web pages.</p>
                </div>
            </div>
        </div>
    </section>
</t>

