dealhub/resources/views/components/why-dealhub.blade.php
kusowl 83fbfd47fa feat(landing page): add two blocks in why-dealhub section
- add two blocks with icons
- fix styling to match ui
2026-01-07 19:02:55 +05:30

34 lines
1.7 KiB
PHP

<section class="wrapper mb-15">
<h2 class="text-5xl font-black text-center mt-15">Why Choose {{config('app.name')}}?</h2>
<p class="text-accent-600 text-center mt-3 mb-10">
A trusted platform connecting you with verified experts who share the best deals, <br />
services, and opportunities in your area.
</p>
<section class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="card flex flex-col space-y-4 shadow-xl p-8">
<div class="p-4 rounded-lg bg-blue-100 text-blue-700 w-fit">
<x-heroicon-o-shield-check class="w-8"/>
</div>
<h3 class="font-bold">Verified Brokers</h3>
<p class="text-accent-600 text-md">All brokers are verified and vetted to ensure trustworthy recommendations and deals</p>
</div>
<div class="card flex flex-col space-y-4 shadow-xl p-8">
<div class="p-4 rounded-lg bg-[#F0EBFF] text-[#9470F9] w-fit">
<x-heroicon-o-arrow-trending-up class="w-8"/>
</div>
<h3 class="font-bold">Verified Brokers</h3>
<p class="text-accent-600 text-md">All brokers are verified and vetted to ensure trustworthy recommendations and deals</p>
</div>
<div class="card flex flex-col space-y-4 shadow-xl p-8">
<div class="p-4 rounded-lg bg-[#F9EBF3] text-[#DB5A84] w-fit">
<x-heroicon-o-magnifying-glass class="w-8"/>
</div>
<h3 class="font-bold">Verified Brokers</h3>
<p class="text-accent-600 text-md">All brokers are verified and vetted to ensure trustworthy recommendations and deals</p>
</div>
</section>
</section>