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> <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"> <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 /> A trusted platform connecting you with verified experts who share the best deals, <br />
services, and opportunities in your area. services, and opportunities in your area.
</p> </p>
<section class="grid grid-cols-3"> <section class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="card flex flex-col space-y-4 shadow-xl"> <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"> <div class="p-4 rounded-lg bg-blue-100 text-blue-700 w-fit">
<x-heroicon-o-shield-check class="w-8"/> <x-heroicon-o-shield-check class="w-8"/>
</div> </div>
<h3 class="font-bold">Verified Brokers</h3> <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> </div>
</section> </section>
</section> </section>