updated the clutch widget

blocks/welcome-banner.php

@@ -12,9 +12,10 @@
                         class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a>
                 </div>
                 <div class="review-block d-flex">
-                    <div class="review">
-                        <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/banner-image-01.png" alt=""
-                            class="img-fluid">
+                    <div class="review bg-white rounded-2">
+                        <div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="2"
+                            data-height="45" data-nofollow="true" data-expandifr="true" data-scale="100"
+                            data-clutchcompany-id="2395284"></div>
                     </div>
                     <div class="review">
                         <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/banner-image-02.png" alt=""
@@ -33,4 +34,6 @@
         </div>
     </div>
 </section>
-<?php endif; ?>
\ No newline at end of file
+<?php endif; ?>
+
+<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script>
\ No newline at end of file

dev/sass/pages/_index.scss

@@ -116,7 +116,14 @@ input[type="number"] {
 			margin-top: 32px;
 			gap: 8px;
 
-			img {
+			.review {
+				background-color: var(--white);
+				border-radius: 4px;
+				padding: 12px;
+			}
+
+			img,
+			.clutch-widget {
 				max-height: 64px;
 			}
 		}