<!-- Hero -->
<div class="position-relative bg-img-start" style="background-image: url(../assets/svg/components/card-11.svg);">
<div class="container content-space-t-3 content-space-t-lg-5 content-space-b-2 position-relative zi-2">
<div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
<h1>Contact us</h1>
<p>We'd love to talk about how we can help you.</p>
</div>
<div class="row">
<div class="col-md-4 mb-3 mb-md-0">
<!-- Card -->
<a class="card card-transition text-center h-100" href="#">
<div class="card-body">
<div class="svg-icon text-primary mb-3">
@@include("../assets/vendor/duotone-icons/cod/cod012.svg")
</div>
<h4 class="card-title">Knowledgebase</h4>
<p class="card-text text-body">We're here to help with any questions or code.</p>
</div>
<div class="card-footer pt-0">
<span class="card-link">Contact support <i class="bi-chevron-right small ms-1"></i></span>
</div>
</a>
<!-- End Card -->
</div>
<!-- End Col -->
<div class="col-md-4 mb-3 mb-md-0">
<!-- Card -->
<a class="card card-transition text-center h-100" href="#">
<div class="card-body">
<div class="svg-icon text-primary mb-3">
@@include("../assets/vendor/duotone-icons/com/com012.svg")
</div>
<h4 class="card-title">FAQ</h4>
<p class="card-text text-body">Search our FAQ for answers to anything you might ask.</p>
</div>
<div class="card-footer pt-0">
<span class="card-link">Visit FAQ <i class="bi-chevron-right small ms-1"></i></span>
</div>
</a>
<!-- End Card -->
</div>
<!-- End Col -->
<div class="col-md-4">
<!-- Card -->
<a class="card card-transition text-center h-100" href="#">
<div class="card-body">
<div class="svg-icon text-primary mb-3">
</div>
<h4 class="card-title">Developer APIs</h4>
<p class="card-text text-body">Check out our development quickstart guide.</p>
</div>
<div class="card-footer pt-0">
<span class="card-link">Contact sales <i class="bi-chevron-right small ms-1"></i></span>
</div>
</a>
<!-- End Card -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- Shape -->
<div class="shape shape-bottom zi-1">
<svg width="3000" height="500" viewBox="0 0 3000 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 500H3000V0L0 500Z" fill="#fff"/>
</svg>
</div>
<!-- End Shape -->
</div>
<!-- End Hero -->