47 lines
1.8 KiB
PHP
47 lines
1.8 KiB
PHP
<section class="bg-[#F3F7FD] wrapper pb-15">
|
|
<h2 class="mt-15">How It Works</h2>
|
|
|
|
<p class="text-accent-600 text-center mt-3 mb-10">
|
|
A simple, three step process to connect buyers with trusted sellers and service<br/>providers
|
|
</p>
|
|
|
|
<section class="grid grid-cols-1 md:grid-cols-3 gap-x-8 gap-y-12">
|
|
|
|
<x-card class="relative">
|
|
<x-card-number text="01" />
|
|
<div class="p-4 rounded-lg w-fit bg-linear-135 from-[#DEEAFE] to-[#EEEAFF] text-blue-700">
|
|
<x-heroicon-o-user-plus class="w-8"/>
|
|
</div>
|
|
|
|
<h3 class="font-bold">Brokers Post Deals</h3>
|
|
|
|
<p class="text-accent-600 text-md">Verified brokers share exclusive deals, services and recommendations on
|
|
the platform.</p>
|
|
</x-card>
|
|
|
|
<x-card class="relative">
|
|
<x-card-number text="02" />
|
|
<div class="p-4 rounded-lg w-fit bg-linear-135 from-[#DEEAFE] to-[#EEEAFF] text-blue-700">
|
|
<x-heroicon-o-eye class="w-8"/>
|
|
</div>
|
|
|
|
<h3 class="font-bold">Users Explores and Interact</h3>
|
|
|
|
<p class="text-accent-600 text-md">Browse, search, like and save deals. Click through to learn more and
|
|
contact brokers directly.</p>
|
|
</x-card>
|
|
|
|
<x-card class="relative">
|
|
<x-card-number text="03" />
|
|
<div class="p-4 rounded-lg w-fit bg-linear-135 from-[#DEEAFE] to-[#EEEAFF] text-blue-700">
|
|
<x-heroicon-o-arrow-trending-up class="w-8"/>
|
|
</div>
|
|
|
|
<h3 class="font-bold">Best Content Trends</h3>
|
|
|
|
<p class="text-accent-600 text-md">The most engaging deals automatically rise to the top, helping you
|
|
discover the best opportunities.</p>
|
|
</x-card>
|
|
</section>
|
|
</section>
|