<!-- Hero -->
<div class="bg-soft-primary-light">
<div class="container content-space-1 content-space-md-2">
<div class="row justify-content-center align-items-lg-center mb-10">
<div class="col-md-6 mb-7 mb-md-0">
<div class="mb-7">
<h1 class="display-3 text-primary">Empower your customers to <span class="text-warning">do more</span></h1>
<p class="lead">We help brands and platforms turn big ideas into beautiful digital products and experiences.</p>
</div>
<a class="btn btn-primary" href="#contactSection">Partner with us <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
<div class="col-md-5 col-md-6">
<img class="img-fluid" src="../assets/svg/illustrations/oc-chatting.svg" alt="Image Description">
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<div class="row">
<div class="col py-3">
<img src="../assets/svg/brands/capsule-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/fitbit-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/vidados-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/mailchimp-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
<div class="col py-3">
<img src="../assets/svg/brands/layar-primary.svg" alt="Logo" style="max-width: 7rem;">
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Hero -->