Messiala
-Koostööpartneritega arutamisel. Rohkem infot teel!
+
+
);
}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 404bd1c..0dbafb6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,10 +1,14 @@
// Head metadata
// import type { Metadata } from "next";
+// Provides the theme context to the app
+import { ThemeProvider } from "@/components/Theme-provider"
+import "./globals.css";
+
// Fonts
import { Work_Sans } from "next/font/google";
-import "./globals.css";
+
import SidebarParent from "@/components/SidebarParent";
import Footer from "@/components/Footer";
@@ -25,13 +29,20 @@ export default function RootLayout({
children: React.ReactNode;
}>) {
return (
-
+
+ Messiala
+Koostööpartneritega arutamisel. Rohkem infot teel!
{/* Title */}
-
- 
+
+
+
+ 
{/* Grid of buttons */}
-
+
-
Auhinnafond
-10 000€
+Auhinnafond
+10 000€
-
+
+
-
-
+
+
Ajakava
-
-
+
TipiLAN on pungil põnevatest turniiridest, mini-võistlustest, loengutest ja paljust muust.
+
-
-
+
+
Turniirid
-
-
+
TipiLANil toimuvad suurejoonelised Counter-Strike 2 ja League of Legends turniirid, mille auhinnafond on 10 000€.
+
{/* Date */}
-
-
+
+
Messiala
-
-
+
TipiLANi messialal paiknevad ettevõtted, lisategevused ja toimuvad loengud.
+
+
+ {/* Sponsors */}
+
);
}
\ No newline at end of file
diff --git a/src/app/tickets/page.tsx b/src/app/tickets/page.tsx
index c648ab4..4e66165 100644
--- a/src/app/tickets/page.tsx
+++ b/src/app/tickets/page.tsx
@@ -3,8 +3,8 @@ import Link from 'next/link';
export default function Tickets() {
return (
-
-
+
-
+
Broneeri oma koht juba täna!
-
+
24.-26. okt.
+
+
+ + TipiLANi tõmbab käima... +
+
+ 
+ 
+
+
+
+
-
PILETID JA REGAMINE
+
+
PILETID JA REGAMINE
8€
diff --git a/src/app/timetable/page.tsx b/src/app/timetable/page.tsx index a12cdda..cef81aa 100644 --- a/src/app/timetable/page.tsx +++ b/src/app/timetable/page.tsx @@ -2,9 +2,9 @@ import { vipnagorgialla } from "@/components/Vipnagorgialla"; export default function Timetable() { return ( -
-
Ajakava
-Lisame ajakava lähiajal.
+
+
);
}
diff --git a/src/app/tourney/page.tsx b/src/app/tourney/page.tsx
index 4d5ab6e..b20c51c 100644
--- a/src/app/tourney/page.tsx
+++ b/src/app/tourney/page.tsx
@@ -2,9 +2,9 @@ import { vipnagorgialla } from "@/components/Vipnagorgialla";
export default function Tourney() {
return (
- Ajakava
+Lisame ajakava lähiajal.
-
-
-
-);
+const Header = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: () => void }) => {
+ const { setTheme } = useTheme();
+
+ return (
+
+
+
+
+
+
+
+ setTheme('light')}>
+ Light
+
+ setTheme('dark')}>
+ Dark
+
+ setTheme('system')}>
+ System
+
+
+
+
+ );
+};
export default Header;
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 856b977..8a8e2ec 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -26,7 +26,7 @@ const Sidebar = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: ()
onClick={toggleSidebar} // Close sidebar when clicking outside
>
Turniirid
-Kui tahate oma oskusi proovile panna siis vaadake siia tagasi! Rohkem infot lähiajal.
+
+
);
}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 76c3535..1d37053 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -2,17 +2,18 @@ import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
const Footer = () => (
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 448d48f..c4e554d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,20 +1,57 @@
+'use client';
+
// Icons
-import { MdClose, MdMenu } from "react-icons/md";
+import { MdClose, MdMenu, MdSunny, MdModeNight } from "react-icons/md";
+
+// Theme Provider
+import { useTheme } from "next-themes"
+
+// Shadcn UI
+import { Button } from "@/components/ui/button"
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
// Fonts
import { vipnagorgialla } from "@/components/Vipnagorgialla";
-const Header = ({ isOpen, toggleSidebar }: { isOpen: boolean; toggleSidebar: () => void }) => (
- Turniirid
+Kui tahate oma oskusi proovile panna siis vaadake siia tagasi! Rohkem infot lähiajal.
ENG
-
Avaleht
diff --git a/src/components/Theme-provider.tsx b/src/components/Theme-provider.tsx
new file mode 100644
index 0000000..6a1ffe4
--- /dev/null
+++ b/src/components/Theme-provider.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+
+export function ThemeProvider({
+ children,
+ ...props
+}: React.ComponentProps) {
+ return {children}
+}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..a2df8dc
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,59 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+ {
+ variants: {
+ variant: {
+ default:
+ "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+ destructive:
+ "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+ outline:
+ "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+ secondary:
+ "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+ ghost:
+ "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-9 px-4 py-2 has-[>svg]:px-3",
+ sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+ icon: "size-9",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+function Button({
+ className,
+ variant,
+ size,
+ asChild = false,
+ ...props
+}: React.ComponentProps<"button"> &
+ VariantProps & {
+ asChild?: boolean
+ }) {
+ const Comp = asChild ? Slot : "button"
+
+ return (
+ ) {
+ return ) {
+ return (
+ ) {
+ return (
+ ) {
+ return (
+
+
+ )
+}
+
+function DropdownMenuGroup({
+ ...props
+}: React.ComponentProps) {
+ return (
+ & {
+ inset?: boolean
+ variant?: "default" | "destructive"
+}) {
+ return (
+ ) {
+ return (
+
+
+
+
+
+ {children}
+
+ )
+}
+
+function DropdownMenuRadioGroup({
+ ...props
+}: React.ComponentProps) {
+ return (
+ ) {
+ return (
+
+
+
+
+
+ {children}
+
+ )
+}
+
+function DropdownMenuLabel({
+ className,
+ inset,
+ ...props
+}: React.ComponentProps & {
+ inset?: boolean
+}) {
+ return (
+ ) {
+ return (
+ ) {
+ return & {
+ inset?: boolean
+}) {
+ return (
+
+ {children}
+
+ )
+}
+
+function DropdownMenuSubContent({
+ className,
+ ...props
+}: React.ComponentProps) {
+ return (
+