|
@@ -4,7 +4,6 @@ import { Link } from "@/i18n/routing";
|
|
|
import { server } from "@/utils/server";
|
|
|
import Image from "next/image";
|
|
|
import { Download, DownNumber } from "./DownNumber";
|
|
|
-
|
|
|
const getActivityApi = () => {
|
|
|
return server.request<PayDataType>({
|
|
|
url: "/v1/api/front/activity/pay",
|
|
@@ -20,154 +19,169 @@ const Page = async () => {
|
|
|
: 0;
|
|
|
return (
|
|
|
<>
|
|
|
- <div className={"mb-[0.2778rem] mt-[0.2083rem] flex flex-col items-center"}>
|
|
|
- <Image src={"/recharge/success.png"} alt={"success"} width={80} height={80} />
|
|
|
- <h1 className={"mt-[0.2083rem] font-bold"}>Parabéns</h1>
|
|
|
- <p className={"mt-[5px] text-[0.12rem]"}>Sua conta foi criada com sucesso.</p>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- className={
|
|
|
- "relative m-[0.0694rem] rounded-[10px] bg-gradient-to-b" +
|
|
|
- " from-[#f8e4bf] to-[#f2ae38] p-[0.1389rem]"
|
|
|
- }
|
|
|
- >
|
|
|
- <div className={"absolute -top-[0.12rem] left-1/2 -translate-x-1/2"}>
|
|
|
- <Image
|
|
|
- src={"/recharge/title_bg.png"}
|
|
|
- alt={"Novo Usuário"}
|
|
|
- width={300}
|
|
|
- height={160}
|
|
|
- />
|
|
|
- <span
|
|
|
- className={
|
|
|
- "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" +
|
|
|
- " text-[0.125rem] font-bold text-[#ff7301]"
|
|
|
- }
|
|
|
- >
|
|
|
- Novo Usuário
|
|
|
- </span>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div
|
|
|
- className={
|
|
|
- "mt-[0.2778rem] flex rounded-[0.0347rem] bg-[#fbe6c6]" +
|
|
|
- " p-[0.0694rem]" +
|
|
|
- " items-center text-[#000]"
|
|
|
- }
|
|
|
- >
|
|
|
- <div>
|
|
|
+ <div className={"flex flex-col [min-height:calc(100%-0.81rem)]"}>
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <div className={"mb-[0.2778rem] mt-[0.2083rem] flex flex-col items-center"}>
|
|
|
<Image
|
|
|
- src={"/recharge/activity-1.png"}
|
|
|
- alt={"activity-1"}
|
|
|
+ src={"/recharge/success.png"}
|
|
|
+ alt={"success"}
|
|
|
width={80}
|
|
|
- height={40}
|
|
|
+ height={80}
|
|
|
/>
|
|
|
+ <h1 className={"mt-[0.2083rem] font-bold"}>Parabéns</h1>
|
|
|
+ <p className={"mt-[5px] text-[0.12rem]"}>
|
|
|
+ Sua conta foi criada com sucesso.
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div className={"ml-[20px] w-[100%]"}>
|
|
|
- <div className={"flex items-center"}>
|
|
|
- <div className={"flex-1"}>
|
|
|
- <DownNumber endTime={endtime} />
|
|
|
+
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "relative m-[0.0694rem] rounded-[10px] bg-gradient-to-b" +
|
|
|
+ " from-[#f8e4bf] to-[#f2ae38] p-[0.1389rem]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <div className={"absolute -top-[0.12rem] left-1/2 -translate-x-1/2"}>
|
|
|
+ <Image
|
|
|
+ src={"/recharge/title_bg.png"}
|
|
|
+ alt={"Novo Usuário"}
|
|
|
+ width={300}
|
|
|
+ height={160}
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ className={
|
|
|
+ "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" +
|
|
|
+ " text-[0.125rem] font-bold text-[#ff7301]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ Novo Usuário
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "mt-[0.2778rem] flex rounded-[0.0347rem] bg-[#fbe6c6]" +
|
|
|
+ " p-[0.0694rem]" +
|
|
|
+ " items-center text-[#000]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <Image
|
|
|
+ src={"/recharge/activity-1.png"}
|
|
|
+ alt={"activity-1"}
|
|
|
+ width={80}
|
|
|
+ height={40}
|
|
|
+ />
|
|
|
</div>
|
|
|
- <Link href={"/deposit"}>
|
|
|
- <div
|
|
|
- className={
|
|
|
- "bg-[url(/recharge/button-1.png)] " +
|
|
|
- " bg-[length:100%_100%] bg-no-repeat" +
|
|
|
- " h-[0.4167rem] w-[0.8333rem] pt-[0.0347rem]"
|
|
|
- }
|
|
|
- >
|
|
|
- <span
|
|
|
- className={
|
|
|
- "flex items-center text-[0.125rem]" +
|
|
|
- " font-bold" +
|
|
|
- " justify-center text-[#fff]"
|
|
|
- }
|
|
|
- >
|
|
|
- Deposito
|
|
|
- </span>
|
|
|
+ <div className={"ml-[20px] w-[100%]"}>
|
|
|
+ <div className={"flex items-center"}>
|
|
|
+ <div className={"flex-1"}>
|
|
|
+ <DownNumber endTime={endtime} />
|
|
|
+ </div>
|
|
|
+ <Link href={"/deposit"}>
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "bg-[url(/recharge/button-1.png)] " +
|
|
|
+ " bg-[length:100%_100%] bg-no-repeat" +
|
|
|
+ " h-[0.4167rem] w-[0.8333rem] pt-[0.0347rem]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ className={
|
|
|
+ "flex items-center text-[0.125rem]" +
|
|
|
+ " font-bold" +
|
|
|
+ " justify-center text-[#fff]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ Deposito
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </Link>
|
|
|
</div>
|
|
|
- </Link>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- Deposite dentro de duas horas, você receberá 100 bônus em dinheiro.
|
|
|
+ <div>
|
|
|
+ Deposite dentro de duas horas, você receberá 100 bônus em
|
|
|
+ dinheiro.
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
|
|
|
- {/* 2*/}
|
|
|
- <div
|
|
|
- className={
|
|
|
- "mt-[10px] flex rounded-[0.0347rem] bg-[#fbe6c6]" +
|
|
|
- " p-[0.0694rem]" +
|
|
|
- " items-center justify-between text-[#000]"
|
|
|
- }
|
|
|
- >
|
|
|
- <Image
|
|
|
- src={"/recharge/activity-2.png"}
|
|
|
- alt={"activity-1"}
|
|
|
- width={60}
|
|
|
- height={40}
|
|
|
- />
|
|
|
- <div className={"ml-[20px] flex-1"}>ADICIONAR À TELA INICIAL</div>
|
|
|
- <Download />
|
|
|
- </div>
|
|
|
+ {/* 2*/}
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "mt-[10px] flex rounded-[0.0347rem] bg-[#fbe6c6]" +
|
|
|
+ " p-[0.0694rem]" +
|
|
|
+ " items-center justify-between text-[#000]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <Image
|
|
|
+ src={"/recharge/activity-2.png"}
|
|
|
+ alt={"activity-1"}
|
|
|
+ width={60}
|
|
|
+ height={40}
|
|
|
+ />
|
|
|
+ <div className={"ml-[20px] flex-1"}>ADICIONAR À TELA INICIAL</div>
|
|
|
+ <Download />
|
|
|
+ </div>
|
|
|
|
|
|
- {/* 3 */}
|
|
|
- <div
|
|
|
- className={
|
|
|
- "mt-[10px] flex rounded-[0.0347rem] bg-[#fbe6c6]" +
|
|
|
- " p-[0.0694rem]" +
|
|
|
- " items-center text-[#000]"
|
|
|
- }
|
|
|
- >
|
|
|
- <div>
|
|
|
- <Image
|
|
|
- src={"/recharge/activity-3.png"}
|
|
|
- alt={"activity-3"}
|
|
|
- width={80}
|
|
|
- height={40}
|
|
|
- />
|
|
|
- </div>
|
|
|
- <div className={"ml-[20px] w-[100%]"}>
|
|
|
- <div className={"flex items-center"}>
|
|
|
- <div className={"flex-1"}>De registo prémios</div>
|
|
|
- <Link href={"/freeGames"}>
|
|
|
- <div
|
|
|
- className={
|
|
|
- "bg-[url(/recharge/button-1.png)] " +
|
|
|
- " bg-[length:100%_100%] bg-no-repeat" +
|
|
|
- " h-[0.4167rem] w-[0.8333rem] pt-[0.0347rem]"
|
|
|
- }
|
|
|
- >
|
|
|
- <span
|
|
|
- className={
|
|
|
- "flex items-center text-[0.125rem]" +
|
|
|
- " font-bold" +
|
|
|
- " justify-center text-[#fff]"
|
|
|
- }
|
|
|
- >
|
|
|
- Jogo
|
|
|
- </span>
|
|
|
+ {/* 3 */}
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "mt-[10px] flex rounded-[0.0347rem] bg-[#fbe6c6]" +
|
|
|
+ " p-[0.0694rem]" +
|
|
|
+ " items-center text-[#000]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <div>
|
|
|
+ <Image
|
|
|
+ src={"/recharge/activity-3.png"}
|
|
|
+ alt={"activity-3"}
|
|
|
+ width={80}
|
|
|
+ height={40}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div className={"ml-[20px] w-[100%]"}>
|
|
|
+ <div className={"flex items-center"}>
|
|
|
+ <div className={"flex-1"}>De registo prémios</div>
|
|
|
+ <Link href={"/freeGames"}>
|
|
|
+ <div
|
|
|
+ className={
|
|
|
+ "bg-[url(/recharge/button-1.png)] " +
|
|
|
+ " bg-[length:100%_100%] bg-no-repeat" +
|
|
|
+ " h-[0.4167rem] w-[0.8333rem] pt-[0.0347rem]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ className={
|
|
|
+ "flex items-center text-[0.125rem]" +
|
|
|
+ " font-bold" +
|
|
|
+ " justify-center text-[#fff]"
|
|
|
+ }
|
|
|
+ >
|
|
|
+ Jogo
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </Link>
|
|
|
</div>
|
|
|
- </Link>
|
|
|
+ <div>100 grátis grátis para começar a jogar imediatamente</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div>100 grátis grátis para começar a jogar imediatamente</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div className={"absolute bottom-[0.81rem] flex w-[100%] justify-between p-[10px]"}>
|
|
|
- <Link href={"/"} className={"text-primary-color"}>
|
|
|
- <span className={"iconfont icon-xiangzuo1"}></span>
|
|
|
- Inicio
|
|
|
- </Link>
|
|
|
- <Link href={"/deposit"} className={"text-primary-color"}>
|
|
|
- Depósito
|
|
|
- <span className={"iconfont icon-xiangyou1"}></span>
|
|
|
- </Link>
|
|
|
+ <div className={"flex w-[100%] justify-between p-[10px]"}>
|
|
|
+ <Link href={"/"} className={"text-primary-color"}>
|
|
|
+ <span className={"iconfont icon-xiangzuo1"}></span>
|
|
|
+ Inicio
|
|
|
+ </Link>
|
|
|
+ <Link href={"/deposit"} className={"text-primary-color"}>
|
|
|
+ Depósito
|
|
|
+ <span className={"iconfont icon-xiangyou1"}></span>
|
|
|
+ </Link>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
- <DomainFooter />
|
|
|
+ <div className={"h-[0.81rem]"}>
|
|
|
+ <DomainFooter />
|
|
|
+ </div>
|
|
|
</>
|
|
|
);
|
|
|
};
|