diff --git a/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansOfferChecks.module.scss b/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansOfferChecks.module.scss new file mode 100644 index 000000000..203799313 --- /dev/null +++ b/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansOfferChecks.module.scss @@ -0,0 +1,20 @@ +.container { + text-align: center; + margin-bottom: 1.15rem; +} + +.iconText { + display: inline-flex; + font-size: 14px; + margin-right: 16px; + color: #00824d; + + &:last-child { + margin-right: 0; /* Remove the margin on the last item */ + } + +} + +.icon { + margin-right: 2px; +} \ No newline at end of file diff --git a/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansOfferChecks.tsx b/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansOfferChecks.tsx new file mode 100644 index 000000000..b212fedd3 --- /dev/null +++ b/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansOfferChecks.tsx @@ -0,0 +1,35 @@ +import styles from './SubscriptionPlansOfferChecks.module.scss'; + +export function SubscriptionPlansOfferChecks() { + return ( +
+ + + + + 14-day free trial + + + + + + + 24/7 online support + +
+ ); +} diff --git a/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansPeriodSwitcher.tsx b/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansPeriodSwitcher.tsx index fb7cc23a7..d8dded741 100644 --- a/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansPeriodSwitcher.tsx +++ b/packages/webapp/src/containers/Setup/SetupSubscription/SubscriptionPlansPeriodSwitcher.tsx @@ -24,7 +24,7 @@ function SubscriptionPlansPeriodSwitcherRoot({ ); }; return ( - + Pay Monthly + diff --git a/packages/webapp/src/style/pages/Setup/SetupPage.scss b/packages/webapp/src/style/pages/Setup/SetupPage.scss index d594aab2e..53355fa23 100644 --- a/packages/webapp/src/style/pages/Setup/SetupPage.scss +++ b/packages/webapp/src/style/pages/Setup/SetupPage.scss @@ -29,7 +29,7 @@ &__content { width: 100%; - padding-bottom: 40px; + padding-bottom: 80px; } &__left-section {