<section class="px-8 md:px-24 py-10">
<div class="flex flex-wrap -m-4">
<div class="w-full lg:w-1/2 p-4">
<div class="flex flex-col justify-between gap-8 h-full">
<div>
<h1 class="font-heading tracking-tight text-4xl md:text-6xl font-medium mb-8 max-w-sm md:max-w-lg">Get help from the industry experts.</h1>
<p class="tracking-tight text-gray-700 text-lg mb-8 max-w-lg">We are passionate about transforming spaces into extraordinary experiences. With a seamless fusion of architecture and interior design.</p>
<a href="#" class="bg-black h-16 rounded-full px-6 py-4 inline-flex items-center justify-center gap-2 hover:bg-orange-600 focus:bg-orange-500 focus:ring-4 focus:ring-orange-200 transition duration-200">
<span class="tracking-tight font-bold text-white">Book A Free Call</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M14 6.66669H7.33333C4.38781 6.66669 2 9.0545 2 12V13.3334M14 6.66669L10 10.6667M14 6.66669L10 2.66669" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<div class="flex flex-wrap items-center gap-6">
<h2 class="font-heading tracking-tight text-4xl md:text-6xl font-medium">159%</h2>
<div>
<p class="tracking-tight text-lg font-semibold">Average Revenue</p>
<p class="tracking-tight text-gray-600">From customers worldwide</p>
</div>
</div>
</div>
</div>
<div class="w-full lg:w-1/2 p-4">
<img class="w-full object-cover rounded-2xl" style="height:815px;" src="consulty-assets/cta/picture1.png" alt="">
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
