feat: Update Signup screen (#6002)

* feat: Update Signup page designs

* feat: Update the signup page with dynamic testimonials

* Remove the images

* chore: Minor UI fixes

* chore: Form aligned to centre

* Update app/javascript/dashboard/routes/auth/components/Signup/Form.vue

* Design improvements

* Update company name key

* Revert "chore: Minor UI fixes"

This reverts commit 1556f4ca835d9aa0d9620fd6a3d52d259f0d7d65.

* Revert "Design improvements

This reverts commit dfb2364cf2f0cc93123698fde92e5f9e00536cc2.

* Remove footer

* Fix spacing

* Update app/views/installation/onboarding/index.html.erb

Co-authored-by: iamsivin <iamsivin@gmail.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>

app/javascript/dashboard/routes/auth/components/Testimonials/TestimonialCard.vue

@@ -0,0 +1,93 @@
+<template>
+  <div class="testimonial-card">
+    <div class="left-card--wrap absolute">
+      <div class="left-card--content">
+        <p class="card-content">
+          {{ reviewContent }}
+        </p>
+        <div class="content-author--details row">
+          <div class="author-image--wrap">
+            <img :src="authorImage" class="author-image" />
+          </div>
+          <div class="author-name-company--details">
+            <div class="author-name">{{ authorName }}</div>
+            <div class="author-company">{{ authorDesignation }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    reviewContent: {
+      type: String,
+      default: '',
+    },
+    authorImage: {
+      type: String,
+      default: '',
+    },
+    authorName: {
+      type: String,
+      default: '',
+    },
+    authorDesignation: {
+      type: String,
+      default: '',
+    },
+  },
+  setup() {},
+};
+</script>
+
+<style scoped lang="scss">
+.testimonial-card {
+  align-items: center;
+  background: var(--white);
+  border-radius: var(--border-radius-normal);
+  box-shadow: var(--shadow-large);
+  display: flex;
+  justify-content: center;
+  padding: var(--space-medium) var(--space-large);
+  width: 32rem;
+}
+
+.content-author--details {
+  align-items: center;
+  display: flex;
+  margin-top: var(--space-small);
+
+  .author-image--wrap {
+    background: white;
+    border-radius: var(--border-radius-rounded);
+    padding: var(--space-smaller);
+
+    .author-image {
+      border-radius: var(--border-radius-rounded);
+      height: calc(var(--space-two) + var(--space-two));
+      width: calc(var(--space-two) + var(--space-two));
+    }
+  }
+
+  .author-name-company--details {
+    margin-left: var(--space-small);
+
+    .author-name {
+      font-size: var(--font-size-small);
+      font-weight: var(--font-weight-bold);
+    }
+
+    .author-company {
+      font-size: var(--font-size-mini);
+    }
+  }
+}
+
+.card-content {
+  color: var(--s-600);
+  // font-size: var(--font-size-default);
+  line-height: 1.7;
+}
+</style>