dealhub/resources/views/components/why-dealhub.blade.php
kusowl d42a12e554 refactor: card component and heading
- add default style of h2 heading
- make card component for consistent style
2026-01-08 11:30:23 +05:30

35 lines
1.5 KiB
PHP

<section class="wrapper mb-15">
<h2 class="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">
<x-card>
<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>
</x-card>
<x-card>
<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>
</x-card>
<x-card>
<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>
</x-card>
</section>
</section>