<section>
<div class="mx-auto max-w-screen-xl px-4 py-12">
<div class="mb-2 border-l-2 border-pink-200 pl-3 text-sm font-medium text-gray-900">OUR STORY</div>
<div class="max-w-screen-lg" data-aos="fade-up">
<h3 class="text-4xl font-bold sm:text-5xl md:text-3xl lg:text-5xl">Best services and consulting for business</h3>
<p class="mt-4 text-lg text-gray-800">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi modi quo, laborum beatae voluptate saepe reprehenderit, itaque nostrum veniam quas, voluptatum sit perspiciatis repellendus quidem labore officia nesciunt hic dignissimos magni?</p>
</div>
<div class="mt-8">
<div>
<img class="h-96 w-full rounded-lg object-cover" src="https://images.pexels.com/photos/1438072/pexels-photo-1438072.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="hero img" />
</div>
</div>
</div>
</section>
