optimize
parent
62f07545d1
commit
ad991e86d2
|
|
@ -20,54 +20,52 @@ export default async function Home(props: { params: { lang: string[] } }) {
|
|||
<div className="w-full h-[740px] pl-[72px] relative" id="home">
|
||||
<img className="absolute right-[-40px] w-[1520px] " src="https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/home/img_header.png" alt="" />
|
||||
<div className="text-[46px] leading-[62px] w-[639px] text-center pt-[279px] absolute">
|
||||
<div
|
||||
<h2
|
||||
className="font-black"
|
||||
style={{
|
||||
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
|
||||
backgroundClip: "text",
|
||||
WebkitTextFillColor: "transparent",
|
||||
backgroundSize: "contain",
|
||||
}}
|
||||
>
|
||||
}}>
|
||||
{dict.FocusingOnPlayableAds}
|
||||
</div>
|
||||
<div
|
||||
</h2>
|
||||
<h2
|
||||
className="font-black"
|
||||
style={{
|
||||
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
|
||||
backgroundClip: "text",
|
||||
WebkitTextFillColor: "transparent",
|
||||
}}
|
||||
>
|
||||
}}>
|
||||
{dict.goOverseas}
|
||||
</div>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-full h-[428px] relative" id="service">
|
||||
<img className="absolute left-[-214px] w-[969px] h-[428px]" src="https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/home/img_bg2.png" alt="" />
|
||||
<div className="absolute w-[770px] text-[32px] top-[184px] right-[95px] text-[#333333] text-right font-semibold">{dict.customized}</div>
|
||||
<h2 className="absolute w-[770px] text-[32px] top-[184px] right-[95px] text-[#333333] text-right font-semibold">{dict.customized}</h2>
|
||||
</div>
|
||||
|
||||
<div className="w-full h-[403px] relative ">
|
||||
<img className="absolute right-[-100px] w-[888px]" src="https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/home/img_AB.png" alt="" />
|
||||
<div className="absolute w-[662px] text-[32px] top-[160px] left-[105px] text-[#333333] text-left font-semibold">{dict.ABTesting}</div>
|
||||
<div className="absolute w-[680px] text-[32px] top-[204px] left-[105px] text-[#333333] text-left font-semibold">{dict.iterateGameplay}</div>
|
||||
<h2 className="absolute w-[662px] text-[32px] top-[160px] left-[105px] text-[#333333] text-left font-semibold">{dict.ABTesting}</h2>
|
||||
<h2 className="absolute w-[680px] text-[32px] top-[204px] left-[105px] text-[#333333] text-left font-semibold">{dict.iterateGameplay}</h2>
|
||||
</div>
|
||||
<div className="w-full h-[392px] relative">
|
||||
<img className="absolute w-[731px] left-[-33px] top-[-20px]" src="https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/home/img_mutilan.png" alt="" />
|
||||
<div className="absolute w-[520px] text-[32px] top-[197px] right-[95px] text-[#333333] text-right font-semibold">{dict.multiLanguage}</div>
|
||||
<div className="absolute w-[520px] text-[32px] top-[242px] right-[95px] text-[#333333] text-right font-semibold">{dict.breakingGeographical}</div>
|
||||
<h2 className="absolute w-[520px] text-[32px] top-[197px] right-[95px] text-[#333333] text-right font-semibold">{dict.multiLanguage}</h2>
|
||||
<h2 className="absolute w-[520px] text-[32px] top-[242px] right-[95px] text-[#333333] text-right font-semibold">{dict.breakingGeographical}</h2>
|
||||
</div>
|
||||
<div className="w-full h-[317px] relative mt-[83px]">
|
||||
<img className="absolute right-0 w-[742px] h-[317px]" src="https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/home/img_Omnichannel.png" alt="" />
|
||||
<div className="absolute w-[680px] text-[32px] top-[124px] left-[105px] text-[#333333] text-left font-semibold">{dict.allChannel}</div>
|
||||
<div className="absolute w-[680px] text-[32px] top-[169px] left-[105px] text-[#333333] text-left font-semibold">{dict.expandInfluence}</div>
|
||||
<h2 className="absolute w-[680px] text-[32px] top-[124px] left-[105px] text-[#333333] text-left font-semibold">{dict.allChannel}</h2>
|
||||
<h2 className="absolute w-[680px] text-[32px] top-[169px] left-[105px] text-[#333333] text-left font-semibold">{dict.expandInfluence}</h2>
|
||||
</div>
|
||||
|
||||
<div className="w-full h-[317px] relative mt-[120px]">
|
||||
<img className="absolute w-[908px] h-[356px] left-[-40px] top-[-30px]" src="https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/public/home/img_3.png" alt="" />
|
||||
<div className="absolute w-[691px] text-[32px] top-[100px] right-[95px] text-[#333333] text-right font-semibold">{dict.lightweightDeployment}</div>
|
||||
<div className="absolute w-[712px] text-[32px] top-[145px] right-[95px] text-[#333333] text-right font-semibold">{dict.simplifyProcess}</div>
|
||||
<h2 className="absolute w-[691px] text-[32px] top-[100px] right-[95px] text-[#333333] text-right font-semibold">{dict.lightweightDeployment}</h2>
|
||||
<h2 className="absolute w-[712px] text-[32px] top-[145px] right-[95px] text-[#333333] text-right font-semibold">{dict.simplifyProcess}</h2>
|
||||
</div>
|
||||
|
||||
<div className="w-full flex flex-col justify-center items-center mt-[98px] mb-[50px]">
|
||||
|
|
@ -77,14 +75,12 @@ export default async function Home(props: { params: { lang: string[] } }) {
|
|||
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)",
|
||||
backgroundClip: "text",
|
||||
WebkitTextFillColor: "transparent",
|
||||
}}
|
||||
>
|
||||
}}>
|
||||
{dict.channel}
|
||||
</div>
|
||||
</div>
|
||||
<ChannelSwiper />
|
||||
|
||||
|
||||
<div className="w-full flex flex-col justify-center items-center mt-[98px]" id="case">
|
||||
<div
|
||||
className="leading-[42px] text-[36px] font-black w-[300px] mb-[11px] text-center"
|
||||
|
|
@ -92,8 +88,7 @@ export default async function Home(props: { params: { lang: string[] } }) {
|
|||
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)",
|
||||
backgroundClip: "text",
|
||||
WebkitTextFillColor: "transparent",
|
||||
}}
|
||||
>
|
||||
}}>
|
||||
{dict.caseGallery}
|
||||
</div>
|
||||
{/* <div className="text-[19px] text-[#59676C]">{ dict.clickNow }</div> */}
|
||||
|
|
@ -107,15 +102,16 @@ export default async function Home(props: { params: { lang: string[] } }) {
|
|||
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)",
|
||||
backgroundClip: "text",
|
||||
WebkitTextFillColor: "transparent",
|
||||
}}
|
||||
>
|
||||
}}>
|
||||
{dict.contactUs}
|
||||
</div>
|
||||
</div>
|
||||
<div className="w-full mb-[60px]">
|
||||
<Form />
|
||||
</div>
|
||||
<div className="w-full flex justify-center text-[19px] text-[#59676C] pb-[52px] mb-[47px] border-b-1 border-solid border-[#D8D8D8]" style={{ borderBottom: "1px solid #D8D8D8" }}>
|
||||
<div
|
||||
className="w-full flex justify-center text-[19px] text-[#59676C] pb-[52px] mb-[47px] border-b-1 border-solid border-[#D8D8D8]"
|
||||
style={{ borderBottom: "1px solid #D8D8D8" }}>
|
||||
{dict.businessCooperation}info@soyootech.com
|
||||
</div>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,11 @@ export default function ChannelSwiper() {
|
|||
{data.map((item, index) => {
|
||||
return (
|
||||
<div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center ">
|
||||
<img src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`} className={` ${item.url.includes("chartboost") ? "translate-y-[-16px]" : ""}`} alt="" />
|
||||
<img
|
||||
src={`https://www-soyootech.oss-cn-hangzhou.aliyuncs.com/channel/${item.url}`}
|
||||
className={` ${item.url.includes("chartboost") ? "translate-y-[-16px]" : ""}`}
|
||||
alt={`${item.url.replace(".png", "").replace("logo-", "")}试玩广告`}
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
|
|
|
|||
Loading…
Reference in New Issue