From 83ed93513ead84c9cc7281019b7fa25176c5a04b Mon Sep 17 00:00:00 2001 From: Scenery <1507337624@qq.com> Date: Thu, 1 Feb 2024 17:02:38 +0800 Subject: [PATCH 1/2] feat: update homepage --- src/components/home/Index/Mobile/index.module.css | 10 +++++----- src/components/home/Index/PC/index.module.css | 4 ++-- src/components/home/Index/PC/index.tsx | 3 +-- src/components/pricing/content.ts | 8 ++++---- 4 files changed, 12 insertions(+), 13 deletions(-) diff --git a/src/components/home/Index/Mobile/index.module.css b/src/components/home/Index/Mobile/index.module.css index be44d08aa3..430bcdf84e 100644 --- a/src/components/home/Index/Mobile/index.module.css +++ b/src/components/home/Index/Mobile/index.module.css @@ -6,11 +6,11 @@ @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 { @@ -18,7 +18,7 @@ } .colorDescAgentStyle { - @apply font-[600]; + @apply font-[700]; background: linear-gradient(90deg, #ff33ba 0.77%, #ffb7e7 100.77%); background-clip: text; -webkit-background-clip: text; @@ -26,7 +26,7 @@ } .colorDescAppStyle { - @apply font-[600]; + @apply font-[700]; background: linear-gradient(90deg, #1effff 0%, #c9ffff 100%); background-clip: text; -webkit-background-clip: text; @@ -34,7 +34,7 @@ } .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 index e45a67efe8..2745d870d7 100644 --- 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 index 14ba25f22d..8d8140d0a5 100644 --- 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 = (props) => { const canvasRef = useRef(null) const containerRef = useRef(null) - useHomePaintBg(canvasRef, containerRef) + usePaintBg(canvasRef, containerRef) return (
diff --git a/src/components/pricing/content.ts b/src/components/pricing/content.ts index 50cb61a993..7b914d521c 100644 --- 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", From f3e2ec37969a57545ed9be43683f2adbfc4e0591 Mon Sep 17 00:00:00 2001 From: Scenery <1507337624@qq.com> Date: Thu, 1 Feb 2024 19:55:58 +0800 Subject: [PATCH 2/2] feat: update homepage style --- src/components/pricing/CollaCard/index.module.css | 2 +- static/img/pricing/collaCardBg.svg | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/pricing/CollaCard/index.module.css b/src/components/pricing/CollaCard/index.module.css index 23d643d234..ea1af8ca90 100644 --- 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/static/img/pricing/collaCardBg.svg b/static/img/pricing/collaCardBg.svg index 4677fd854d..45d607f8ba 100644 --- a/static/img/pricing/collaCardBg.svg +++ b/static/img/pricing/collaCardBg.svg @@ -6,7 +6,6 @@ -