Bob AI: Editing div ([data-webild-id="webild-1770429676776...

Merge version_2 into main

src/components/sections/hero/HeroBillboard.tsx

@@ -8,6 +8,7 @@ import { cls } from "@/lib/utils";
 import type { LucideIcon } from "lucide-react";
 import type { ButtonConfig } from "@/types/button";
 import type { Avatar } from "@/components/shared/AvatarGroup";
+import { User, CheckCircle } from "lucide-react";
 
 type HeroBillboardBackgroundProps = Extract<
   HeroBackgroundVariantProps,
@@ -127,7 +128,7 @@ const HeroBillboard = ({
           buttonTextClassName={buttonTextClassName}
           center={true}
         />
-        <div className="flex flex-col gap-6" >
+        <div className="flex flex-col gap-3" >
           <div className={cls("w-full overflow-hidden rounded-theme-capped card p-4", mediaWrapperClassName)}>
             <MediaContent
               imageSrc={imageSrc}
@@ -151,6 +152,23 @@ const HeroBillboard = ({
             />
           )}
         </div>
+        <div data-webild-id="webild-1770429676776-pbdgcp6ud" className="text-center mt-6">
+          Trusted by over 500 clients
+          <div className="flex justify-center mt-4">
+            <div className="flex items-center mx-4">
+              <User className="w-6 h-6 mr-2" />
+              <CheckCircle className="w-4 h-4 text-green-500" />
+            </div>
+            <div className="flex items-center mx-4">
+              <User className="w-6 h-6 mr-2" />
+              <CheckCircle className="w-4 h-4 text-green-500" />
+            </div>
+            <div className="flex items-center mx-4">
+              <User className="w-6 h-6 mr-2" />
+              <CheckCircle className="w-4 h-4 text-green-500" />
+            </div>
+          </div>
+        </div>
       </div>
     </section>
   );