added buttons to tournaments page

pull/15/head
Kerdo Käärma 5 months ago
parent c38dba4a11
commit 37a2a8681c
  1. 75
      src/app/turniirid/page.tsx

@ -1,25 +1,25 @@
import {vipnagorgialla} from "@/components/Vipnagorgialla"; import { vipnagorgialla } from "@/components/Vipnagorgialla";
import Link from "next/link";
export default function Tourney() { export default function Tourney() {
const headingStyle = `text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5]`; const headingStyle = `text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5]`;
const SectionDivider = () => <div className="border-b-[3px] border-[#1F5673] w-full"/>; const SectionDivider = () => <div className="border-b-[3px] border-[#1F5673] w-full" />;
return ( return (
<div className="flex flex-col min-h-[90vh] mt-16"> <div className="flex flex-col min-h-[90vh] mt-16">
<div className={"md:m-16"}> <div className={"md:m-16"}>
<h1 <h1
className={`text-5xl sm:text-6xl ${vipnagorgialla.className} className={`${headingStyle}`}
font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] `}
> >
Turniirid Turniirid
</h1> </h1>
{/*<p className="text-2xl text-[#2A2C3F] dark:text-[#EEE5E5]">*/} {/*<p className="text-2xl text-[#2A2C3F] dark:text-[#EEE5E5]">*/}
{/* Kui tahate oma oskusi proovile panna, siis vaadake siia tagasi! Rohkem*/} {/* Kui tahate oma oskusi proovile panna, siis vaadake siia tagasi! Rohkem*/}
{/* infot lähiajal.*/} {/* infot lähiajal.*/}
{/*</p>*/} {/*</p>*/}
<div className={"flex flex-row flex-wrap gap-8 md:gap-38"}> <div className={"flex flex-row flex-wrap gap-8 md:gap-38"}>
<div className={"-skew-x-2 md:-skew-x-5 pl-4 md:pl-28 md:w-180"}> <div className={"-skew-x-2 md:-skew-x-5 pl-4 md:pl-28 md:w-180"}>
<h2 className={`${headingStyle} mt-12`}> <h2 className={`${headingStyle} mt-12`}>
@ -33,17 +33,34 @@ export default function Tourney() {
sõbrad ja sõbrad ja
saa osa adrenaliinirohkest kogemusest! saa osa adrenaliinirohkest kogemusest!
</p> </p>
<br/> <br />
<p> <p>
Auhinnafond on suuruses 5250, mis jaotatakse TOP3 meeskonna vahel ära. Iga tiimiliige saab Auhinnafond on suuruses 5250, mis jaotatakse TOP3 meeskonna vahel ära. Iga tiimiliige saab
vastavalt vastavalt
saavutatud kohale auhinnaks kas 600, 300 või 150. saavutatud kohale auhinnaks kas 600, 300 või 150.
</p> </p>
<br />
<div className={"flex flex-row flex-wrap gap-8"}>
<Link href="/kodukord" target="_blank">
<button
className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}
>
LOE REEGLEID
</button>
</Link>
<Link href="https://fienta.com/et/tipilan" target="_blank">
<button
className={`px-4 py-2 bg-[#007CAB] cursor-pointer ${vipnagorgialla.className} font-bold italic`}
>
OSTA PILET
</button>
</Link>
</div>
</div> </div>
</div> </div>
</div> </div>
<SectionDivider/> <SectionDivider />
<div className={"flex flex-row gap-8 md:gap-38 mt-8 mb-12"}> <div className={"flex flex-row gap-8 md:gap-38 mt-8 mb-12"}>
<div className={"pl-4 md:pl-40 md:w-180"}></div> <div className={"pl-4 md:pl-40 md:w-180"}></div>
@ -59,15 +76,32 @@ export default function Tourney() {
TipiLANil toimub Eesti ühe suurima auhinnafondiga LoL turniire juba sel sügisel. TipiLANil toimub Eesti ühe suurima auhinnafondiga LoL turniire juba sel sügisel.
Haara kaasa sõbrad ja saa osa adrenaliinirohkest kogemusest! Haara kaasa sõbrad ja saa osa adrenaliinirohkest kogemusest!
</p> </p>
<br/> <br />
<p> <p>
Auhinnafond on suuruses 3500, mis jaotatakse TOP3 meeskonna vahel ära. Iga tiimiliige saab Auhinnafond on suuruses 3500, mis jaotatakse TOP3 meeskonna vahel ära. Iga tiimiliige saab
vastavalt saavutatud kohale auhinnaks kas 400, 200 või 100. vastavalt saavutatud kohale auhinnaks kas 400, 200 või 100.
</p> </p>
<br />
<div className="flex flex-row flex-wrap gap-8 justify-end">
<Link href="/kodukord" target="_blank">
<button
className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}
>
LOE REEGLEID
</button>
</Link>
<Link href="https://fienta.com/et/tipilan" target="_blank">
<button
className={`px-4 py-2 bg-[#007CAB] cursor-pointer ${vipnagorgialla.className} font-bold italic`}
>
OSTA PILET
</button>
</Link>
</div>
</div> </div>
</div> </div>
<SectionDivider/> <SectionDivider />
<div className={"-skew-x-2 md:-skew-x-5 pl-4 md:pl-40 md:w-180 mt-8 mb-12"}> <div className={"-skew-x-2 md:-skew-x-5 pl-4 md:pl-40 md:w-180 mt-8 mb-12"}>
<h2 className={`${headingStyle}`}> <h2 className={`${headingStyle}`}>
@ -81,13 +115,30 @@ export default function Tourney() {
Miniturniirid toimuvad järgnevates mängudes: Tetris, SimRacing, Tekken. FIFA, Minecraft Bedwards, Miniturniirid toimuvad järgnevates mängudes: Tetris, SimRacing, Tekken. FIFA, Minecraft Bedwards,
Buckshot Roulette, LostGamer. Buckshot Roulette, LostGamer.
</p> </p>
<br/> <br />
<p> <p>
Auhinnafond on kõigi turniiride peale 1250 ja reeglina saab rahalise auhinna miniturniiri võitja. Auhinnafond on kõigi turniiride peale 1250 ja reeglina saab rahalise auhinna miniturniiri võitja.
</p> </p>
<br />
<div className={"flex flex-row flex-wrap gap-8"}>
<Link href="/kodukord" target="_blank">
<button
className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}
>
LOE REEGLEID
</button>
</Link>
<Link href="https://fienta.com/et/tipilan" target="_blank">
<button
className={`px-4 py-2 bg-[#007CAB] cursor-pointer ${vipnagorgialla.className} font-bold italic`}
>
OSTA PILET
</button>
</Link>
</div>
</div> </div>
<SectionDivider/> <SectionDivider />
</div> </div>
); );

Loading…
Cancel
Save