diff --git a/app/client/src/assets/svg/be-upgrade/be-cta.svg b/app/client/src/assets/svg/be-upgrade/be-cta.svg
new file mode 100644
index 0000000000..85908c17f5
--- /dev/null
+++ b/app/client/src/assets/svg/be-upgrade/be-cta.svg
@@ -0,0 +1,157 @@
+
diff --git a/app/client/src/ce/AppRouter.tsx b/app/client/src/ce/AppRouter.tsx
index b5d915f61c..eb2b0b032b 100644
--- a/app/client/src/ce/AppRouter.tsx
+++ b/app/client/src/ce/AppRouter.tsx
@@ -14,7 +14,6 @@ import {
BUILDER_PATCH_PATH,
BUILDER_PATH,
BUILDER_PATH_DEPRECATED,
- LICENSE_CHECK_PATH,
PROFILE,
SETUP,
SIGNUP_SUCCESS_URL,
@@ -68,7 +67,6 @@ import {
} from "@appsmith/selectors/tenantSelectors";
import useBrandingTheme from "utils/hooks/useBrandingTheme";
import RouteChangeListener from "RouteChangeListener";
-import { Spinner } from "design-system-old";
/*
We use this polyfill to show emoji flags
@@ -135,7 +133,6 @@ export function Routes() {
*/}
-
);
diff --git a/app/client/src/ce/pages/Upgrade/businessEdition/UpgradeToBEPage.tsx b/app/client/src/ce/pages/Upgrade/businessEdition/UpgradeToBEPage.tsx
index 9bc04378a1..455bc52d4b 100644
--- a/app/client/src/ce/pages/Upgrade/businessEdition/UpgradeToBEPage.tsx
+++ b/app/client/src/ce/pages/Upgrade/businessEdition/UpgradeToBEPage.tsx
@@ -1,7 +1,7 @@
import React from "react";
import styled from "styled-components";
-import BEBannerImage from "assets/images/upgrade/be-cta/be-box-image.png";
import BETextImage from "assets/svg/be-upgrade/upgrade-to-be-text.svg";
+import BECtaImage from "assets/svg/be-upgrade/be-cta.svg";
import {
createMessage,
MOVE_TO_BUSINESS_EDITION,
@@ -11,8 +11,6 @@ import useOnUpgrade from "utils/hooks/useOnUpgrade";
import { Colors } from "constants/Colors";
export const UpgradeToBEPageWrapper = styled.div`
- display: flex;
- flex-direction: column;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #fff 20px, transparent 1%) center,
@@ -21,13 +19,10 @@ export const UpgradeToBEPageWrapper = styled.div`
`;
export const ImageContainer = styled.div`
- display: flex;
- min-width: 50%;
+ min-width: 400px;
img {
- width: 400px;
- height: 400px;
- position: relative;
- right: 200px;
+ width: 600px;
+ height: 600px;
}
`;
@@ -54,25 +49,32 @@ export const Overlay = styled.div`
export const FlexContainer = styled.div`
display: flex;
- flex-direction: row;
align-items: center;
height: calc(100% - 96px);
width: 100%;
- padding: 48px 200px;
- justify-content: space-between;
- min-width: 900px;
+ justify-content: center;
+ min-width: 1200px;
`;
export const LeftWrapper = styled.div`
- display: flex;
- flex-direction: column;
- min-width: 80%;
+ min-width: 700px;
img {
- width: 800px;
- height: 800px;
+ width: 1000px;
+ height: 1000px;
}
`;
+export const ContentWrapper = styled.div`
+ display: flex;
+ height: 100%;
+ width: 1000px;
+ flex-direction: row;
+ padding: 48px 200px;
+ align-items: center;
+ justify-content: center;
+ min-width: 900px;
+`;
+
export const UpgradeToBEPage = () => {
const { onUpgrade } = useOnUpgrade({
logEventName: "BILLING_UPGRADE_ADMIN_SETTINGS",
@@ -82,13 +84,15 @@ export const UpgradeToBEPage = () => {
return (
-
-
- 
-
-
- 
-
+
+
+
+
+
+
+ 
+
+