<section class="bg-gradient">
    <div class="ptb-60">
        <div class="container">
            <div class="row align-items-center justify-content-lg-between">
                <div class="col-lg-6">
                    <div class="tt-hero text-white">
                        <h1 class="text-white font-weight-bold">{$LANG.homebegin}</h1>
                        <p class="lead mt-3">{$LANG.homebegininfo}</p>

                        <div class="tt-hero-btns">
                            <a href="#frmDomainHomepage" class="btn btn-primary mr-3 page-scroll">Get start now</a>
                            <a href="#pricingSection" class="btn btn-outline-light page-scroll">View Pricing</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <img src="{$WEB_ROOT}/templates/{$template}/img/hero-img.svg" class="hero-img" alt="support image">
                </div>
            </div>
        </div>
    </div>
    <div class="tt-shape position-relative text-center">
        <img src="{$WEB_ROOT}/templates/{$template}/img/hero-bottom-shape-1.svg" class="img-fluid" alt="support image">
    </div>
</section>
