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

optimize

feature/ae-lottie
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"; import ChannelSwiper from "../components/ChannelSwiper";
export default async function Home(props: { params: { lang: string[] } }) { 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 ( return (
<> <>
<div className="w-full flex flex-col items-center"> <div className="w-full flex flex-col items-center">
<Header dict={dict} lang={lang} /> <Header dict={dict} lang={lang} />
<div className="w-[1440px] relative pt-[80px]"> <div className="w-[1440px] relative pt-[80px]">
<div className="main"> <div className="main">
<div className="w-full h-[740px] pl-[72px] relative" id="home"> <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="" /> <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="text-[46px] leading-[62px] w-[639px] text-center pt-[279px] absolute">
<div <h2
className="font-black" className="font-black"
style={{ style={{
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)", background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
backgroundClip: "text", backgroundClip: "text",
WebkitTextFillColor: "transparent", WebkitTextFillColor: "transparent",
backgroundSize: "contain", backgroundSize: "contain",
}} }}>
> {dict.FocusingOnPlayableAds}
{dict.FocusingOnPlayableAds} </h2>
</div> <h2
<div className="font-black"
className="font-black" style={{
style={{ background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)",
background: "linear-gradient(106deg, #8EC2EA 0%, #4174ED 93%)", backgroundClip: "text",
backgroundClip: "text", WebkitTextFillColor: "transparent",
WebkitTextFillColor: "transparent", }}>
}} {dict.goOverseas}
> </h2>
{dict.goOverseas} </div>
</div> </div>
</div> <div className="w-full h-[428px] relative" id="service">
</div> <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="w-full h-[428px] relative" id="service"> <h2 className="absolute w-[770px] text-[32px] top-[184px] right-[95px] text-[#333333] text-right font-semibold">{dict.customized}</h2>
<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>
<div className="absolute w-[770px] text-[32px] top-[184px] right-[95px] text-[#333333] text-right font-semibold">{dict.customized}</div>
</div>
<div className="w-full h-[403px] relative "> <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="" /> <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> <h2 className="absolute w-[662px] text-[32px] top-[160px] left-[105px] text-[#333333] text-left font-semibold">{dict.ABTesting}</h2>
<div className="absolute w-[680px] text-[32px] top-[204px] left-[105px] text-[#333333] text-left font-semibold">{dict.iterateGameplay}</div> <h2 className="absolute w-[680px] text-[32px] top-[204px] left-[105px] text-[#333333] text-left font-semibold">{dict.iterateGameplay}</h2>
</div> </div>
<div className="w-full h-[392px] relative"> <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="" /> <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> <h2 className="absolute w-[520px] text-[32px] top-[197px] right-[95px] text-[#333333] text-right font-semibold">{dict.multiLanguage}</h2>
<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-[242px] right-[95px] text-[#333333] text-right font-semibold">{dict.breakingGeographical}</h2>
</div> </div>
<div className="w-full h-[317px] relative mt-[83px]"> <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="" /> <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> <h2 className="absolute w-[680px] text-[32px] top-[124px] left-[105px] text-[#333333] text-left font-semibold">{dict.allChannel}</h2>
<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-[169px] left-[105px] text-[#333333] text-left font-semibold">{dict.expandInfluence}</h2>
</div> </div>
<div className="w-full h-[317px] relative mt-[120px]"> <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="" /> <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> <h2 className="absolute w-[691px] text-[32px] top-[100px] right-[95px] text-[#333333] text-right font-semibold">{dict.lightweightDeployment}</h2>
<div className="absolute w-[712px] text-[32px] top-[145px] right-[95px] text-[#333333] text-right font-semibold">{dict.simplifyProcess}</div> <h2 className="absolute w-[712px] text-[32px] top-[145px] right-[95px] text-[#333333] text-right font-semibold">{dict.simplifyProcess}</h2>
</div> </div>
<div className="w-full flex flex-col justify-center items-center mt-[98px] mb-[50px]"> <div className="w-full flex flex-col justify-center items-center mt-[98px] mb-[50px]">
<div <div
className="leading-[42px] text-[36px] font-black w-[350px] mb-[11px] text-center" className="leading-[42px] text-[36px] font-black w-[350px] mb-[11px] text-center"
style={{ style={{
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)", background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)",
backgroundClip: "text", backgroundClip: "text",
WebkitTextFillColor: "transparent", WebkitTextFillColor: "transparent",
}} }}>
> {dict.channel}
{dict.channel} </div>
</div> </div>
</div> <ChannelSwiper />
<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="w-full flex flex-col justify-center items-center mt-[98px] mb-[59px]" id="contact">
<div <div
className="leading-[42px] text-[36px] font-black w-[300px] mb-[11px] text-center" className="leading-[34px] text-[36px] font-black w-[300px] mb-[11px] text-center"
style={{ style={{
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)", background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)",
backgroundClip: "text", backgroundClip: "text",
WebkitTextFillColor: "transparent", WebkitTextFillColor: "transparent",
}} }}>
> {dict.contactUs}
{dict.caseGallery} </div>
</div> </div>
{/* <div className="text-[19px] text-[#59676C]">{ dict.clickNow }</div> */} <div className="w-full mb-[60px]">
</div> <Form />
<Examples dict={dict} lang={lang} /> </div>
<div
<div className="w-full flex flex-col justify-center items-center mt-[98px] mb-[59px]" id="contact"> className="w-full flex justify-center text-[19px] text-[#59676C] pb-[52px] mb-[47px] border-b-1 border-solid border-[#D8D8D8]"
<div style={{ borderBottom: "1px solid #D8D8D8" }}>
className="leading-[34px] text-[36px] font-black w-[300px] mb-[11px] text-center" {dict.businessCooperation}info@soyootech.com
style={{ </div>
background: "linear-gradient(90deg, #93BBE6 0%, #4C76E4 100%)", <div>
backgroundClip: "text", <Footer dict={dict} />
WebkitTextFillColor: "transparent", </div>
}} </div>
> </div>
{dict.contactUs} </div>
</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"; import Marquee from "react-fast-marquee";
const data = [ const data = [
{ url: "logo-yandex.png" }, { url: "logo-yandex.png" },
{ url: "logo-weixin.png" }, { url: "logo-weixin.png" },
{ url: "logo-vungle.png" }, { url: "logo-vungle.png" },
{ url: "logo-unity.png" }, { url: "logo-unity.png" },
{ url: "logo-tiktok.png" }, { url: "logo-tiktok.png" },
{ url: "logo-tapjoy.png" }, { url: "logo-tapjoy.png" },
{ url: "logo-pangle.png" }, { url: "logo-pangle.png" },
{ url: "logo-moloco.png" }, { url: "logo-moloco.png" },
{ url: "logo-mintegral.png" }, { url: "logo-mintegral.png" },
{ url: "logo-liftoff.png" }, { url: "logo-liftoff.png" },
{ url: "logo-kwai.png" }, { url: "logo-kwai.png" },
{ url: "logo-google.png" }, { url: "logo-google.png" },
{ url: "logo-facebook.png" }, { url: "logo-facebook.png" },
{ url: "logo-chartboost.png" }, { url: "logo-chartboost.png" },
{ url: "logo-bigoads.png" }, { url: "logo-bigoads.png" },
{ url: "logo-applovin.png" }, { url: "logo-applovin.png" },
]; ];
export default function ChannelSwiper() { export default function ChannelSwiper() {
// const isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent); // const isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
// isMobile ? 15 : // isMobile ? 15 :
return ( return (
<> <>
<div className="overflow-hidden flex items-center"> <div className="overflow-hidden flex items-center">
<Marquee speed={50}> <Marquee speed={50}>
{data.map((item, index) => { {data.map((item, index) => {
return ( return (
<div key={index} className="mx-8 max-w-[100px] w-auto h-[80px] flex items-center "> <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
</div> 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-", "")}试玩广告`}
</Marquee> />
</div> </div>
</> );
); })}
</Marquee>
</div>
</>
);
} }

2
start.sh
View File

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