diff --git a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss
index 2b49ab8b..2eee973e 100644
--- a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss
+++ b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.module.scss
@@ -31,15 +31,18 @@
}
.highlight {
+ &_silver {
+ background: $color-background-subtle-callout;
+ }
&_warm {
background: $gradient-warm;
}
- &_cool {
- background: $gradient-cool;
- }
&_rainbow {
background: $gradient-rainbow;
}
+ &_tree {
+ background: $gradient-tree;
+ }
}
.price {
diff --git a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx
index 123f12d4..a2165beb 100644
--- a/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx
+++ b/marketing/components/shared/Subscribe/BasePlanCard/BasePlanCard.tsx
@@ -58,7 +58,7 @@ type BasePlanCardPropsT = {
additionalContent?: ReactNode;
confirmButton: ReactNode;
footerClassProp?: string;
- color: 'cool' | 'warm' | 'rainbow';
+ color: 'silver' | 'warm' | 'rainbow';
features?: FeaturesT | null;
};
diff --git a/marketing/components/shared/Subscribe/Subscribe.module.scss b/marketing/components/shared/Subscribe/Subscribe.module.scss
index 7a979728..ac6e4e7a 100644
--- a/marketing/components/shared/Subscribe/Subscribe.module.scss
+++ b/marketing/components/shared/Subscribe/Subscribe.module.scss
@@ -53,7 +53,7 @@
.cards {
display: grid;
- grid-template-columns: 288px 288px 288px 288px;
+ grid-template-columns: 288px 288px 288px;
grid-template-rows: auto auto;
column-gap: 18px;
gap: 18px;
diff --git a/marketing/components/shared/Subscribe/Subscribe.tsx b/marketing/components/shared/Subscribe/Subscribe.tsx
index 88b7c4ea..f1ce522d 100644
--- a/marketing/components/shared/Subscribe/Subscribe.tsx
+++ b/marketing/components/shared/Subscribe/Subscribe.tsx
@@ -156,9 +156,10 @@ const Subscribe = ({ classProp = '' }: SubscribePropsT) => {
classProp={styles.plan_1}
title={STARTER_COPY.title}
subtitle={STARTER_COPY.subtitle}
- color="warm"
+ color="silver"
price={
}
valueProps={STARTER_COPY.valueProps}
+ features={STARTER_COPY.features}
additionalContent={
}
@@ -180,7 +181,7 @@ const Subscribe = ({ classProp = '' }: SubscribePropsT) => {
classProp={styles.plan_2}
title={PERSONAL_COPY.title}
subtitle={PERSONAL_COPY.subtitle}
- color="cool"
+ color="warm"
price={
{
}
/>
- {/* BUSINESS_COPY PLAN */}
-
- }
- valueProps={BUSINESS_COPY.valueProps}
- features={BUSINESS_COPY.features}
- additionalContent={
-
- }
- confirmButton={
-