<!-- Hero Section -->
<div class="position-relative bg-img-hero" style="background-image: url(../../assets/img/1920x1080/img6.jpg);">
<div class="container space-2 space-md-3 space-bottom-lg-4 min-h-300rem">
<div class="d-none d-md-block w-lg-50">
<h1>You're in good company.</h1>
<h2 class="h1 text-primary">Join millions of businesses on Front.</h2>
</div>
</div>
<!-- SVG Background -->
<figure class="position-absolute right-0 bottom-0 left-0">
<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 1920 100.1">
<path fill="#fff" d="M0,0c0,0,934.4,93.4,1920,0v100.1H0L0,0z"/>
</svg>
</figure>
<!-- End SVG Background -->
</div>
<!-- End Hero Section -->
<!-- Clients Section -->
<div class="container position-relative z-index-2">
<div class="row justify-content-center mt-n5">
<div class="col-3 col-lg-2 d-none d-sm-inline-block mt-n11">
<!-- Logo -->
<div class="avatar avatar-xl avatar-circle bg-white shadow-soft p-4 mx-auto">
<img class="avatar-img" src="../../assets/img/160x160/img18.png" alt="Image Description">
</div>
<!-- End Logo -->
</div>
<div class="col-lg-2 d-none d-lg-inline-block mt-lg-n8">
<!-- Logo -->
<div class="bg-white shadow-soft rounded-circle p-6 mx-auto">
<img class="avatar-img" src="../../assets/img/160x160/img17.png" alt="Image Description" width="160" height="160">
</div>
<!-- End Logo -->
</div>
<div class="col-3 col-lg-2 d-none d-sm-inline-block mt-n4">
<!-- Logo -->
<div class="avatar avatar-xl avatar-circle bg-white shadow-soft p-4 mx-auto">
<img class="avatar-img" src="../../assets/img/160x160/img13.png" alt="Image Description">
</div>
<!-- End Logo -->
</div>
<div class="col-3 col-lg-2 d-none d-sm-inline-block mt-n7">
<!-- Logo -->
<div class="avatar avatar-xl avatar-circle bg-white shadow-soft p-4 mx-auto">
<img class="avatar-img" src="../../assets/img/160x160/img14.png" alt="Image Description">
</div>
<!-- End Logo -->
</div>
<div class="col-lg-2 d-none d-lg-inline-block mt-lg-n11">
<!-- Logo -->
<div class="bg-white shadow-soft rounded-circle p-6 mx-auto">
<img class="avatar-img" src="../../assets/img/160x160/img16.png" alt="Image Description" width="160" height="160">
</div>
<!-- End Logo -->
</div>
<div class="col-3 col-lg-2 d-none d-sm-inline-block">
<!-- Logo -->
<div class="avatar avatar-xl avatar-circle bg-white shadow-soft p-4 mx-auto">
<img class="avatar-img" src="../../assets/img/160x160/img15.png" alt="Image Description">
</div>
<!-- End Logo -->
</div>
</div>
</div>
<!-- End Clients Section -->