diff --git a/public/assets/css/FrontendCss/style.css b/public/assets/css/FrontendCss/style.css
index 1d4388c..d5739b0 100644
--- a/public/assets/css/FrontendCss/style.css
+++ b/public/assets/css/FrontendCss/style.css
@@ -6564,4 +6564,52 @@ button#modal_close span {
   font-size: 14px;
   font-style: normal;
   margin-top: 15px;
-}
\ No newline at end of file
+}
+/* website customer support chat start */
+.chatss {
+  width: 100%;
+  height: 30px;
+  background: #000;
+}
+.chat-sec .chatboxsss .send {
+  background: #79a7df;
+  margin-top: 15px;
+  max-width: 410px;
+  width: 410px;
+  color: #fff;
+  padding: 12px 20px;
+  border-top-right-radius: 10px;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+  z-index: 9999;
+  position: relative;
+}
+
+.chat-sec .chatboxsss .send-right:first-child .receive {
+  margin-top: 30px;
+}
+.chat-sec .chatboxsss .receive {
+  margin-top: 15px;
+  max-width: 410px;
+  width: 410px;
+  background-color: #143c6d;
+  color: #fff;
+  padding: 12px 20px;
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+.chatboxsss .send-right,
+.send-left {
+  opacity: 0.5;
+}
+
+.chatboxsss {
+  background-image: url("https://jerichoalternatives.in/public/assets/media/FrontendImages/menu-logo.png, linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5))");
+  background-size: 26%;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-attachment: fixed;
+}
+/* website customer support chat end */
diff --git a/resources/views/Frontend/Pages/user-chat/chats.blade.php b/resources/views/Frontend/Pages/user-chat/chats.blade.php
index 5d98005..865293e 100644
--- a/resources/views/Frontend/Pages/user-chat/chats.blade.php
+++ b/resources/views/Frontend/Pages/user-chat/chats.blade.php
@@ -1,5 +1,5 @@
 <div class="" style="min-height:auto">
-    @foreach ($chats as $chat)
+    @forelse ($chats as $chat)
         @if ($chat->by == 'User')
             {{-- <div class="receive container mr-0 mb-4"> --}}
             <div class="send-right">
@@ -79,5 +79,49 @@
 
             </div> --}}
 @endif
-@endforeach
+@empty
+<div class="chatboxsss">
+    <div class="send-right">
+        <div class="receive">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+    <div class="send-right">
+        <div class="receive" style="width: 28%;">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+    <div class="send-left">
+        <div class="send">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+    <div class="send-left">
+        <div class="send" style="width: 30%;">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+    <div class="send-left">
+        <div class="send" style="width: 15%;">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+    <div class="send-right">
+        <div class="receive">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+    <div class="send-right">
+        <div class="receive" style="width: 15%;">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+
+    <div class="send-left">
+        <div class="send" style="width: 10%;">
+            <a type="button" class="text-light" href="https://staging.jerichoalternatives.in/get-file/1719312082.png"></a>
+        </div>
+    </div>
+</div>
+@endforelse
 </div>