Merge pull request #89 from Lapikud/ticket-new-order

Change order of ticket options, fix wording
pull/91/head
Voltages 2 months ago committed by GitHub
commit 1ff53f751f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  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