From 83fbfd47fa4000af81f6acb97822a9321bd211b9 Mon Sep 17 00:00:00 2001
From: kusowl <kushal.saha@outlook.com>
Date: Wed, 7 Jan 2026 19:02:55 +0530
Subject: [PATCH] feat(landing page): add two blocks in why-dealhub section

- add two blocks with icons
- fix styling to match ui
---
 .../views/components/why-dealhub.blade.php    | 26 +++++++++++++++----
 1 file changed, 21 insertions(+), 5 deletions(-)

diff --git a/resources/views/components/why-dealhub.blade.php b/resources/views/components/why-dealhub.blade.php
index e46d058..090d0d7 100644
--- a/resources/views/components/why-dealhub.blade.php
+++ b/resources/views/components/why-dealhub.blade.php
@@ -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>