joydip.manna/dealhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(landing page): add two blocks in why-dealhub section

Browse Source 
- add two blocks with icons
- fix styling to match ui
This commit is contained in:
kusowl 2026-01-07 19:02:55 +05:30
parent 208fb5aa95
commit 83fbfd47fa
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
resources/views/components/why-dealhub.blade.php
View File

@ -1,17 +1,33 @@
<section class="wrapper">
<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-3">
<div class="card flex flex-col space-y-4 shadow-xl">
<div class="p-4 rounded-lg bg-blue-100 text-blue-700">
<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-sm">All brokers are verified and vetted to ensure trustworthy recommendations and deals</p>
<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>