diff --git a/packages/console/src/App.tsx b/packages/console/src/App.tsx
index 04943799d..29daf8aee 100644
--- a/packages/console/src/App.tsx
+++ b/packages/console/src/App.tsx
@@ -51,10 +51,10 @@ import AppContent from './containers/AppContent';
 import AppEndpointsProvider, { AppEndpointsContext } from './containers/AppEndpointsProvider';
 import ApiResourcePermissions from './pages/ApiResourceDetails/ApiResourcePermissions';
 import ApiResourceSettings from './pages/ApiResourceDetails/ApiResourceSettings';
-import CloudPreview from './pages/CloudPreview';
-import CloudPreviewAbout from './pages/CloudPreview/pages/About';
-import CloudPreviewWelcome from './pages/CloudPreview/pages/Welcome';
-import { CloudPreviewPage } from './pages/CloudPreview/types';
+import Cloud from './pages/Cloud';
+import CloudAboutUser from './pages/Cloud/pages/About';
+import CloudWelcome from './pages/Cloud/pages/Welcome';
+import { CloudPage } from './pages/Cloud/types';
 import Profile from './pages/Profile';
 import RolePermissions from './pages/RoleDetails/RolePermissions';
 import RoleSettings from './pages/RoleDetails/RoleSettings';
@@ -83,10 +83,10 @@ const Main = () => {
             <Route path="callback" element={<Callback />} />
             <Route path="welcome" element={<Welcome />} />
             <Route element={<AppLayout />}>
-              <Route path="cloud-preview" element={<CloudPreview />}>
-                <Route index element={<Navigate replace to={CloudPreviewPage.Welcome} />} />
-                <Route path={CloudPreviewPage.Welcome} element={<CloudPreviewWelcome />} />
-                <Route path={CloudPreviewPage.About} element={<CloudPreviewAbout />} />
+              <Route path="cloud" element={<Cloud />}>
+                <Route index element={<Navigate replace to={CloudPage.Welcome} />} />
+                <Route path={CloudPage.Welcome} element={<CloudWelcome />} />
+                <Route path={CloudPage.AboutUser} element={<CloudAboutUser />} />
               </Route>
               <Route element={<AppContent />}>
                 <Route path="*" element={<NotFound />} />
diff --git a/packages/console/src/pages/CloudPreview/cloud-page-size.scss b/packages/console/src/pages/Cloud/cloud-page-size.scss
similarity index 100%
rename from packages/console/src/pages/CloudPreview/cloud-page-size.scss
rename to packages/console/src/pages/Cloud/cloud-page-size.scss
diff --git a/packages/console/src/pages/CloudPreview/components/ActionBar/index.module.scss b/packages/console/src/pages/Cloud/components/ActionBar/index.module.scss
similarity index 100%
rename from packages/console/src/pages/CloudPreview/components/ActionBar/index.module.scss
rename to packages/console/src/pages/Cloud/components/ActionBar/index.module.scss
diff --git a/packages/console/src/pages/CloudPreview/components/ActionBar/index.tsx b/packages/console/src/pages/Cloud/components/ActionBar/index.tsx
similarity index 100%
rename from packages/console/src/pages/CloudPreview/components/ActionBar/index.tsx
rename to packages/console/src/pages/Cloud/components/ActionBar/index.tsx
diff --git a/packages/console/src/pages/CloudPreview/components/CardSelector/CardSelector.tsx b/packages/console/src/pages/Cloud/components/CardSelector/CardSelector.tsx
similarity index 100%
rename from packages/console/src/pages/CloudPreview/components/CardSelector/CardSelector.tsx
rename to packages/console/src/pages/Cloud/components/CardSelector/CardSelector.tsx
diff --git a/packages/console/src/pages/CloudPreview/components/CardSelector/MultiCardSelector/index.module.scss b/packages/console/src/pages/Cloud/components/CardSelector/MultiCardSelector/index.module.scss
similarity index 100%
rename from packages/console/src/pages/CloudPreview/components/CardSelector/MultiCardSelector/index.module.scss
rename to packages/console/src/pages/Cloud/components/CardSelector/MultiCardSelector/index.module.scss
diff --git a/packages/console/src/pages/CloudPreview/components/CardSelector/MultiCardSelector/index.tsx b/packages/console/src/pages/Cloud/components/CardSelector/MultiCardSelector/index.tsx
similarity index 100%
rename from packages/console/src/pages/CloudPreview/components/CardSelector/MultiCardSelector/index.tsx
rename to packages/console/src/pages/Cloud/components/CardSelector/MultiCardSelector/index.tsx
diff --git a/packages/console/src/pages/CloudPreview/components/CardSelector/index.tsx b/packages/console/src/pages/Cloud/components/CardSelector/index.tsx
similarity index 100%
rename from packages/console/src/pages/CloudPreview/components/CardSelector/index.tsx
rename to packages/console/src/pages/Cloud/components/CardSelector/index.tsx
diff --git a/packages/console/src/pages/CloudPreview/components/CardSelector/types.ts b/packages/console/src/pages/Cloud/components/CardSelector/types.ts
similarity index 100%
rename from packages/console/src/pages/CloudPreview/components/CardSelector/types.ts
rename to packages/console/src/pages/Cloud/components/CardSelector/types.ts
diff --git a/packages/console/src/pages/CloudPreview/index.module.scss b/packages/console/src/pages/Cloud/index.module.scss
similarity index 70%
rename from packages/console/src/pages/CloudPreview/index.module.scss
rename to packages/console/src/pages/Cloud/index.module.scss
index a1b3b538d..88871eb0f 100644
--- a/packages/console/src/pages/CloudPreview/index.module.scss
+++ b/packages/console/src/pages/Cloud/index.module.scss
@@ -1,4 +1,4 @@
-.cloudPreview {
+.cloud {
   flex-grow: 1;
   overflow: hidden;
 }
diff --git a/packages/console/src/pages/CloudPreview/index.tsx b/packages/console/src/pages/Cloud/index.tsx
similarity index 55%
rename from packages/console/src/pages/CloudPreview/index.tsx
rename to packages/console/src/pages/Cloud/index.tsx
index b3b13e432..d6abfb35a 100644
--- a/packages/console/src/pages/CloudPreview/index.tsx
+++ b/packages/console/src/pages/Cloud/index.tsx
@@ -2,10 +2,10 @@ import { Outlet } from 'react-router-dom';
 
 import * as styles from './index.module.scss';
 
-const CloudPreview = () => (
-  <div className={styles.cloudPreview}>
+const Cloud = () => (
+  <div className={styles.cloud}>
     <Outlet />
   </div>
 );
 
-export default CloudPreview;
+export default Cloud;
diff --git a/packages/console/src/pages/CloudPreview/layout.module.scss b/packages/console/src/pages/Cloud/layout.module.scss
similarity index 100%
rename from packages/console/src/pages/CloudPreview/layout.module.scss
rename to packages/console/src/pages/Cloud/layout.module.scss
diff --git a/packages/console/src/pages/CloudPreview/pages/About/index.module.scss b/packages/console/src/pages/Cloud/pages/About/index.module.scss
similarity index 100%
rename from packages/console/src/pages/CloudPreview/pages/About/index.module.scss
rename to packages/console/src/pages/Cloud/pages/About/index.module.scss
diff --git a/packages/console/src/pages/CloudPreview/pages/About/index.tsx b/packages/console/src/pages/Cloud/pages/About/index.tsx
similarity index 78%
rename from packages/console/src/pages/CloudPreview/pages/About/index.tsx
rename to packages/console/src/pages/Cloud/pages/About/index.tsx
index 43931fe4e..a77e48459 100644
--- a/packages/console/src/pages/CloudPreview/pages/About/index.tsx
+++ b/packages/console/src/pages/Cloud/pages/About/index.tsx
@@ -7,13 +7,13 @@ import Button from '@/components/Button';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
 import TextInput from '@/components/TextInput';
-import * as pageLayout from '@/pages/CloudPreview/layout.module.scss';
+import * as pageLayout from '@/pages/Cloud/layout.module.scss';
 
 import ActionBar from '../../components/ActionBar';
 import { CardSelector, MultiCardSelector } from '../../components/CardSelector';
 import type { Questionnaire } from '../../types';
-import { CloudPreviewPage } from '../../types';
-import { getPreviewPagePathname } from '../../utils';
+import { CloudPage } from '../../types';
+import { getCloudPagePathname } from '../../utils';
 import * as styles from './index.module.scss';
 import { titleOptions, companySizeOptions, reasonOptions } from './options';
 
@@ -30,11 +30,11 @@ const About = () => {
 
   const onNext = async () => {
     await onSubmit();
-    navigate(getPreviewPagePathname(CloudPreviewPage.SignInExperience));
+    navigate(getCloudPagePathname(CloudPage.SignInExperience));
   };
 
   const onBack = async () => {
-    navigate(getPreviewPagePathname(CloudPreviewPage.Welcome));
+    navigate(getCloudPagePathname(CloudPage.Welcome));
   };
 
   return (
@@ -42,13 +42,10 @@ const About = () => {
       <OverlayScrollbar className={pageLayout.contentContainer}>
         <div className={pageLayout.content}>
           <Case />
-          <div className={styles.title}>{t('cloud_preview.about.title')}</div>
-          <div className={styles.description}>{t('cloud_preview.about.description')}</div>
+          <div className={styles.title}>{t('cloud.about.title')}</div>
+          <div className={styles.description}>{t('cloud.about.description')}</div>
           <form className={styles.form}>
-            <FormField
-              title="cloud_preview.about.title_field"
-              headlineClassName={styles.cardFieldHeadline}
-            >
+            <FormField title="cloud.about.title_field" headlineClassName={styles.cardFieldHeadline}>
               <Controller
                 control={control}
                 name="titles"
@@ -64,14 +61,14 @@ const About = () => {
                 )}
               />
             </FormField>
-            <FormField title="cloud_preview.about.company_name_field">
+            <FormField title="cloud.about.company_name_field">
               <TextInput
-                placeholder={t('cloud_preview.about.company_name_placeholder')}
+                placeholder={t('cloud.about.company_name_placeholder')}
                 {...register('companyName')}
               />
             </FormField>
             <FormField
-              title="cloud_preview.about.company_size_field"
+              title="cloud.about.company_size_field"
               headlineClassName={styles.cardFieldHeadline}
             >
               <Controller
@@ -89,7 +86,7 @@ const About = () => {
               />
             </FormField>
             <FormField
-              title="cloud_preview.about.reason_field"
+              title="cloud.about.reason_field"
               headlineClassName={styles.cardFieldHeadline}
             >
               <Controller
diff --git a/packages/console/src/pages/Cloud/pages/About/options.tsx b/packages/console/src/pages/Cloud/pages/About/options.tsx
new file mode 100644
index 000000000..588e2f04c
--- /dev/null
+++ b/packages/console/src/pages/Cloud/pages/About/options.tsx
@@ -0,0 +1,29 @@
+import type { Option as SelectorOption } from '@/pages/Cloud/components/CardSelector';
+
+import { CompanySize, Reason, Title } from '../../types';
+
+export const titleOptions: SelectorOption[] = [
+  { title: 'cloud.about.title_options.developer', value: Title.Developer },
+  { title: 'cloud.about.title_options.team_lead', value: Title.TeamLead },
+  { title: 'cloud.about.title_options.ceo', value: Title.Ceo },
+  { title: 'cloud.about.title_options.cto', value: Title.Cto },
+  { title: 'cloud.about.title_options.product', value: Title.Product },
+  { title: 'cloud.about.title_options.others', value: Title.Others },
+];
+
+export const companySizeOptions: SelectorOption[] = [
+  { title: 'cloud.about.company_options.size_1', value: CompanySize.Scale1 },
+  { title: 'cloud.about.company_options.size_1_49', value: CompanySize.Scale2 },
+  { title: 'cloud.about.company_options.size_50_199', value: CompanySize.Scale3 },
+  { title: 'cloud.about.company_options.size_200_999', value: CompanySize.Scale4 },
+  { title: 'cloud.about.company_options.size_1000_plus', value: CompanySize.Scale5 },
+];
+
+export const reasonOptions: SelectorOption[] = [
+  { title: 'cloud.about.reason_options.adoption', value: Reason.Adoption },
+  { title: 'cloud.about.reason_options.replacement', value: Reason.Replacement },
+  { title: 'cloud.about.reason_options.evaluation', value: Reason.Evaluation },
+  { title: 'cloud.about.reason_options.experimentation', value: Reason.Experimentation },
+  { title: 'cloud.about.reason_options.aesthetics', value: Reason.Aesthetics },
+  { title: 'cloud.about.reason_options.others', value: Reason.Others },
+];
diff --git a/packages/console/src/pages/CloudPreview/pages/Welcome/index.module.scss b/packages/console/src/pages/Cloud/pages/Welcome/index.module.scss
similarity index 100%
rename from packages/console/src/pages/CloudPreview/pages/Welcome/index.module.scss
rename to packages/console/src/pages/Cloud/pages/Welcome/index.module.scss
diff --git a/packages/console/src/pages/CloudPreview/pages/Welcome/index.tsx b/packages/console/src/pages/Cloud/pages/Welcome/index.tsx
similarity index 84%
rename from packages/console/src/pages/CloudPreview/pages/Welcome/index.tsx
rename to packages/console/src/pages/Cloud/pages/Welcome/index.tsx
index e173f8cbe..a3d57e4cf 100644
--- a/packages/console/src/pages/CloudPreview/pages/Welcome/index.tsx
+++ b/packages/console/src/pages/Cloud/pages/Welcome/index.tsx
@@ -7,13 +7,13 @@ import Congrats from '@/assets/images/congrats.svg';
 import Button from '@/components/Button';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
-import * as pageLayout from '@/pages/CloudPreview/layout.module.scss';
+import * as pageLayout from '@/pages/Cloud/layout.module.scss';
 
 import ActionBar from '../../components/ActionBar';
 import { CardSelector } from '../../components/CardSelector';
 import type { Questionnaire } from '../../types';
-import { CloudPreviewPage } from '../../types';
-import { getPreviewPagePathname } from '../../utils';
+import { CloudPage } from '../../types';
+import { getCloudPagePathname } from '../../utils';
 import * as styles from './index.module.scss';
 import { deploymentTypeOptions, projectOptions } from './options';
 
@@ -33,7 +33,7 @@ const Welcome = () => {
 
   const onNext = async () => {
     await onSubmit();
-    navigate(getPreviewPagePathname(CloudPreviewPage.About));
+    navigate(getCloudPagePathname(CloudPage.AboutUser));
   };
 
   return (
@@ -41,11 +41,11 @@ const Welcome = () => {
       <OverlayScrollbar className={pageLayout.contentContainer}>
         <div className={classNames(pageLayout.content, styles.content)}>
           <Congrats className={styles.congrats} />
-          <div className={styles.title}>{t('cloud_preview.welcome.title')}</div>
-          <div className={styles.description}>{t('cloud_preview.welcome.description')}</div>
+          <div className={styles.title}>{t('cloud.welcome.title')}</div>
+          <div className={styles.description}>{t('cloud.welcome.description')}</div>
           <form className={styles.form}>
             <FormField
-              title="cloud_preview.welcome.project_field"
+              title="cloud.welcome.project_field"
               headlineClassName={styles.cardFieldHeadline}
             >
               <Controller
@@ -63,7 +63,7 @@ const Welcome = () => {
               />
             </FormField>
             <FormField
-              title="cloud_preview.welcome.deployment_type_field"
+              title="cloud.welcome.deployment_type_field"
               headlineClassName={styles.cardFieldHeadline}
             >
               <Controller
diff --git a/packages/console/src/pages/CloudPreview/pages/Welcome/options.tsx b/packages/console/src/pages/Cloud/pages/Welcome/options.tsx
similarity index 66%
rename from packages/console/src/pages/CloudPreview/pages/Welcome/options.tsx
rename to packages/console/src/pages/Cloud/pages/Welcome/options.tsx
index eebaef545..7ed7b04b0 100644
--- a/packages/console/src/pages/CloudPreview/pages/Welcome/options.tsx
+++ b/packages/console/src/pages/Cloud/pages/Welcome/options.tsx
@@ -2,19 +2,19 @@ import Building from '@/assets/images/building.svg';
 import Cloud from '@/assets/images/cloud.svg';
 import Database from '@/assets/images/database.svg';
 import Pizza from '@/assets/images/pizza.svg';
-import type { Option as SelectorOption } from '@/pages/CloudPreview/components/CardSelector';
+import type { Option as SelectorOption } from '@/pages/Cloud/components/CardSelector';
 
 import { DeploymentType, Project } from '../../types';
 
 export const projectOptions: SelectorOption[] = [
   {
     icon: <Pizza />,
-    title: 'cloud_preview.welcome.project_personal',
+    title: 'cloud.welcome.project_options.personal',
     value: Project.Personal,
   },
   {
     icon: <Building />,
-    title: 'cloud_preview.welcome.project_company',
+    title: 'cloud.welcome.project_options.company',
     value: Project.Company,
   },
 ];
@@ -22,12 +22,12 @@ export const projectOptions: SelectorOption[] = [
 export const deploymentTypeOptions: SelectorOption[] = [
   {
     icon: <Database />,
-    title: 'cloud_preview.welcome.deployment_type_opensource',
+    title: 'cloud.welcome.deployment_type_options.opensource',
     value: DeploymentType.Opensource,
   },
   {
     icon: <Cloud />,
-    title: 'cloud_preview.welcome.deployment_type_cloud',
+    title: 'cloud.welcome.deployment_type_options.cloud',
     value: DeploymentType.Cloud,
   },
 ];
diff --git a/packages/console/src/pages/CloudPreview/types.ts b/packages/console/src/pages/Cloud/types.ts
similarity index 94%
rename from packages/console/src/pages/CloudPreview/types.ts
rename to packages/console/src/pages/Cloud/types.ts
index ea0e52ad8..064eaf771 100644
--- a/packages/console/src/pages/CloudPreview/types.ts
+++ b/packages/console/src/pages/Cloud/types.ts
@@ -1,6 +1,6 @@
-export enum CloudPreviewPage {
+export enum CloudPage {
   Welcome = 'welcome',
-  About = 'about',
+  AboutUser = 'about-user',
   SignInExperience = 'sign-in-experience',
 }
 
diff --git a/packages/console/src/pages/Cloud/utils.ts b/packages/console/src/pages/Cloud/utils.ts
new file mode 100644
index 000000000..f12a4e9df
--- /dev/null
+++ b/packages/console/src/pages/Cloud/utils.ts
@@ -0,0 +1,3 @@
+import type { CloudPage } from './types';
+
+export const getCloudPagePathname = (page: CloudPage) => `/cloud/${page}`;
diff --git a/packages/console/src/pages/CloudPreview/pages/About/options.tsx b/packages/console/src/pages/CloudPreview/pages/About/options.tsx
deleted file mode 100644
index f631669ce..000000000
--- a/packages/console/src/pages/CloudPreview/pages/About/options.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import type { Option as SelectorOption } from '@/pages/CloudPreview/components/CardSelector';
-
-import { CompanySize, Reason, Title } from '../../types';
-
-export const titleOptions: SelectorOption[] = [
-  { title: 'cloud_preview.about.title_developer', value: Title.Developer },
-  { title: 'cloud_preview.about.title_team_lead', value: Title.TeamLead },
-  { title: 'cloud_preview.about.title_ceo', value: Title.Ceo },
-  { title: 'cloud_preview.about.title_cto', value: Title.Cto },
-  { title: 'cloud_preview.about.title_product', value: Title.Product },
-  { title: 'cloud_preview.about.title_others', value: Title.Others },
-];
-
-export const companySizeOptions: SelectorOption[] = [
-  { title: 'cloud_preview.about.company_size_1', value: CompanySize.Scale1 },
-  { title: 'cloud_preview.about.company_size_1_49', value: CompanySize.Scale2 },
-  { title: 'cloud_preview.about.company_size_50_199', value: CompanySize.Scale3 },
-  { title: 'cloud_preview.about.company_size_200_999', value: CompanySize.Scale4 },
-  { title: 'cloud_preview.about.company_size_1000_plus', value: CompanySize.Scale5 },
-];
-
-export const reasonOptions: SelectorOption[] = [
-  { title: 'cloud_preview.about.reason_adoption', value: Reason.Adoption },
-  { title: 'cloud_preview.about.reason_replacement', value: Reason.Replacement },
-  { title: 'cloud_preview.about.reason_evaluation', value: Reason.Evaluation },
-  { title: 'cloud_preview.about.reason_experimentation', value: Reason.Experimentation },
-  { title: 'cloud_preview.about.reason_aesthetics', value: Reason.Aesthetics },
-  { title: 'cloud_preview.about.reason_others', value: Reason.Others },
-];
diff --git a/packages/console/src/pages/CloudPreview/utils.ts b/packages/console/src/pages/CloudPreview/utils.ts
deleted file mode 100644
index 69ecc3c95..000000000
--- a/packages/console/src/pages/CloudPreview/utils.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import type { CloudPreviewPage } from './types';
-
-export const getPreviewPagePathname = (page: CloudPreviewPage) => `/cloud-preview/${page}`;
diff --git a/packages/phrases/src/locales/de/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/de/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 009b2e846..000000000
--- a/packages/phrases/src/locales/de/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
-    project_field: 'I’m using Logto for', // UNTRANSLATED
-    project_personal: 'Personal project', // UNTRANSLATED
-    project_company: 'Company project', // UNTRANSLATED
-    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
-    deployment_type_opensource: 'Opensource', // UNTRANSLATED
-    deployment_type_cloud: 'Cloud', // UNTRANSLATED
-  },
-  about: {
-    title: 'A little bit about you', // UNTRANSLATED
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
-    title_field: 'Your title', // UNTRANSLATED
-    title_developer: 'Developer', // UNTRANSLATED
-    title_team_lead: 'Team Lead', // UNTRANSLATED
-    title_ceo: 'CEO', // UNTRANSLATED
-    title_cto: 'CTO', // UNTRANSLATED
-    title_product: 'Product', // UNTRANSLATED
-    title_others: 'Others', // UNTRANSLATED
-    company_name_field: 'Company name', // UNTRANSLATED
-    company_name_placeholder: 'Acme.co', // UNTRANSLATED
-    company_size_field: 'How’s your company size?', // UNTRANSLATED
-    company_size_1: '1', // UNTRANSLATED
-    company_size_1_49: '1-49', // UNTRANSLATED
-    company_size_50_199: '50-199', // UNTRANSLATED
-    company_size_200_999: '200-999', // UNTRANSLATED
-    company_size_1000_plus: '1000+', // UNTRANSLATED
-    reason_field: 'I’m signing up because', // UNTRANSLATED
-    reason_adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
-    reason_replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
-    reason_experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
-    reason_others: 'Others', // UNTRANSLATED
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/de/translation/admin-console/cloud.ts b/packages/phrases/src/locales/de/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..c8b6cb859
--- /dev/null
+++ b/packages/phrases/src/locales/de/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
+    project_field: 'I’m using Logto for', // UNTRANSLATED
+    project_options: {
+      personal: 'Personal project', // UNTRANSLATED
+      company: 'Company project', // UNTRANSLATED
+    },
+    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
+    deployment_type_options: {
+      opensource: 'Opensource', // UNTRANSLATED
+      cloud: 'Cloud', // UNTRANSLATED
+    },
+  },
+  about: {
+    title: 'A little bit about you', // UNTRANSLATED
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
+    title_field: 'Your title', // UNTRANSLATED
+    title_options: {
+      developer: 'Developer', // UNTRANSLATED
+      team_lead: 'Team Lead', // UNTRANSLATED
+      ceo: 'CEO', // UNTRANSLATED
+      cto: 'CTO', // UNTRANSLATED
+      product: 'Product', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+    company_name_field: 'Company name', // UNTRANSLATED
+    company_name_placeholder: 'Acme.co', // UNTRANSLATED
+    company_size_field: 'How’s your company size?', // UNTRANSLATED
+    company_options: {
+      size_1: '1', // UNTRANSLATED
+      size_1_49: '1-49', // UNTRANSLATED
+      size_50_199: '50-199', // UNTRANSLATED
+      size_200_999: '200-999', // UNTRANSLATED
+      size_1000_plus: '1000+', // UNTRANSLATED
+    },
+    reason_field: 'I’m signing up because', // UNTRANSLATED
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
+      replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
+      evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
+      experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
+      aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/de/translation/admin-console/index.ts b/packages/phrases/src/locales/de/translation/admin-console/index.ts
index e89b1f4f7..8e15c2ddc 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;
diff --git a/packages/phrases/src/locales/en/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/en/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 07fe5866f..000000000
--- a/packages/phrases/src/locales/en/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview',
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.',
-    project_field: 'I’m using Logto for',
-    project_personal: 'Personal project',
-    project_company: 'Company project',
-    deployment_type_field: 'Prefer open-source or cloud?',
-    deployment_type_opensource: 'Opensource',
-    deployment_type_cloud: 'Cloud',
-  },
-  about: {
-    title: 'A little bit about you',
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.',
-    title_field: 'Your title',
-    title_developer: 'Developer',
-    title_team_lead: 'Team Lead',
-    title_ceo: 'CEO',
-    title_cto: 'CTO',
-    title_product: 'Product',
-    title_others: 'Others',
-    company_name_field: 'Company name',
-    company_name_placeholder: 'Acme.co',
-    company_size_field: 'How’s your company size?',
-    company_size_1: '1',
-    company_size_1_49: '1-49',
-    company_size_50_199: '50-199',
-    company_size_200_999: '200-999',
-    company_size_1000_plus: '1000+',
-    reason_field: 'I’m signing up because',
-    reason_adoption: 'Implementing new tech infra for early projects',
-    reason_replacement: 'Seeking a replacement for the current authentication system',
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options',
-    reason_experimentation: 'Exploring and experimenting with OIDC and products',
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components',
-    reason_others: 'Others',
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/en/translation/admin-console/cloud.ts b/packages/phrases/src/locales/en/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..5c2a48556
--- /dev/null
+++ b/packages/phrases/src/locales/en/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview',
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.',
+    project_field: 'I’m using Logto for',
+    project_options: {
+      personal: 'Personal project',
+      company: 'Company project',
+    },
+    deployment_type_field: 'Prefer open-source or cloud?',
+    deployment_type_options: {
+      opensource: 'Opensource',
+      cloud: 'Cloud',
+    },
+  },
+  about: {
+    title: 'A little bit about you',
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.',
+    title_field: 'Your title',
+    title_options: {
+      developer: 'Developer',
+      team_lead: 'Team Lead',
+      ceo: 'CEO',
+      cto: 'CTO',
+      product: 'Product',
+      others: 'Others',
+    },
+    company_name_field: 'Company name',
+    company_name_placeholder: 'Acme.co',
+    company_size_field: 'How’s your company size?',
+    company_options: {
+      size_1: '1',
+      size_1_49: '1-49',
+      size_50_199: '50-199',
+      size_200_999: '200-999',
+      size_1000_plus: '1000+',
+    },
+    reason_field: 'I’m signing up because',
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects',
+      replacement: 'Seeking a replacement for the current authentication system',
+      evaluation: 'Investigating open-source or budget-friendly SaaS options',
+      experimentation: 'Exploring and experimenting with OIDC and products',
+      aesthetics: 'Finding an auth solution with beautiful UI and components',
+      others: 'Others',
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/en/translation/admin-console/index.ts b/packages/phrases/src/locales/en/translation/admin-console/index.ts
index 0ef41347a..679538ceb 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/fr/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 009b2e846..000000000
--- a/packages/phrases/src/locales/fr/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
-    project_field: 'I’m using Logto for', // UNTRANSLATED
-    project_personal: 'Personal project', // UNTRANSLATED
-    project_company: 'Company project', // UNTRANSLATED
-    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
-    deployment_type_opensource: 'Opensource', // UNTRANSLATED
-    deployment_type_cloud: 'Cloud', // UNTRANSLATED
-  },
-  about: {
-    title: 'A little bit about you', // UNTRANSLATED
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
-    title_field: 'Your title', // UNTRANSLATED
-    title_developer: 'Developer', // UNTRANSLATED
-    title_team_lead: 'Team Lead', // UNTRANSLATED
-    title_ceo: 'CEO', // UNTRANSLATED
-    title_cto: 'CTO', // UNTRANSLATED
-    title_product: 'Product', // UNTRANSLATED
-    title_others: 'Others', // UNTRANSLATED
-    company_name_field: 'Company name', // UNTRANSLATED
-    company_name_placeholder: 'Acme.co', // UNTRANSLATED
-    company_size_field: 'How’s your company size?', // UNTRANSLATED
-    company_size_1: '1', // UNTRANSLATED
-    company_size_1_49: '1-49', // UNTRANSLATED
-    company_size_50_199: '50-199', // UNTRANSLATED
-    company_size_200_999: '200-999', // UNTRANSLATED
-    company_size_1000_plus: '1000+', // UNTRANSLATED
-    reason_field: 'I’m signing up because', // UNTRANSLATED
-    reason_adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
-    reason_replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
-    reason_experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
-    reason_others: 'Others', // UNTRANSLATED
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/cloud.ts b/packages/phrases/src/locales/fr/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..c8b6cb859
--- /dev/null
+++ b/packages/phrases/src/locales/fr/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
+    project_field: 'I’m using Logto for', // UNTRANSLATED
+    project_options: {
+      personal: 'Personal project', // UNTRANSLATED
+      company: 'Company project', // UNTRANSLATED
+    },
+    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
+    deployment_type_options: {
+      opensource: 'Opensource', // UNTRANSLATED
+      cloud: 'Cloud', // UNTRANSLATED
+    },
+  },
+  about: {
+    title: 'A little bit about you', // UNTRANSLATED
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
+    title_field: 'Your title', // UNTRANSLATED
+    title_options: {
+      developer: 'Developer', // UNTRANSLATED
+      team_lead: 'Team Lead', // UNTRANSLATED
+      ceo: 'CEO', // UNTRANSLATED
+      cto: 'CTO', // UNTRANSLATED
+      product: 'Product', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+    company_name_field: 'Company name', // UNTRANSLATED
+    company_name_placeholder: 'Acme.co', // UNTRANSLATED
+    company_size_field: 'How’s your company size?', // UNTRANSLATED
+    company_options: {
+      size_1: '1', // UNTRANSLATED
+      size_1_49: '1-49', // UNTRANSLATED
+      size_50_199: '50-199', // UNTRANSLATED
+      size_200_999: '200-999', // UNTRANSLATED
+      size_1000_plus: '1000+', // UNTRANSLATED
+    },
+    reason_field: 'I’m signing up because', // UNTRANSLATED
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
+      replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
+      evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
+      experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
+      aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/index.ts b/packages/phrases/src/locales/fr/translation/admin-console/index.ts
index 0ef41347a..679538ceb 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/ko/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 009b2e846..000000000
--- a/packages/phrases/src/locales/ko/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
-    project_field: 'I’m using Logto for', // UNTRANSLATED
-    project_personal: 'Personal project', // UNTRANSLATED
-    project_company: 'Company project', // UNTRANSLATED
-    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
-    deployment_type_opensource: 'Opensource', // UNTRANSLATED
-    deployment_type_cloud: 'Cloud', // UNTRANSLATED
-  },
-  about: {
-    title: 'A little bit about you', // UNTRANSLATED
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
-    title_field: 'Your title', // UNTRANSLATED
-    title_developer: 'Developer', // UNTRANSLATED
-    title_team_lead: 'Team Lead', // UNTRANSLATED
-    title_ceo: 'CEO', // UNTRANSLATED
-    title_cto: 'CTO', // UNTRANSLATED
-    title_product: 'Product', // UNTRANSLATED
-    title_others: 'Others', // UNTRANSLATED
-    company_name_field: 'Company name', // UNTRANSLATED
-    company_name_placeholder: 'Acme.co', // UNTRANSLATED
-    company_size_field: 'How’s your company size?', // UNTRANSLATED
-    company_size_1: '1', // UNTRANSLATED
-    company_size_1_49: '1-49', // UNTRANSLATED
-    company_size_50_199: '50-199', // UNTRANSLATED
-    company_size_200_999: '200-999', // UNTRANSLATED
-    company_size_1000_plus: '1000+', // UNTRANSLATED
-    reason_field: 'I’m signing up because', // UNTRANSLATED
-    reason_adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
-    reason_replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
-    reason_experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
-    reason_others: 'Others', // UNTRANSLATED
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/cloud.ts b/packages/phrases/src/locales/ko/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..c8b6cb859
--- /dev/null
+++ b/packages/phrases/src/locales/ko/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
+    project_field: 'I’m using Logto for', // UNTRANSLATED
+    project_options: {
+      personal: 'Personal project', // UNTRANSLATED
+      company: 'Company project', // UNTRANSLATED
+    },
+    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
+    deployment_type_options: {
+      opensource: 'Opensource', // UNTRANSLATED
+      cloud: 'Cloud', // UNTRANSLATED
+    },
+  },
+  about: {
+    title: 'A little bit about you', // UNTRANSLATED
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
+    title_field: 'Your title', // UNTRANSLATED
+    title_options: {
+      developer: 'Developer', // UNTRANSLATED
+      team_lead: 'Team Lead', // UNTRANSLATED
+      ceo: 'CEO', // UNTRANSLATED
+      cto: 'CTO', // UNTRANSLATED
+      product: 'Product', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+    company_name_field: 'Company name', // UNTRANSLATED
+    company_name_placeholder: 'Acme.co', // UNTRANSLATED
+    company_size_field: 'How’s your company size?', // UNTRANSLATED
+    company_options: {
+      size_1: '1', // UNTRANSLATED
+      size_1_49: '1-49', // UNTRANSLATED
+      size_50_199: '50-199', // UNTRANSLATED
+      size_200_999: '200-999', // UNTRANSLATED
+      size_1000_plus: '1000+', // UNTRANSLATED
+    },
+    reason_field: 'I’m signing up because', // UNTRANSLATED
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
+      replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
+      evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
+      experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
+      aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/index.ts b/packages/phrases/src/locales/ko/translation/admin-console/index.ts
index eb333ba3a..2ffc71daf 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 009b2e846..000000000
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
-    project_field: 'I’m using Logto for', // UNTRANSLATED
-    project_personal: 'Personal project', // UNTRANSLATED
-    project_company: 'Company project', // UNTRANSLATED
-    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
-    deployment_type_opensource: 'Opensource', // UNTRANSLATED
-    deployment_type_cloud: 'Cloud', // UNTRANSLATED
-  },
-  about: {
-    title: 'A little bit about you', // UNTRANSLATED
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
-    title_field: 'Your title', // UNTRANSLATED
-    title_developer: 'Developer', // UNTRANSLATED
-    title_team_lead: 'Team Lead', // UNTRANSLATED
-    title_ceo: 'CEO', // UNTRANSLATED
-    title_cto: 'CTO', // UNTRANSLATED
-    title_product: 'Product', // UNTRANSLATED
-    title_others: 'Others', // UNTRANSLATED
-    company_name_field: 'Company name', // UNTRANSLATED
-    company_name_placeholder: 'Acme.co', // UNTRANSLATED
-    company_size_field: 'How’s your company size?', // UNTRANSLATED
-    company_size_1: '1', // UNTRANSLATED
-    company_size_1_49: '1-49', // UNTRANSLATED
-    company_size_50_199: '50-199', // UNTRANSLATED
-    company_size_200_999: '200-999', // UNTRANSLATED
-    company_size_1000_plus: '1000+', // UNTRANSLATED
-    reason_field: 'I’m signing up because', // UNTRANSLATED
-    reason_adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
-    reason_replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
-    reason_experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
-    reason_others: 'Others', // UNTRANSLATED
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/cloud.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..c8b6cb859
--- /dev/null
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
+    project_field: 'I’m using Logto for', // UNTRANSLATED
+    project_options: {
+      personal: 'Personal project', // UNTRANSLATED
+      company: 'Company project', // UNTRANSLATED
+    },
+    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
+    deployment_type_options: {
+      opensource: 'Opensource', // UNTRANSLATED
+      cloud: 'Cloud', // UNTRANSLATED
+    },
+  },
+  about: {
+    title: 'A little bit about you', // UNTRANSLATED
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
+    title_field: 'Your title', // UNTRANSLATED
+    title_options: {
+      developer: 'Developer', // UNTRANSLATED
+      team_lead: 'Team Lead', // UNTRANSLATED
+      ceo: 'CEO', // UNTRANSLATED
+      cto: 'CTO', // UNTRANSLATED
+      product: 'Product', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+    company_name_field: 'Company name', // UNTRANSLATED
+    company_name_placeholder: 'Acme.co', // UNTRANSLATED
+    company_size_field: 'How’s your company size?', // UNTRANSLATED
+    company_options: {
+      size_1: '1', // UNTRANSLATED
+      size_1_49: '1-49', // UNTRANSLATED
+      size_50_199: '50-199', // UNTRANSLATED
+      size_200_999: '200-999', // UNTRANSLATED
+      size_1000_plus: '1000+', // UNTRANSLATED
+    },
+    reason_field: 'I’m signing up because', // UNTRANSLATED
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
+      replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
+      evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
+      experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
+      aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/index.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/index.ts
index 4ce85c868..ce66ec03f 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 009b2e846..000000000
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
-    project_field: 'I’m using Logto for', // UNTRANSLATED
-    project_personal: 'Personal project', // UNTRANSLATED
-    project_company: 'Company project', // UNTRANSLATED
-    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
-    deployment_type_opensource: 'Opensource', // UNTRANSLATED
-    deployment_type_cloud: 'Cloud', // UNTRANSLATED
-  },
-  about: {
-    title: 'A little bit about you', // UNTRANSLATED
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
-    title_field: 'Your title', // UNTRANSLATED
-    title_developer: 'Developer', // UNTRANSLATED
-    title_team_lead: 'Team Lead', // UNTRANSLATED
-    title_ceo: 'CEO', // UNTRANSLATED
-    title_cto: 'CTO', // UNTRANSLATED
-    title_product: 'Product', // UNTRANSLATED
-    title_others: 'Others', // UNTRANSLATED
-    company_name_field: 'Company name', // UNTRANSLATED
-    company_name_placeholder: 'Acme.co', // UNTRANSLATED
-    company_size_field: 'How’s your company size?', // UNTRANSLATED
-    company_size_1: '1', // UNTRANSLATED
-    company_size_1_49: '1-49', // UNTRANSLATED
-    company_size_50_199: '50-199', // UNTRANSLATED
-    company_size_200_999: '200-999', // UNTRANSLATED
-    company_size_1000_plus: '1000+', // UNTRANSLATED
-    reason_field: 'I’m signing up because', // UNTRANSLATED
-    reason_adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
-    reason_replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
-    reason_experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
-    reason_others: 'Others', // UNTRANSLATED
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..c8b6cb859
--- /dev/null
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
+    project_field: 'I’m using Logto for', // UNTRANSLATED
+    project_options: {
+      personal: 'Personal project', // UNTRANSLATED
+      company: 'Company project', // UNTRANSLATED
+    },
+    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
+    deployment_type_options: {
+      opensource: 'Opensource', // UNTRANSLATED
+      cloud: 'Cloud', // UNTRANSLATED
+    },
+  },
+  about: {
+    title: 'A little bit about you', // UNTRANSLATED
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
+    title_field: 'Your title', // UNTRANSLATED
+    title_options: {
+      developer: 'Developer', // UNTRANSLATED
+      team_lead: 'Team Lead', // UNTRANSLATED
+      ceo: 'CEO', // UNTRANSLATED
+      cto: 'CTO', // UNTRANSLATED
+      product: 'Product', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+    company_name_field: 'Company name', // UNTRANSLATED
+    company_name_placeholder: 'Acme.co', // UNTRANSLATED
+    company_size_field: 'How’s your company size?', // UNTRANSLATED
+    company_options: {
+      size_1: '1', // UNTRANSLATED
+      size_1_49: '1-49', // UNTRANSLATED
+      size_50_199: '50-199', // UNTRANSLATED
+      size_200_999: '200-999', // UNTRANSLATED
+      size_1000_plus: '1000+', // UNTRANSLATED
+    },
+    reason_field: 'I’m signing up because', // UNTRANSLATED
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
+      replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
+      evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
+      experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
+      aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/index.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/index.ts
index 1a2e381bf..c824edea3 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 009b2e846..000000000
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
-    project_field: 'I’m using Logto for', // UNTRANSLATED
-    project_personal: 'Personal project', // UNTRANSLATED
-    project_company: 'Company project', // UNTRANSLATED
-    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
-    deployment_type_opensource: 'Opensource', // UNTRANSLATED
-    deployment_type_cloud: 'Cloud', // UNTRANSLATED
-  },
-  about: {
-    title: 'A little bit about you', // UNTRANSLATED
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
-    title_field: 'Your title', // UNTRANSLATED
-    title_developer: 'Developer', // UNTRANSLATED
-    title_team_lead: 'Team Lead', // UNTRANSLATED
-    title_ceo: 'CEO', // UNTRANSLATED
-    title_cto: 'CTO', // UNTRANSLATED
-    title_product: 'Product', // UNTRANSLATED
-    title_others: 'Others', // UNTRANSLATED
-    company_name_field: 'Company name', // UNTRANSLATED
-    company_name_placeholder: 'Acme.co', // UNTRANSLATED
-    company_size_field: 'How’s your company size?', // UNTRANSLATED
-    company_size_1: '1', // UNTRANSLATED
-    company_size_1_49: '1-49', // UNTRANSLATED
-    company_size_50_199: '50-199', // UNTRANSLATED
-    company_size_200_999: '200-999', // UNTRANSLATED
-    company_size_1000_plus: '1000+', // UNTRANSLATED
-    reason_field: 'I’m signing up because', // UNTRANSLATED
-    reason_adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
-    reason_replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
-    reason_experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
-    reason_others: 'Others', // UNTRANSLATED
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..c8b6cb859
--- /dev/null
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
+    project_field: 'I’m using Logto for', // UNTRANSLATED
+    project_options: {
+      personal: 'Personal project', // UNTRANSLATED
+      company: 'Company project', // UNTRANSLATED
+    },
+    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
+    deployment_type_options: {
+      opensource: 'Opensource', // UNTRANSLATED
+      cloud: 'Cloud', // UNTRANSLATED
+    },
+  },
+  about: {
+    title: 'A little bit about you', // UNTRANSLATED
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
+    title_field: 'Your title', // UNTRANSLATED
+    title_options: {
+      developer: 'Developer', // UNTRANSLATED
+      team_lead: 'Team Lead', // UNTRANSLATED
+      ceo: 'CEO', // UNTRANSLATED
+      cto: 'CTO', // UNTRANSLATED
+      product: 'Product', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+    company_name_field: 'Company name', // UNTRANSLATED
+    company_name_placeholder: 'Acme.co', // UNTRANSLATED
+    company_size_field: 'How’s your company size?', // UNTRANSLATED
+    company_options: {
+      size_1: '1', // UNTRANSLATED
+      size_1_49: '1-49', // UNTRANSLATED
+      size_50_199: '50-199', // UNTRANSLATED
+      size_200_999: '200-999', // UNTRANSLATED
+      size_1000_plus: '1000+', // UNTRANSLATED
+    },
+    reason_field: 'I’m signing up because', // UNTRANSLATED
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
+      replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
+      evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
+      experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
+      aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/index.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/index.ts
index 3d734ae37..285bb6beb 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud-preview.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud-preview.ts
deleted file mode 100644
index 009b2e846..000000000
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud-preview.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-const cloud_preview = {
-  welcome: {
-    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
-    description:
-      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
-    project_field: 'I’m using Logto for', // UNTRANSLATED
-    project_personal: 'Personal project', // UNTRANSLATED
-    project_company: 'Company project', // UNTRANSLATED
-    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
-    deployment_type_opensource: 'Opensource', // UNTRANSLATED
-    deployment_type_cloud: 'Cloud', // UNTRANSLATED
-  },
-  about: {
-    title: 'A little bit about you', // UNTRANSLATED
-    description:
-      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
-    title_field: 'Your title', // UNTRANSLATED
-    title_developer: 'Developer', // UNTRANSLATED
-    title_team_lead: 'Team Lead', // UNTRANSLATED
-    title_ceo: 'CEO', // UNTRANSLATED
-    title_cto: 'CTO', // UNTRANSLATED
-    title_product: 'Product', // UNTRANSLATED
-    title_others: 'Others', // UNTRANSLATED
-    company_name_field: 'Company name', // UNTRANSLATED
-    company_name_placeholder: 'Acme.co', // UNTRANSLATED
-    company_size_field: 'How’s your company size?', // UNTRANSLATED
-    company_size_1: '1', // UNTRANSLATED
-    company_size_1_49: '1-49', // UNTRANSLATED
-    company_size_50_199: '50-199', // UNTRANSLATED
-    company_size_200_999: '200-999', // UNTRANSLATED
-    company_size_1000_plus: '1000+', // UNTRANSLATED
-    reason_field: 'I’m signing up because', // UNTRANSLATED
-    reason_adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
-    reason_replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
-    reason_evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
-    reason_experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
-    reason_aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
-    reason_others: 'Others', // UNTRANSLATED
-  },
-};
-
-export default cloud_preview;
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud.ts
new file mode 100644
index 000000000..c8b6cb859
--- /dev/null
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud.ts
@@ -0,0 +1,52 @@
+const cloud = {
+  welcome: {
+    title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
+    description:
+      'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. This demo also serves as a preview of Logto’s SaaS version.', // UNTRANSLATED
+    project_field: 'I’m using Logto for', // UNTRANSLATED
+    project_options: {
+      personal: 'Personal project', // UNTRANSLATED
+      company: 'Company project', // UNTRANSLATED
+    },
+    deployment_type_field: 'Prefer open-source or cloud?', // UNTRANSLATED
+    deployment_type_options: {
+      opensource: 'Opensource', // UNTRANSLATED
+      cloud: 'Cloud', // UNTRANSLATED
+    },
+  },
+  about: {
+    title: 'A little bit about you', // UNTRANSLATED
+    description:
+      'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
+    title_field: 'Your title', // UNTRANSLATED
+    title_options: {
+      developer: 'Developer', // UNTRANSLATED
+      team_lead: 'Team Lead', // UNTRANSLATED
+      ceo: 'CEO', // UNTRANSLATED
+      cto: 'CTO', // UNTRANSLATED
+      product: 'Product', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+    company_name_field: 'Company name', // UNTRANSLATED
+    company_name_placeholder: 'Acme.co', // UNTRANSLATED
+    company_size_field: 'How’s your company size?', // UNTRANSLATED
+    company_options: {
+      size_1: '1', // UNTRANSLATED
+      size_1_49: '1-49', // UNTRANSLATED
+      size_50_199: '50-199', // UNTRANSLATED
+      size_200_999: '200-999', // UNTRANSLATED
+      size_1000_plus: '1000+', // UNTRANSLATED
+    },
+    reason_field: 'I’m signing up because', // UNTRANSLATED
+    reason_options: {
+      adoption: 'Implementing new tech infra for early projects', // UNTRANSLATED
+      replacement: 'Seeking a replacement for the current authentication system', // UNTRANSLATED
+      evaluation: 'Investigating open-source or budget-friendly SaaS options', // UNTRANSLATED
+      experimentation: 'Exploring and experimenting with OIDC and products', // UNTRANSLATED
+      aesthetics: 'Finding an auth solution with beautiful UI and components', // UNTRANSLATED
+      others: 'Others', // UNTRANSLATED
+    },
+  },
+};
+
+export default cloud;
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/index.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/index.ts
index 2e3d58903..c3994c52a 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/index.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/index.ts
@@ -2,7 +2,7 @@ import api_resource_details from './api-resource-details.js';
 import api_resources from './api-resources.js';
 import application_details from './application-details.js';
 import applications from './applications.js';
-import cloud_preview from './cloud-preview.js';
+import cloud from './cloud.js';
 import connector_details from './connector-details.js';
 import connectors from './connectors.js';
 import contact from './contact.js';
@@ -55,7 +55,7 @@ const admin_console = {
   roles,
   role_details,
   permissions,
-  cloud_preview,
+  cloud,
 };
 
 export default admin_console;