Fixes style issues

app/javascript/dashboard/constants/globals.js

@@ -61,4 +61,3 @@ export default {
   },
 };
 export const DEFAULT_REDIRECT_URL = '/app/';
-export const ONBOARDING_START_URL = '/app/start/setup-profile';

app/javascript/v3/views/auth/signup/Index.vue

@@ -66,11 +66,6 @@
           </div>
         </div>
       </div>
-      <testimonials
-        v-if="isAChatwootInstance"
-        class="flex-1"
-        @resize-containers="resizeContainers"
-      />
     </div>
     <div
       v-show="isLoading"
@@ -85,14 +80,12 @@
 import { mapGetters } from 'vuex';
 import globalConfigMixin from 'shared/mixins/globalConfigMixin';
 import SignupForm from './components/Signup/Form.vue';
-import Testimonials from './components/Testimonials/Index.vue';
 import Spinner from 'shared/components/Spinner.vue';
 
 export default {
   components: {
     SignupForm,
     Spinner,
-    Testimonials,
   },
   mixins: [globalConfigMixin],
   data() {
@@ -115,19 +108,6 @@ export default {
 };
 </script>
 <style>
-.overlay-gradient {
-  background: linear-gradient(90deg, rgba(252, 252, 253, 0) 81.8%, #fcfcfd 100%),
-    linear-gradient(270deg, rgba(252, 252, 253, 0) 76.93%, #fcfcfd 100%),
-    linear-gradient(0deg, rgba(252, 252, 253, 0) 68.63%, #fcfcfd 100%),
-    linear-gradient(180deg, rgba(252, 252, 253, 0) 73.2%, #fcfcfd 100%);
-}
-.dark .overlay-gradient {
-  background: linear-gradient(270deg, rgba(24, 24, 26, 0) 76.93%, #151718 100%),
-    linear-gradient(90deg, rgba(24, 24, 26, 0) 81.8%, #151718 100%),
-    linear-gradient(0deg, rgba(24, 24, 26, 0) 68.63%, #151718 100%),
-    linear-gradient(180deg, rgba(24, 24, 26, 0) 73.2%, #151718 100%);
-}
-
 .signup-box::before {
   width: 100%;
   height: 200px;

app/javascript/v3/views/auth/signup/components/Signup/Form.vue

@@ -69,6 +69,9 @@ import GoogleOAuthButton from '../../../../../components/GoogleOauth/Button.vue'
 import { register } from '../../../../../api/auth';
 var CompanyEmailValidator = require('company-email-validator');
 
+export const generateOnboardingUrl = accountId =>
+  `/app/accounts/${accountId}/start/setup-profile`;
+
 export default {
   components: {
     FormInput,
@@ -151,10 +154,7 @@ export default {
           data: { account_id: accountId },
         } = await register(this.credentials);
 
-        this.$router.push({
-          name: 'onboarding_setup_profile',
-          params: { accountId },
-        });
+        window.location = generateOnboardingUrl(accountId);
       } catch (error) {
         let errorMessage =
           error?.message || this.$t('REGISTER.API.ERROR_MESSAGE');

app/javascript/v3/views/onboarding/FoundersNote.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="h-full w-full dark:bg-slate-900 relative">
+  <div class="h-full w-full dark:bg-slate-900 relative overflow-hidden">
     <div
       class="absolute inset-0 h-full w-full bg-white dark:bg-slate-900 bg-[radial-gradient(var(--w-100)_1px,transparent_1px)] [background-size:16px_16px] z-0"
     />
@@ -13,7 +13,9 @@
         <div
           class="p-10 max-w-[560px] w-full overflow-auto bg-white dark:bg-slate-900 border border-solid border-slate-100 dark:border-slate-800 rounded-2xl"
         >
-          <section class="mt-4 space-y-6 text-sm leading-relaxed">
+          <section
+            class="mt-4 space-y-6 text-sm leading-relaxed text-slate-900 dark:text-white"
+          >
             <div
               class="rounded-full h-16 w-16 border border-solid border-woot-500 p-4"
             >
@@ -45,7 +47,9 @@
               feedback. Talk soon!
             </p>
           </section>
-          <figure class="mt-5 text-sm leading-relaxed">
+          <figure
+            class="mt-5 text-sm leading-relaxed text-slate-900 dark:text-white"
+          >
             <woot-thumbnail
               src="https://www.chatwoot.com/images/team/pranav.jpg"
               username="Pranav"
@@ -94,3 +98,17 @@ export default {
   },
 };
 </script>
+<style>
+.overlay-gradient {
+  background: linear-gradient(90deg, rgba(252, 252, 253, 0) 81.8%, #fcfcfd 100%),
+    linear-gradient(270deg, rgba(252, 252, 253, 0) 76.93%, #fcfcfd 100%),
+    linear-gradient(0deg, rgba(252, 252, 253, 0) 68.63%, #fcfcfd 100%),
+    linear-gradient(180deg, rgba(252, 252, 253, 0) 73.2%, #fcfcfd 100%);
+}
+.dark .overlay-gradient {
+  background: linear-gradient(270deg, rgba(24, 24, 26, 0) 76.93%, #151718 100%),
+    linear-gradient(90deg, rgba(24, 24, 26, 0) 81.8%, #151718 100%),
+    linear-gradient(0deg, rgba(24, 24, 26, 0) 68.63%, #151718 100%),
+    linear-gradient(180deg, rgba(24, 24, 26, 0) 73.2%, #151718 100%);
+}
+</style>

app/javascript/v3/views/onboarding/SetupCompany.vue

@@ -56,7 +56,7 @@
             :value="zone.value"
             :selected="timezone === zone.value"
           >
-            {{ zone.value }}
+            {{ zone.label }}
           </option>
         </form-select>
         <form-radio-tags