diff --git a/src/ILLATheme/CommonFooter/constants.tsx b/src/ILLATheme/CommonFooter/constants.tsx index fb72fc2c24..675c15618b 100644 --- a/src/ILLATheme/CommonFooter/constants.tsx +++ b/src/ILLATheme/CommonFooter/constants.tsx @@ -79,7 +79,7 @@ const Solution: IFootContentItem[] = [ { label: translate({ id: "ai_header.solutions_title.image_generator", - message: "Image generator", + message: "AI Image Generator", }), href: "/image-generator", tagCategory: "homepage_menu_solutions_image_generator_click", @@ -95,7 +95,7 @@ const Solution: IFootContentItem[] = [ { label: translate({ id: "ai_header.solutions_title.dashboard", - message: "Dashboard", + message: "Data Analysis Dashboard", }), href: "/dashboard", tagCategory: "homepage_menu_solutions_dashboard_click", @@ -103,7 +103,7 @@ const Solution: IFootContentItem[] = [ { label: translate({ id: "ai_header.solutions_title.cms", - message: "CMS", + message: "Content Management", }), href: "/cms", tagCategory: "homepage_menu_solutions_dashboard_click", @@ -111,7 +111,7 @@ const Solution: IFootContentItem[] = [ { label: translate({ id: "ai_header.solutions_title.crm", - message: "CRM", + message: "Sales CRM", }), href: "/crm", tagCategory: "homepage_menu_solutions_dashboard_click", diff --git a/src/ILLATheme/CommonHeader/constants.tsx b/src/ILLATheme/CommonHeader/constants.tsx index 070abf9e7b..c86675f4ba 100644 --- a/src/ILLATheme/CommonHeader/constants.tsx +++ b/src/ILLATheme/CommonHeader/constants.tsx @@ -11,7 +11,7 @@ import AdminPanelIcon from "@site/static/img/solutions/admin-panel.svg" export const SOLUTIONS: NavbarPopoverItemType = { label: translate({ id: "ai_header.solutions_title.solutions", - message: "Solution", + message: "Solutions", }), subPanelTitle: translate({ id: "ai_header.solutions_sub_title.solutions_by_use_case", @@ -21,7 +21,7 @@ export const SOLUTIONS: NavbarPopoverItemType = { { label: translate({ id: "ai_header.solutions_title.image_generator", - message: "Image generator", + message: "AI Image Generator", }), description: translate({ id: "ai_header.solutions_description.image_generator", @@ -40,7 +40,7 @@ export const SOLUTIONS: NavbarPopoverItemType = { description: translate({ id: "ai_header.solutions_description.ai_voice_generator", message: - "Generate images with AI. Make the communication of ideas more efficient.", + "Translation and redubbing, enabling efficient production of video content for diverse language regions.", }), icon: , href: "/ai-voice-generator", @@ -49,7 +49,7 @@ export const SOLUTIONS: NavbarPopoverItemType = { { label: translate({ id: "ai_header.solutions_title.dashboard", - message: "Dashboard", + message: "Data Analysis Dashboard", }), description: translate({ id: "ai_header.solutions_description.dashboard", @@ -63,7 +63,7 @@ export const SOLUTIONS: NavbarPopoverItemType = { { label: translate({ id: "ai_header.solutions_title.cms", - message: "CMS", + message: "Content Management", }), description: translate({ id: "ai_header.solutions_description.cms", @@ -77,7 +77,7 @@ export const SOLUTIONS: NavbarPopoverItemType = { { label: translate({ id: "ai_header.solutions_title.crm", - message: "CRM", + message: "Sales CRM", }), description: translate({ id: "ai_header.solutions_description.crm", diff --git a/src/ILLATheme/SolutionLayout/FirstScreen/index.module.css b/src/ILLATheme/SolutionLayout/FirstScreen/index.module.css index a0658f5a46..ac00dd72e4 100644 --- a/src/ILLATheme/SolutionLayout/FirstScreen/index.module.css +++ b/src/ILLATheme/SolutionLayout/FirstScreen/index.module.css @@ -1,14 +1,22 @@ .containerStyle { - @apply flex text-title grow-0 text-white-01 flex-col items-center font-bold px-[20px]; + @apply flex h-full mb-[60px] lg:h-[calc(100vh-77px)] overflow-hidden text-title grow-0 text-white-01 flex-col items-center font-bold px-[20px] relative; + @apply lg:mb-[120px]; } +/* @apply my-[64px] lg:pt-[150px] lg:pb-[100px]; */ +.indexBgStyle { + @apply w-full h-full lg:h-[calc(100vh-77px)] overflow-hidden absolute z-[-1]; +} +.indexBgStyle svg { + @apply w-full h-auto absolute bottom-0; +} .canvasContainerStyle { - @apply w-full h-screen overflow-hidden absolute z-[-1]; + @apply w-full h-full lg:h-[calc(100vh-77px)] overflow-hidden absolute z-[-1]; } .contentContainer { - @apply flex justify-center flex-col items-center gap-[24px] py-[64px]; - @apply lg:max-w-[1040px] lg:gap-[56px] lg:pt-[150px] lg:pb-[100px]; + @apply flex h-full flex-col items-center gap-[24px] relative pt-[64px]; + @apply lg:max-w-[1040px] lg:gap-[56px] lg:pt-[150px]; @apply xl:max-w-[1200px] xl:w-[1200px]; } .contentContainer svg { @@ -43,7 +51,7 @@ } .demoContainerStyle { - @apply w-full relative; + @apply w-full lg:absolute h-auto bottom-0 z-[2]; perspective: 1040px; } @@ -53,6 +61,6 @@ } .linkButtonStyle { - @apply absolute bottom-[40px] z-[2] left-[50%]; + @apply absolute lg:bottom-[40px] bottom-[16px] z-[2] left-[50%]; transform: translateX(-50%); } diff --git a/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx b/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx index e088e20f6f..b54da02fbd 100644 --- a/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx +++ b/src/ILLATheme/SolutionLayout/FirstScreen/index.tsx @@ -10,6 +10,7 @@ import Interpolate from "@docusaurus/Interpolate" import { motion, useScroll, useTransform } from "framer-motion" import { addUrlParams } from "@site/src/utils/urlParams" import { CLOUD_URL, DEMO_BASE_URL } from "@site/src/constants/url" +import IndexBgSvg from "@site/static/img/solutions/indexBg.svg" interface IFirstScreenProps { slogan: string @@ -39,6 +40,7 @@ const FirstScreen: FC = ({ const rotateX = useTransform(scrollYProgress, [0, 0.015], [15, 0]) const scale = useTransform(scrollYProgress, [0, 0.015], [0.95, 1]) + const scrollY = useTransform(scrollYProgress, [0, 0.015], ["15%", "0%"]) usePaintBg(canvasRef, containerRef) @@ -57,6 +59,9 @@ const FirstScreen: FC = ({
+ + +

@@ -85,25 +90,10 @@ const FirstScreen: FC = ({ style={{ rotateX: rotateX, scale: scale, + y: scrollY, }} > {imageAlt} -
- { - sendTagEvent({ - action: "solution_try_for_free", - }) - }} - > - - Try demo now! - - -
= ({ alt={imageAlt} />

+
+ { + sendTagEvent({ + action: "solution_try_for_free", + }) + }} + > + + Try demo now! + + +
) diff --git a/src/components/home/Index/constants.tsx b/src/components/home/Index/constants.tsx index 82f56b64fe..eef97b5b0e 100644 --- a/src/components/home/Index/constants.tsx +++ b/src/components/home/Index/constants.tsx @@ -4,7 +4,7 @@ export const TAB_OPTIONS = [ { label: translate({ id: "ai_header.solutions_title.image_generator", - message: "Image generator", + message: "AI Image Generator", }), value: 0, }, @@ -18,21 +18,21 @@ export const TAB_OPTIONS = [ { label: translate({ id: "ai_header.solutions_title.dashboard", - message: "Dashboard", + message: "Data Analysis Dashboard", }), value: 2, }, { label: translate({ id: "ai_header.solutions_title.cms", - message: "CMS", + message: "Content Management", }), value: 3, }, { label: translate({ id: "ai_header.solutions_title.crm", - message: "CRM", + message: "Sales CRM", }), value: 4, }, diff --git a/src/config/Solutions/index.ts b/src/config/Solutions/index.ts new file mode 100644 index 0000000000..2fa196606d --- /dev/null +++ b/src/config/Solutions/index.ts @@ -0,0 +1 @@ +// export const diff --git a/static/img/solutions/indexBg.svg b/static/img/solutions/indexBg.svg new file mode 100644 index 0000000000..203e1cd9fc --- /dev/null +++ b/static/img/solutions/indexBg.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +