feat(landing page): add get in touch section

resources/views/components/get-in-touch.blade.php

@@ -0,0 +1,44 @@
+<section class="bg-[#F3F7FD] wrapper pb-15">
+    <h2 class="mt-15">How It Works</h2>
+
+    <p class="text-accent-600 text-center mt-3 mb-10">
+        Have questions? We'd love it hear from you. Send us a message and we'll respond <br/>
+        as soon as possible.
+    </p>
+
+    <section class="grid grid-cols-1 md:grid-cols-3 gap-8">
+
+        <x-card>
+            <div class="p-4 rounded-lg w-fit bg-linear-135 from-[#DEEAFE] to-[#EEEAFF] text-blue-700">
+                <x-heroicon-o-user-plus class="w-8"/>
+            </div>
+
+            <h3 class="font-bold">Brokers Post Deals</h3>
+
+            <p class="text-accent-600 text-md">Verified brokers share exclusive deals, services and recommendations on
+                the platform.</p>
+        </x-card>
+
+        <x-card>
+            <div class="p-4 rounded-lg w-fit bg-linear-135 from-[#DEEAFE] to-[#EEEAFF] text-blue-700">
+                <x-heroicon-o-eye class="w-8"/>
+            </div>
+
+            <h3 class="font-bold">Users Explores and Interact</h3>
+
+            <p class="text-accent-600 text-md">Browse, search, like and save deals. Click through to learn more and
+                contact brokers directly.</p>
+        </x-card>
+
+        <x-card>
+            <div class="p-4 rounded-lg w-fit bg-linear-135 from-[#DEEAFE] to-[#EEEAFF] text-blue-700">
+                <x-heroicon-o-arrow-trending-up class="w-8"/>
+            </div>
+
+            <h3 class="font-bold">Best Content Trends</h3>
+
+            <p class="text-accent-600 text-md">The most engaging deals automatically rise to the top, helping you
+                discover the best opportunities.</p>
+        </x-card>
+    </section>
+</section>

resources/views/home.blade.php

@@ -2,4 +2,5 @@
     <x-navbar />
     <x-hero />
     <x-why-dealhub />
+    <x-get-in-touch />
 </x-layout>