Merge pull request #95 from illacloud/feat/update-homepage

Feat/update homepage
illacloud · Feb 1, 2024 · de49a14 · de49a14
2 parents 7d7755f + f3e2ec3
commit de49a14
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 15 deletions.
diff --git a/src/components/home/Index/Mobile/index.module.css b/src/components/home/Index/Mobile/index.module.css
@@ -6,35 +6,35 @@
   @apply px-[20px]  w-full flex flex-col items-center gap-[24px];
 }
 .sloganStyle {
-  @apply text-white-01 text-[36px] text-center font-[700]  leading-[40px];
+  @apply text-white-01 text-[40px] self-start text-start font-[700]  leading-[44px];
 }
 
 .descStyle {
-  @apply text-white-01 text-[16px] text-center leading-[24px];
+  @apply text-white-01 text-[16px] self-start text-start leading-[24px];
 }
 
 .linkGroupItemStyle {
   @apply flex flex-col items-center gap-[8px];
 }
 
 .colorDescAgentStyle {
-  @apply font-[600];
+  @apply font-[700];
   background: linear-gradient(90deg, #ff33ba 0.77%, #ffb7e7 100.77%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
 .colorDescAppStyle {
-  @apply font-[600];
+  @apply font-[700];
   background: linear-gradient(90deg, #1effff 0%, #c9ffff 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 
 .colorDescFlowStyle {
-  @apply font-[600];
+  @apply font-[700];
   background: linear-gradient(90deg, #8d33ff 0%, #d1adff 100%);
   background-clip: text;
   -webkit-background-clip: text;

diff --git a/src/components/home/Index/PC/index.module.css b/src/components/home/Index/PC/index.module.css
@@ -7,7 +7,7 @@
 }
 
 .bannerContentContainer {
-  @apply flex justify-center pt-[24px] flex-col items-center gap-[186px];
+  @apply flex justify-center pt-[24px] flex-col items-center gap-[64px];
   @apply lg:max-w-[1040px];
   @apply xl:max-w-[1200px];
 }
@@ -17,7 +17,7 @@
 }
 
 .sloganStyle {
-  @apply text-center text-[56px] leading-[88px] font-[800];
+  @apply text-center text-[80px] leading-[88px] font-[800];
 }
 
 .descStyle {

diff --git a/src/components/home/Index/PC/index.tsx b/src/components/home/Index/PC/index.tsx
@@ -10,7 +10,6 @@ import Solutions from "../components/Solutions"
 import LinkButton from "@site/src/components/common/LinkButton"
 import { CLOUD_URL } from "@site/src/constants/url"
 import Interpolate from "@docusaurus/Interpolate"
-import { useHomePaintBg } from "../hooks/usePaintBg"
 
 const description = translate({
   id: "description",
@@ -25,7 +24,7 @@ const BannerPC: FC<IBannerPCProps> = (props) => {
   const canvasRef = useRef<HTMLCanvasElement | null>(null)
   const containerRef = useRef<HTMLDivElement>(null)
 
-  useHomePaintBg(canvasRef, containerRef)
+  usePaintBg(canvasRef, containerRef)
 
   return (
     <div ref={containerRef} className={style.bannerContainerStyle}>

diff --git a/src/components/pricing/CollaCard/index.module.css b/src/components/pricing/CollaCard/index.module.css
@@ -15,7 +15,7 @@
 }
 
 .cardContainerStyle {
-  @apply w-full rounded-[16px] overflow-hidden  relative p-[24px] flex flex-col gap-[40px];
+  @apply w-full rounded-[16px] overflow-hidden  relative p-[24px] flex flex-col gap-[40px] border-[2px] border-white/[0.08];
   @apply lg:w-[600px];
   background: radial-gradient(
       98.85% 129.62% at 6.76% 2.06%,

diff --git a/src/components/pricing/content.ts b/src/components/pricing/content.ts
@@ -384,7 +384,7 @@ export const monthlyContent = [
       id: "new_pricing.team_pricing.get_started",
       message: "Get started",
     }),
-    href: "https://cloud.illacloud.com/",
+    href: CLOUD_URL,
     list: PREMIUM_LIST,
   },
   {
@@ -406,7 +406,7 @@ export const monthlyContent = [
         message: "per viewer",
       }),
     },
-    href: "https://cloud.illacloud.com/",
+    href: CLOUD_URL,
     btnContent: translate({
       id: "new_pricing.team_pricing.coming_soon",
       message: "Coming soon",
@@ -463,7 +463,7 @@ export const annuallyContent = [
       id: "new_pricing.team_pricing.get_started",
       message: "Get started",
     }),
-    href: "https://cloud.illacloud.com/",
+    href: CLOUD_URL,
     list: PREMIUM_LIST,
   },
   {
@@ -485,7 +485,7 @@ export const annuallyContent = [
         message: "per viewer",
       }),
     },
-    href: "https://cloud.illacloud.com/",
+    href: CLOUD_URL,
     btnContent: translate({
       id: "new_pricing.team_pricing.coming_soon",
       message: "Coming soon",

diff --git a/static/img/pricing/collaCardBg.svg b/static/img/pricing/collaCardBg.svg