diff --git a/public/discord.svg b/public/discord.svg new file mode 100644 index 0000000..9d7796b --- /dev/null +++ b/public/discord.svg @@ -0,0 +1 @@ +Discord \ No newline at end of file diff --git a/public/facebook.svg b/public/facebook.svg new file mode 100644 index 0000000..f66767e --- /dev/null +++ b/public/facebook.svg @@ -0,0 +1 @@ +Facebook \ No newline at end of file diff --git a/public/instagram.svg b/public/instagram.svg new file mode 100644 index 0000000..c0e86b0 --- /dev/null +++ b/public/instagram.svg @@ -0,0 +1 @@ +Instagram \ No newline at end of file diff --git a/public/tipilan-white.svg b/public/tipilan-white.svg new file mode 100644 index 0000000..893029a --- /dev/null +++ b/public/tipilan-white.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/fonts/vipnagorgialla/Vipnagorgialla-Bd-It.otf b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Bd-It.otf new file mode 100644 index 0000000..0b3496e Binary files /dev/null and b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Bd-It.otf differ diff --git a/src/app/fonts/vipnagorgialla/Vipnagorgialla-Bd.otf b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Bd.otf new file mode 100644 index 0000000..58615cf Binary files /dev/null and b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Bd.otf differ diff --git a/src/app/fonts/vipnagorgialla/Vipnagorgialla-Rg-It.otf b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Rg-It.otf new file mode 100644 index 0000000..4a9a567 Binary files /dev/null and b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Rg-It.otf differ diff --git a/src/app/fonts/vipnagorgialla/Vipnagorgialla-Rg.otf b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Rg.otf new file mode 100644 index 0000000..5a7ed87 Binary files /dev/null and b/src/app/fonts/vipnagorgialla/Vipnagorgialla-Rg.otf differ diff --git a/src/app/globals.css b/src/app/globals.css index 7d873f0..4c3d1ab 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -44,7 +44,11 @@ } body { - font-family: Inter, Arial, Helvetica, sans-serif; + font-family: "Work Sans", Arial, Helvetica, sans-serif; + width: 100vw; + height: 100vh; + padding: 0; + margin: 0; } :root { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index cf30cda..e347979 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,15 +1,47 @@ +// Head metadata import type { Metadata } from "next"; -import { Inter } from "next/font/google"; + +// Fonts +import { Work_Sans } from "next/font/google"; +import localFont from 'next/font/local' + +// Style 'only' has normal and italic for some reason. +// It uses the weight to determine the style used. +export const vipnagorgialla = localFont({ + src: [ + { + path: './fonts/vipnagorgialla/Vipnagorgialla-Rg.otf', + weight: '400', + style: 'normal', + }, + { + path: './fonts/vipnagorgialla/Vipnagorgialla-Rg-It.otf', + weight: '400', + style: 'italic', + }, + { + path: './fonts/vipnagorgialla/Vipnagorgialla-Bd.otf', + weight: '700', + style: 'normal', + }, + { + path: './fonts/vipnagorgialla/Vipnagorgialla-Bd-It.otf', + weight: '700', + style: 'italic', + }, + ], +}); + import "./globals.css"; +import Header from "@/components/Header"; -const inter = Inter({ - variable: "--font-inter", +const workSans = Work_Sans({ subsets: ["latin"], }); export const metadata: Metadata = { title: "Tipilan", - description: "", + description: "TipiLAN on pungil põnevatest turniiridest, mini-võistlustest, loengutest ja paljust muust.", }; export default function RootLayout({ @@ -20,8 +52,9 @@ export default function RootLayout({ return ( +
{children} diff --git a/src/app/page.tsx b/src/app/page.tsx index 49bdb32..efce63a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,12 +1,74 @@ -import "./globals.css"; -import Header from "@/components/Header"; -import HomeComponent from "@/components/HomeComponent"; +import { vipnagorgialla } from "./layout"; export default function Home() { return ( - <> -
- - +
+ {/* Title */} +
+ TipiLAN Logo +
+ {/* Grid of buttons */} +
+
+ +

+ TipiLAN on pungil põnevatest turniiridest, mini-võistlustest, loengutest ja paljust muust. +

+
+ +
+ +

+ TipiLANil toimuvad suurejoonelised CS2 ja Lol turniirid, mille auhinnafondid on 5000 € +

+
+ +
+ +

+ TipiLANi messialal paiknevad ettevõtted, lisategevused ja toimuvad loengud. +

+
+
+ {/* Date */} +
+ +

+ 24.-26. okt. +

+
+ {/* Footer */} +
+ TipiLAN Logo + {/* Social media */} + +
+
); } \ No newline at end of file diff --git a/src/components/Header.tsx b/src/components/Header.tsx index b39dfa1..3a4087b 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,8 +1,15 @@ -import React from "react"; +// Icons +import { Menu } from "lucide-react"; + +// Fonts +import { vipnagorgialla } from "@/app/layout"; const Header = () => ( -
- header +
+ +

ENG

); diff --git a/src/components/HomeComponent.tsx b/src/components/HomeComponent.tsx deleted file mode 100644 index 5512e54..0000000 --- a/src/components/HomeComponent.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import React from "react"; - -const HomeComponent = () => ( -
- {/* Logo/title section */} -
-

- TIPI - - LAN - -

-
- - {/* Three middle sections */} -
-
-

- Ajakava → -

-

- TipiLAN on pungil põnevatest turniiridest, mini-võistlustest, loengutest ja paljust muust. -

-
- -
-

- Turniirid → -

-

- TipiLANil toimuvad suurejoonelised CS2 ja Lol turniirid, mille auhinnafondid on 5000 € -

-
- -
-

- Messiala → -

-

- TipiLANi messialal paiknevad ettevõtted, lisategevused ja toimuvad loengud. -

-
-
- - {/* Bottom section */} -
-
-

Suurem kui eales varem.

-

- TalTechi üliõpilasorganisatsioonid korraldavad esimest korda koos LANi ning see tuleb enneolematu. - Tänu organisatsioonideülesele koostööle sünnib üks Eesti suurimatest võrgupidududest. Kutsu oma sõbrad ja olge valmis! -

-
-
-
24.-26. okt.
-
-
-
-); - -export default HomeComponent;