Merge pull request #44 from Lapikud/43-bottom-section-divider-on-all-pages

43 bottom section divider on all pages

src/app/ajakava/page.tsx

@@ -3,6 +3,7 @@
 import {useState} from "react";
 import {vipnagorgialla} from "@/components/Vipnagorgialla";
 import {scheduleData} from "@/data/timetable";
+import SectionDivider from "@/components/SectionDivider";
 
 const tabs = Object.keys(scheduleData);
 
@@ -11,6 +12,7 @@ export default function Timetable() {
     const schedule = scheduleData[activeTab];
 
     return (
+        <div>
             <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
                 <h1
                     className={`text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-8`}
@@ -68,5 +70,8 @@ export default function Timetable() {
                     ))}
                 </div>
             </div>
+            
+            <SectionDivider/>
+        </div>
     );
 }

src/app/kodukord/page.tsx

@@ -4,6 +4,7 @@ import path from "node:path";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import {vipnagorgialla} from "@/components/Vipnagorgialla";
+import SectionDivider from "@/components/SectionDivider";
 
 export const runtime = "nodejs";      // ensure fs is available (not Edge)
 export const dynamic = "force-static"; // read at build time
@@ -13,6 +14,7 @@ export default function Page() {
     const content = fs.readFileSync(filePath, "utf8");
 
     return (
+        <div>
             <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
                 {/* Page title (separate from markdown headings) */}
                 <h1
@@ -46,5 +48,8 @@ export default function Page() {
                     </ReactMarkdown>
                 </div>
             </div>
+            
+            <SectionDivider/>
+        </div>
     );
 }

src/app/messiala/page.tsx

@@ -4,6 +4,7 @@ import { vipnagorgialla } from "@/components/Vipnagorgialla";
 import * as THREE from "three";
 import {useEffect, useRef, useState} from "react";
 import {EyeClosed, Eye} from "lucide-react";
+import SectionDivider from "@/components/SectionDivider";
 
 // Define interface for the ref with toggle function
 interface MountRefCurrent extends HTMLDivElement {
@@ -369,6 +370,7 @@ export default function Expo() {
     }, [showDividers]);
 
     return (
+        <div>
             <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
                 <h1
                     className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4 uppercase`}
@@ -476,5 +478,8 @@ export default function Expo() {
                     )}
                 </div>
             </div>
+            
+            <SectionDivider />
+        </div>
     );
 }

src/app/piletid/page.tsx

@@ -1,16 +1,20 @@
 import {vipnagorgialla} from "@/components/Vipnagorgialla";
 import Link from "next/link";
+import SectionDivider from "@/components/SectionDivider";
 
 export default function Tickets() {
     return (
+        <div>
             <div className="flex flex-col min-h-[90vh] m-6 mt-16 md:m-16">
                 <h1
                     className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 md:mt-16 mb-4`}
                 >
                     PILETID JA REGIS&shy;TREERIMINE
                 </h1>
-      <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
-        <div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
+                    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 px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
                         <h2
                             className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
                         >
@@ -37,7 +41,8 @@ export default function Tickets() {
                             </button>
                         </Link>
                     </div>
-        <div className="bg-[#1F5673] -skew-x-2 md:-skew-x-5 text-white 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-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
                         <h2
                             className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
                         >
@@ -66,7 +71,8 @@ export default function Tickets() {
                         </Link>
                     </div>
 
-        <div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white 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 px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
                         <h2
                             className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}
                         >
@@ -92,5 +98,8 @@ export default function Tickets() {
                     </div>
                 </div>
             </div>
+          
+          <SectionDivider />
+        </div>
     );
 }

src/app/reeglid/[slug]/page.tsx

@@ -2,6 +2,7 @@ import { vipnagorgialla } from "@/components/Vipnagorgialla";
 import path from "node:path";
 import fs from "node:fs/promises";
 import ReactMarkdown from "react-markdown";
+import SectionDivider from "@/components/SectionDivider";
 
 type Props = {
     params: Promise<{ slug: string }>;
@@ -23,6 +24,7 @@ export default async function RulePage({ params }: Props) {
 
     return (
         <>
+            <div className="mb-16">
                 <h1
                     className={`not-prose ${vipnagorgialla.className} font-bold italic uppercase text-[64px] leading-[96px] tracking-[-0.02em] text-[#2A2C3F] dark:text-[#EEE5E5] mx-auto mt-16 mb-6 px-8`}
                 >
@@ -39,6 +41,9 @@ export default async function RulePage({ params }: Props) {
                 >
                     <ReactMarkdown>{file}</ReactMarkdown>
                 </div>
+            </div>
+
+            <SectionDivider/>
         </>
     );
 }

src/app/reeglid/page.tsx

@@ -1,5 +1,6 @@
 import {vipnagorgialla} from "@/components/Vipnagorgialla";
 import Link from "next/link";
+import SectionDivider from "@/components/SectionDivider";
 
 export default function RulesMenu() {
     const headingStyle = `text-5xl sm:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5]`;
@@ -8,7 +9,7 @@ export default function RulesMenu() {
     
     const boxTextStyle = `text-3xl ${vipnagorgialla.className} font-bold uppercase text-[#EEE5E5] pb-2`;
 
-    const SectionDivider = () => <div className="border-b-[3px] border-[#1F5673] w-full"/>;
+    // const SectionDivider = () => <div className="border-b-[3px] border-[#1F5673] w-full"/>;
 
     return (
         <div>

src/app/turniirid/page.tsx

@@ -1,11 +1,12 @@
 import { vipnagorgialla } from "@/components/Vipnagorgialla";
 import Link from "next/link";
 import Image from "next/image";
+import SectionDivider from "@/components/SectionDivider";
 
 export default function Tourney() {
     const headingStyle = `text-3xl md:text-5xl lg:text-5xl ${vipnagorgialla.className} font-bold uppercase text-[#2A2C3F] dark:text-[#EEE5E5] -skew-x-2 md:-skew-x-5`;
 
-    const SectionDivider = () => <hr className="border-t-[3px] border-[#1F5673]" />;
+    // const SectionDivider = () => <hr className="border-t-[3px] border-[#1F5673]" />;
 
     return (
         <div className="flex flex-col min-h-[90vh] mt-16">
@@ -75,7 +76,6 @@ export default function Tourney() {
 
                 <SectionDivider />
                 
-
                 {/* LoL turniir */}
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-16 items-center mx-8 md:mx-16 lg:mx-32 xl:mx-48">
                     <div className="hidden md:block">

src/components/SectionDivider.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default function SectionDivider() {
+    return (
+        <hr className="border-t-[3px] border-[#1F5673]" />
+    );
+};