Merge pull request #352 from refly-ai/feat/new-pricing

Feat/new pricing
refly-ai · Jan 10, 2025 · 2425e19 · 2425e19
2 parents 45dd920 + a285a68
commit 2425e19
Show file tree

Hide file tree

Showing 13 changed files with 184 additions and 128 deletions.
diff --git a/apps/web/src/components/landing-page-partials/Header.tsx b/apps/web/src/components/landing-page-partials/Header.tsx
@@ -26,10 +26,10 @@ function Header() {
       label: t("landingPage.tab.product"),
       value: "product",
     },
-    // {
-    //   label: t("landingPage.tab.price"),
-    //   value: "pricing",
-    // },
+    {
+      label: t("landingPage.tab.price"),
+      value: "pricing",
+    },
     // {
     //   label: t("landingPage.tab.docs"),
     //   value: "docs",

diff --git a/apps/web/src/components/layout/sider.tsx b/apps/web/src/components/layout/sider.tsx
@@ -302,7 +302,7 @@ export const SiderLayout = (props: { source: "sider" | "popover" }) => {
           ? "h-[calc(100vh)]"
           : "h-[calc(100vh-100px)] rounded-r-lg",
       )}>
-      <div className="flex h-full flex-col">
+      <div className="flex h-full flex-col overflow-y-auto">
         <SiderLogo
           source={source}
           navigate={path => navigate(path)}

diff --git a/apps/web/src/pages/pricing/index.tsx b/apps/web/src/pages/pricing/index.tsx
@@ -24,7 +24,7 @@ const PricingPage = () => {
           <Header />
         </>
       )}
-      <div className="mx-auto my-10 w-[70%] max-w-7xl bg-white">
+      <div className="my-10 bg-white">
         <div className="my-10 flex flex-col items-center justify-center gap-5">
           <div className="w-fit bg-gradient-to-r from-green-700 to-green-400 bg-clip-text text-lg font-bold text-transparent">
             {t("landingPage.pricing.title")}

diff --git a/packages/ai-workspace-common/src/components/settings/subscribe-modal/index.scss b/packages/ai-workspace-common/src/components/settings/subscribe-modal/index.scss
@@ -82,7 +82,7 @@
 
     .pro-plan {
       border-radius: 12px;
-      background: rgb(143, 163, 212);
+      background: rgb(232, 178, 102);
     }
 
     &-item {
@@ -105,7 +105,7 @@
         }
       }
 
-      &.item-plus {
+      &.item-ultra {
         &:hover {
           box-shadow: rgb(0, 134, 201) 0px 0px 0px 2px;
         }
@@ -167,7 +167,7 @@
           background: transparent;
         }
 
-        &--plus {
+        &--ultra {
           border: 1px solid #016aa2;
           &.ant-btn-default {
             &:hover {
@@ -181,12 +181,8 @@
         &--pro {
           border: 1px solid #3537cc;
           &.ant-btn-default {
-            background: linear-gradient(to right, #068cd4, #3537cc);
-            color: #fff;
-            border-color: #068cd4;
-
             &:hover {
-              background: linear-gradient(to right, #005f8c, #2a2a9a);
+              background: linear-gradient(to right, #068cd4, #3537cc);
               color: #fff;
               border-color: #068cd4;
             }
@@ -195,11 +191,14 @@
 
         &--max {
           border: 1px solid #f26725;
+          background: linear-gradient(to right, #f69e75, #f26725);
+          color: #fff;
+          border-color: #f69e75;
           &.ant-btn-default {
             &:hover {
-              background: linear-gradient(to right, #f69e75, #f26725);
+              background: linear-gradient(to right, #f7a985, #d34b0c);
               color: #fff;
-              border-color: #f69e75;
+              border-color: #f7a985;
             }
           }
         }

diff --git a/packages/ai-workspace-common/src/components/settings/subscribe-modal/index.tsx b/packages/ai-workspace-common/src/components/settings/subscribe-modal/index.tsx
@@ -31,7 +31,7 @@ export const SubscribeModal = () => {
     //   className="subscribe-modal !p-0"
     //   onCancel={() => setVisible(false)}
     // >
-    //   <div className="w-full h-full overflow-auto px-[15%] flex flex-col items-center gap-3">
+    //   <div className="w-full h-full overflow-auto flex flex-col items-center gap-3">
     //     <div className="font-bold text-3xl m-auto flex items-center gap-2">
     //       <IconSubscription /> {t('settings.subscription.subscribe.title')}
     //     </div>