Merge branch 'main' into fix/announcement-bar-ui-styling

Author: Srinu346

src/components/KeployCloud.js

@@ -4,11 +4,11 @@ export const KeployCloud = () => {
   return (
     <section
       id="cloud"
-      className="mb-8 mt-12 flex max-w-7xl items-center space-x-5 rounded-lg bg-[color:var(--ifm-card-background-color)] p-5"
+      className="mb-8 mt-12 flex max-w-7xl items-center space-x-6 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 shadow-md"
     >
-      <div className="prose prose-orange mx-auto max-w-3xl">
-        <h1> Question? 🤔💭</h1>
-        <p className="my-3 block">
+      <div className="prose prose-orange max-w-3xl text-left">
+        <h1 className="text-left">Questions? 🤔💭</h1>
+        <p className="my-3 block text-left">
           For any support please{" "}
           <a
             href="https://join.slack.com/t/keploy/shared_invite/zt-357qqm9b5-PbZRVu3Yt2rJIa6ofrwWNg"

src/css/custom.css

@@ -744,6 +744,19 @@ textarea {
   resize: vertical;
 }
 
+.theme-back-to-top-button {
+  background-color: #FF914D !important;
+  color: white !important;
+}
+
+.theme-back-to-top-button svg {
+  fill: white !important;
+}
+
+.theme-back-to-top-button:hover {
+  background-color: #e67643 !important;
+}
+
 div[class*="announcementBar"] {
   @apply bg-[#FFD7A0] text-[#1f2937] shadow-lg font-bold;
   font-family: "Roboto", sans-serif;