💄 Update explainer section layout for improved responsiveness; add health icon for enhanced visual representation

Author: HassanZahirnia

resources/views/components/home/explainer.blade.php

@@ -341,7 +341,7 @@ class="flex flex-wrap items-start gap-x-2.5 gap-y-3 lg:pt-2 2xl:gap-x-3"
     <div class="mt-5 flex flex-col gap-5 lg:flex-row">
         {{-- Left side --}}
         <div
-            class="dark:bg-mirage w-full rounded-2xl bg-gray-200/60 p-8 md:p-10 lg:max-w-md"
+            class="dark:bg-mirage w-full rounded-2xl bg-gray-200/60 p-8 md:p-10 lg:max-w-md xl:max-w-lg"
         >
             {{-- Header --}}
             <div
@@ -449,6 +449,7 @@ class="2xs:justify-start flex flex-wrap items-start justify-center gap-x-2.5 gap
                         ['name' => 'eCommerce', 'icon' => 'icons.home.shop'],
                         ['name' => 'Social apps', 'icon' => 'icons.home.social'],
                         ['name' => 'Field services', 'icon' => 'icons.home.wrench'],
+                        ['name' => 'Health', 'icon' => 'icons.home.health'],
                     ];
                 @endphp
 

resources/views/components/icons/home/health.blade.php

@@ -0,0 +1,29 @@
+<svg
+    {{ $attributes }}
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="-0.715 -0.715 20 20"
+>
+    <path
+        stroke="currentColor"
+        class="text-[var(--icon-stroke)]"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        d="M0.6632142857142858 11.197113107142856h1.2752151642857144s0.5968000071428572 -2.368749407142857 1.4920199142857145 -2.368749407142857c0.895206642857143 0 1.240608642857143 5.504758157142858 2.6238746785714286 5.504758157142858s3.1613833285714286 -12.344938071428572 4.478394257142857 -12.344938071428572c1.3169976642857144 0 2.256427435714286 4.934433664285715 2.256427435714286 4.934433664285715"
+        stroke-width="1.43"
+    ></path>
+    <path
+        class="text-[var(--icon-bg)]"
+        fill="currentColor"
+        d="M14.232843857142859 11.022024535714285c-1.7750267142857146 -2.1779957142857143 -3.649217228571429 -0.6304382357142857 -3.673875535714286 1.0377977142857144 0 2.4835385357142856 2.9715316071428575 4.5219939642857145 3.673875535714286 4.5219939642857145 0.7024765714285715 0 3.6739418571428573 -2.0384554285714285 3.6739418571428573 -4.5219939642857145 -0.024671571428571428 -1.6682359500000001 -1.8987825 -3.2157934285714287 -3.6739418571428573 -1.0377977142857144Z"
+        stroke-width="1.43"
+    ></path>
+    <path
+        stroke="currentColor"
+        class="text-[var(--icon-stroke)]"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        d="M14.232843857142859 11.022024535714285c-1.7750267142857146 -2.1779957142857143 -3.649217228571429 -0.6304382357142857 -3.673875535714286 1.0377977142857144 0 2.4835385357142856 2.9715316071428575 4.5219939642857145 3.673875535714286 4.5219939642857145 0.7024765714285715 0 3.6739418571428573 -2.0384554285714285 3.6739418571428573 -4.5219939642857145 -0.024671571428571428 -1.6682359500000001 -1.8987825 -3.2157934285714287 -3.6739418571428573 -1.0377977142857144Z"
+        stroke-width="1.43"
+    ></path>
+</svg>