Merge pull request #15 from Lapikud/buttons

added buttons to tournaments page

src/app/turniirid/page.tsx

@@ -1,4 +1,5 @@
 import { vipnagorgialla } from "@/components/Vipnagorgialla";
+import Link from "next/link";
 
 export default function Tourney() {
     const headingStyle = `text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5]`;
@@ -9,8 +10,7 @@ export default function Tourney() {
         <div className="flex flex-col min-h-[90vh] mt-16">
             <div className={"md:m-16"}>
                 <h1
-                    className={`text-5xl sm:text-6xl ${vipnagorgialla.className} 
+                    className={`${headingStyle}`}
-                        font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] `}
                 >
                     Turniirid
                 </h1>
@@ -39,6 +39,23 @@ export default function Tourney() {
                             vastavalt
                             saavutatud kohale auhinnaks kas 600€, 300€ või 150€.
                         </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>
@@ -64,6 +81,23 @@ export default function Tourney() {
                         Auhinnafond on suuruses 3500€, mis jaotatakse TOP3 meeskonna vahel ära. Iga tiimiliige saab
                         vastavalt saavutatud kohale auhinnaks kas 400€, 200€ või 100€.
                     </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>
 
@@ -85,6 +119,23 @@ export default function Tourney() {
                 <p>
                     Auhinnafond on kõigi turniiride peale 1250€ ja reeglina saab rahalise auhinna miniturniiri võitja.
                 </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>
 
             <SectionDivider />