guofei
/
addseed-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

optimize

main
guofei 2025-02-10 21:17:13 +08:00
parent 62f07545d1
commit ad991e86d2
3 changed files with 146 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/[[...lang]]/page.tsx
View File

@ -7,123 +7,119 @@ import Examples from "../components/Examples";
import ChannelSwiper from "../components/ChannelSwiper";
export default async function Home(props: { params: { lang: string[] } }) {
const lang = props.params.lang || ["zh"];
const lang = props.params.lang || ["zh"];
const dict = await getDictionary(lang[0]);
const dict = await getDictionary(lang[0]);
return (
<>
<div className="w-full flex flex-col items-center">
<Header dict={dict} lang={lang} />
<div className="w-[1440px] relative pt-[80px]">
<div className="main">
<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
className="font-black"
style={{
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
backgroundClip: "text",
WebkitTextFillColor: "transparent",
backgroundSize: "contain",
}}
>
{dict.FocusingOnPlayableAds}
</div>
<div
className="font-black"
style={{
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
backgroundClip: "text",
WebkitTextFillColor: "transparent",
}}
>
{dict.goOverseas}
</div>
</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>
</div>
return (
<>
<div className="w-full flex flex-col items-center">
<Header dict={dict} lang={lang} />
<div className="w-[1440px] relative pt-[80px]">
<div className="main">
<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">
<h2
className="font-black"
style={{
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
backgroundClip: "text",
WebkitTextFillColor: "transparent",
backgroundSize: "contain",
}}>
{dict.FocusingOnPlayableAds}
</h2>
<h2
className="font-black"
style={{
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
backgroundClip: "text",
WebkitTextFillColor: "transparent",
}}>
{dict.goOverseas}
</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="" />
<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>
</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>
</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>
</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="" />
<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="" />
<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="" />
<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>
</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="" />
<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]">
<div
className="leading-[42px] text-[36px] font-black w-[350px] mb-[11px] text-center"
style={{
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] mb-[50px]">
<div
className="leading-[42px] text-[36px] font-black w-[350px] mb-[11px] text-center"
style={{
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"
style={{
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)",
backgroundClip: "text",
WebkitTextFillColor: "transparent",
}}>
{dict.caseGallery}
</div>
{/* <div className="text-[19px] text-[#59676C]">{ dict.clickNow }</div> */}
</div>
<Examples dict={dict} lang={lang} />
<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"
style={{
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)",
backgroundClip: "text",
WebkitTextFillColor: "transparent",
}}
>
{dict.caseGallery}
</div>
{/* <div className="text-[19px] text-[#59676C]">{ dict.clickNow }</div> */}
</div>
<Examples dict={dict} lang={lang} />
<div className="w-full flex flex-col justify-center items-center mt-[98px] mb-[59px]" id="contact">
<div
className="leading-[34px] text-[36px] font-black w-[300px] mb-[11px] text-center"
style={{
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" }}>
{dict.businessCooperation}info@soyootech.com
</div>
<div>
<Footer dict={dict} />
</div>
</div>
</div>
</div>
</>
);
<div className="w-full flex flex-col justify-center items-center mt-[98px] mb-[59px]" id="contact">
<div
className="leading-[34px] text-[36px] font-black w-[300px] mb-[11px] text-center"
style={{
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" }}>
{dict.businessCooperation}info@soyootech.com
</div>
<div>
<Footer dict={dict} />
</div>
</div>
</div>
</div>
</>
);
}

70
src/app/components/ChannelSwiper.tsx
View File

@ -2,40 +2,44 @@
import Marquee from "react-fast-marquee";
const data = [
{ url: "logo-yandex.png" },
{ url: "logo-weixin.png" },
{ url: "logo-vungle.png" },
{ url: "logo-unity.png" },
{ url: "logo-tiktok.png" },
{ url: "logo-tapjoy.png" },
{ url: "logo-pangle.png" },
{ url: "logo-moloco.png" },
{ url: "logo-mintegral.png" },
{ url: "logo-liftoff.png" },
{ url: "logo-kwai.png" },
{ url: "logo-google.png" },
{ url: "logo-facebook.png" },
{ url: "logo-chartboost.png" },
{ url: "logo-bigoads.png" },
{ url: "logo-applovin.png" },
{ url: "logo-yandex.png" },
{ url: "logo-weixin.png" },
{ url: "logo-vungle.png" },
{ url: "logo-unity.png" },
{ url: "logo-tiktok.png" },
{ url: "logo-tapjoy.png" },
{ url: "logo-pangle.png" },
{ url: "logo-moloco.png" },
{ url: "logo-mintegral.png" },
{ url: "logo-liftoff.png" },
{ url: "logo-kwai.png" },
{ url: "logo-google.png" },
{ url: "logo-facebook.png" },
{ url: "logo-chartboost.png" },
{ url: "logo-bigoads.png" },
{ url: "logo-applovin.png" },
];
export default function ChannelSwiper() {
// const isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
// isMobile ? 15 :
return (
<>
<div className="overflow-hidden flex items-center">
<Marquee speed={50}>
{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="" />
</div>
);
})}
</Marquee>
</div>
</>
);
// const isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
// isMobile ? 15 :
return (
<>
<div className="overflow-hidden flex items-center">
<Marquee speed={50}>
{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={`${item.url.replace(".png", "").replace("logo-", "")}试玩广告`}
/>
</div>
);
})}
</Marquee>
</div>
</>
);
}

2
start.sh
View File

@ -9,7 +9,7 @@ fi
pm2 startup
pm2 save
pm2 start --name addseed-web npm -- run start
pm2 set your-app-name autorestart true
pm2 set addseed-web autorestart true
pm2 save
echo "PM2启动脚本执行完毕。"