Change order of ticket options, fix wording

pull/89/head
SwagMuffin88 2 months ago
parent d9d01b6222
commit 09c6081f7b
  1. 86
      src/app/[locale]/piletid/page.tsx
  2. 6
      translations/en.json
  3. 6
      translations/et.json

@ -23,89 +23,91 @@ export default async function Tickets({
<div className="flex justify-center lg:items-center flex-col lg:flex-row gap-8 md:gap-12 flex-grow mb-16 md:mt-8 lg:mt-0"> <div className="flex justify-center lg:items-center flex-col lg:flex-row gap-8 md:gap-12 flex-grow mb-16 md:mt-8 lg:mt-0">
<div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white italic px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]"> <div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white italic px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 <h2
className={`text-6xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-2`} className={`text-6xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-2`}
> >
{t("tickets.computerParticipant.latePrice")} {t("tickets.visitor.latePrice")}
</h2> </h2>
<h3 <h3
className={`text-3xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-4`} className={`text-3xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-4`}
> >
{t("tickets.computerParticipant.title")} {t("tickets.visitor.title")}
</h3> </h3>
<ul className="pl-4 mb-8 list-[square] marker:text-[#1F5673]"> <ul className="pl-4 mb-8 list-[square] marker:text-[#1F5673]">
{t {t
.raw("tickets.computerParticipant.features") .raw("tickets.visitor.features")
.map((feature: string, index: number) => ( .map((feature: string, index: number) => (
<li key={index} className="text-xl"> <li key={index} className="text-xl">
{feature} {feature}
</li> </li>
))} ))}
</ul> </ul>
<Link href="https://fienta.com/et/tipilan" target="_blank"> <Link href="https://fienta.com/et/tipilan" target="_blank">
<button <button
className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold`} className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold`}
> >
{t("tickets.buyTicket")} {t("tickets.buyTicket")}
</button> </button>
</Link> </Link>
</div> </div>
<div className="bg-[#1F5673] -skew-x-2 md:-skew-x-5 text-gray-400 italic px-8 md:px-12 py-16 w-full md:w-xl lg:w-[400px]"> <div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white italic px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 <h2
className={`text-4xl ${vipnagorgialla.className} font-bold pb-2`} className={`text-6xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-2`}
> >
<s>{t("tickets.competitor.price")}</s> {t("tickets.computerParticipant.latePrice")}
</h2> </h2>
<h3 <h3
className={`text-2xl ${vipnagorgialla.className} font-bold pb-4`} className={`text-3xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-4`}
> >
<s>{t("tickets.competitor.title")}</s> {t("tickets.computerParticipant.title")}
</h3> </h3>
<ul className="pl-4 mb-8 list-[square] marker:text-[#007CAB]"> <ul className="pl-4 mb-8 list-[square] marker:text-[#1F5673]">
{t {t
.raw("tickets.competitor.features") .raw("tickets.computerParticipant.features")
.map((feature: string, index: number) => ( .map((feature: string, index: number) => (
<li key={index} className="text-sm"> <li key={index} className="text-xl">
{feature} {feature}
</li> </li>
))} ))}
</ul> </ul>
{/*<Link href="https://fienta.com/et/tipilan" target="_blank">*/} <Link href="https://fienta.com/et/tipilan" target="_blank">
<button <button
className={`px-4 py-2 bg-[#007CAB] text-white ${vipnagorgialla.className} font-bold text-xl uppercase opacity-55`} className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold`}
> >
{t("tickets.soldOut")}! {t("tickets.buyTicket")}
</button> </button>
{/*</Link>*/} </Link>
</div> </div>
<div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white italic px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<div className="bg-[#1F5673] -skew-x-2 md:-skew-x-5 text-gray-400 italic px-8 md:px-12 py-16 w-full md:w-xl lg:w-[400px]">
<h2 <h2
className={`text-6xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-2`} className={`text-4xl ${vipnagorgialla.className} font-bold pb-2`}
> >
{t("tickets.visitor.latePrice")} <s>{t("tickets.competitor.price")}</s>
</h2> </h2>
<h3 <h3
className={`text-3xl ${vipnagorgialla.className} font-bold text-[#EEE5E5] pb-4`} className={`text-2xl ${vipnagorgialla.className} font-bold pb-4`}
> >
{t("tickets.visitor.title")} <s>{t("tickets.competitor.title")}</s>
</h3> </h3>
<ul className="pl-4 mb-8 list-[square] marker:text-[#1F5673]"> <ul className="pl-4 mb-8 list-[square] marker:text-[#007CAB]">
{t {t
.raw("tickets.visitor.features") .raw("tickets.competitor.features")
.map((feature: string, index: number) => ( .map((feature: string, index: number) => (
<li key={index} className="text-xl"> <li key={index} className="text-sm">
{feature} {feature}
</li> </li>
))} ))}
</ul> </ul>
<Link href="https://fienta.com/et/tipilan" target="_blank"> {/*<Link href="https://fienta.com/et/tipilan" target="_blank">*/}
<button <button
className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold`} className={`px-4 py-2 bg-[#007CAB] text-white ${vipnagorgialla.className} font-bold text-xl uppercase opacity-55`}
> >
{t("tickets.buyTicket")} {t("tickets.soldOut")}!
</button> </button>
</Link> {/*</Link>*/}
</div> </div>
</div> </div>
</div> </div>

@ -67,7 +67,7 @@
"latePrice":"10€", "latePrice":"10€",
"features": [ "features": [
"Personal desk, power and internet connection", "Personal desk, power and internet connection",
"Access to demo area", "Access to expo area",
"Tournament spectating", "Tournament spectating",
"Ability to participate in mini-tournaments" "Ability to participate in mini-tournaments"
] ]
@ -78,7 +78,7 @@
"features": [ "features": [
"Ability to participate in the CS2 or LoL tournament", "Ability to participate in the CS2 or LoL tournament",
"Personal desk, power and internet connection", "Personal desk, power and internet connection",
"Access to demo area", "Access to expo area",
"Tournament spectating", "Tournament spectating",
"Ability to participate in mini-tournaments" "Ability to participate in mini-tournaments"
] ]
@ -88,7 +88,7 @@
"earlyPrice": "6€", "earlyPrice": "6€",
"latePrice": "8€", "latePrice": "8€",
"features": [ "features": [
"Access to demo area", "Access to expo area",
"Tournament spectating", "Tournament spectating",
"Ability to participate in mini-tournaments" "Ability to participate in mini-tournaments"
] ]

@ -67,7 +67,7 @@
"latePrice":"10€", "latePrice":"10€",
"features": [ "features": [
"Isiklik laud, voolu- ja internetiühendus", "Isiklik laud, voolu- ja internetiühendus",
"Ligipääs demoalale", "Ligipääs messialale",
"Turniiride pealt vaatamine", "Turniiride pealt vaatamine",
"Võimalus osaleda miniturniiridel" "Võimalus osaleda miniturniiridel"
] ]
@ -78,7 +78,7 @@
"features": [ "features": [
"Võimalus osaleda CS2 või LoL turniiril", "Võimalus osaleda CS2 või LoL turniiril",
"Isiklik laud, voolu- ja internetiühendus", "Isiklik laud, voolu- ja internetiühendus",
"Ligipääs demoalale", "Ligipääs messialale",
"Turniiride pealt vaatamine", "Turniiride pealt vaatamine",
"Võimalus osaleda miniturniiridel" "Võimalus osaleda miniturniiridel"
] ]
@ -88,7 +88,7 @@
"earlyPrice": "6€", "earlyPrice": "6€",
"latePrice": "8€", "latePrice": "8€",
"features": [ "features": [
"Ligipääs demoalale", "Ligipääs messialale",
"Turniiride pealt vaatamine", "Turniiride pealt vaatamine",
"Võimalus osaleda miniturniiridel" "Võimalus osaleda miniturniiridel"
] ]

Loading…
Cancel
Save