mirror of https://github.com/Lapikud/tipilan
v4ltages
8 months ago
parent
2ac86b5591
commit
bd1c8f36da
13 changed files with 145 additions and 77 deletions
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 542 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,12 +1,74 @@ |
|||||||
import "./globals.css"; |
import { vipnagorgialla } from "./layout"; |
||||||
import Header from "@/components/Header"; |
|
||||||
import HomeComponent from "@/components/HomeComponent"; |
|
||||||
|
|
||||||
export default function Home() { |
export default function Home() { |
||||||
return ( |
return ( |
||||||
<> |
<div className="flex flex-col"> |
||||||
<Header /> |
{/* Title */} |
||||||
<HomeComponent /> |
<div className="border-b-3 border-[#007CAB] flex"> |
||||||
</> |
<img src="/tipilan-white.svg" alt="TipiLAN Logo" className="h-64"/> |
||||||
|
</div> |
||||||
|
{/* Grid of buttons */} |
||||||
|
<div className="grid grid-cols-1 lg:grid-cols-3 border-[#007CAB]"> |
||||||
|
<div className="p-12 border-b-3 lg:border-r-3 border-[#007CAB] hover:bg-[#007CAB] transition-colors"> |
||||||
|
<button className="cursor-pointer"> |
||||||
|
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic mb-16 text-[#2A2C3F] flex items-center`}> |
||||||
|
Ajakava → |
||||||
|
</h2> |
||||||
|
</button> |
||||||
|
<p className="text-xl"> |
||||||
|
TipiLAN on pungil põnevatest turniiridest, mini-võistlustest, loengutest ja paljust muust. |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div className="p-12 border-b-3 lg:border-r-3 border-[#007CAB] hover:bg-[#007CAB] transition-colors"> |
||||||
|
<button className="cursor-pointer"> |
||||||
|
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] mb-16 flex items-center`}> |
||||||
|
Turniirid → |
||||||
|
</h2> |
||||||
|
</button> |
||||||
|
<p className="text-xl"> |
||||||
|
TipiLANil toimuvad suurejoonelised CS2 ja Lol turniirid, mille auhinnafondid on 5000 € |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div className="p-12 border-b-3 border-[#007CAB] hover:bg-[#007CAB] transition-colors"> |
||||||
|
<button className="cursor-pointer"> |
||||||
|
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic mb-16 text-[#2A2C3F] flex items-center`}> |
||||||
|
Messiala → |
||||||
|
</h2> |
||||||
|
</button> |
||||||
|
<p className="text-xl"> |
||||||
|
TipiLANi messialal paiknevad ettevõtted, lisategevused ja toimuvad loengud. |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
{/* Date */} |
||||||
|
<div className={`p-12 flex flex-col ${vipnagorgialla.className} font-bold italic border-b-3 border-[#007CAB] hover:bg-[#007CAB] group transition-colors`}> |
||||||
|
<button className="cursor-pointer text-left"> |
||||||
|
<h3 className="text-5xl text-[#2A2C3F] pb-8"> |
||||||
|
Broneeri oma koht juba täna. → |
||||||
|
</h3> |
||||||
|
</button> |
||||||
|
<h2 className="text-6xl text-[#007CAB] group-hover:text-[#EEE5E5] transition-colors"> |
||||||
|
24.-26. okt. |
||||||
|
</h2> |
||||||
|
</div> |
||||||
|
{/* Footer */} |
||||||
|
<div className="flex items-center justify-between h-60 px-12"> |
||||||
|
<img src="/tipilan-white.svg" alt="TipiLAN Logo" className="h-16"/> |
||||||
|
{/* Social media */} |
||||||
|
<div className="flex flex-row"> |
||||||
|
<a href="#" target="_blank" rel="noopener noreferrer"> |
||||||
|
<img src="/discord.svg" alt="Twitch" className="h-8 mx-4"/> |
||||||
|
</a> |
||||||
|
<a href="#" target="_blank" rel="noopener noreferrer"> |
||||||
|
<img src="/instagram.svg" alt="Instagram" className="h-8 mx-4"/> |
||||||
|
</a> |
||||||
|
<a href="#" target="_blank" rel="noopener noreferrer"> |
||||||
|
<img src="/facebook.svg" alt="Facebook" className="h-8 mx-4"/> |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
); |
); |
||||||
} |
} |
||||||
@ -1,61 +0,0 @@ |
|||||||
import React from "react"; |
|
||||||
|
|
||||||
const HomeComponent = () => ( |
|
||||||
<div className="max-w-6xl mx-auto px-4 py-8"> |
|
||||||
{/* Logo/title section */} |
|
||||||
<div className="mb-12"> |
|
||||||
<h1 className="text-5xl font-bold text-center"> |
|
||||||
TIPI |
|
||||||
<span className="text-blue-500"> |
|
||||||
LAN |
|
||||||
</span> |
|
||||||
</h1> |
|
||||||
</div> |
|
||||||
|
|
||||||
{/* Three middle sections */} |
|
||||||
<div className="flex flex-col md:flex-row overflow-hidden border-1 shadow-md"> |
|
||||||
<div className="flex-1 p-6 border-r border-indigo-100 w-full md:w-[33.33%]"> |
|
||||||
<h1 className="text-2xl font-bold mb-4 flex items-center "> |
|
||||||
Ajakava → |
|
||||||
</h1> |
|
||||||
<p className=""> |
|
||||||
TipiLAN on pungil põnevatest turniiridest, mini-võistlustest, loengutest ja paljust muust. |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div className="flex-1 bg-white-50 p-6 border-r border-indigo-100 w-full md:w-[33.33%]"> |
|
||||||
<h1 className="text-2xl font-bold mb-4 flex items-center"> |
|
||||||
Turniirid → |
|
||||||
</h1> |
|
||||||
<p className=""> |
|
||||||
TipiLANil toimuvad suurejoonelised CS2 ja Lol turniirid, mille auhinnafondid on 5000 € |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
|
|
||||||
<div className="flex-1 bg-white-50 p-6 w-full md:w-[33.33%]"> |
|
||||||
<h1 className="text-2xl font-bold mb-4 flex items-center"> |
|
||||||
Messiala → |
|
||||||
</h1> |
|
||||||
<p className=""> |
|
||||||
TipiLANi messialal paiknevad ettevõtted, lisategevused ja toimuvad loengud. |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
{/* Bottom section */} |
|
||||||
<div className="flex flex-col md:flex-row overflow-hidden shadow-md"> |
|
||||||
<div className="flex-1 bg-white-100 p-8 border-r border-indigo-100 w-full md:w-[66.66%]"> |
|
||||||
<h1 className="text-3xl font-bold mb-6">Suurem kui eales varem.</h1> |
|
||||||
<p className="text-lg"> |
|
||||||
TalTechi üliõpilasorganisatsioonid korraldavad esimest korda <u>koos</u> 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! |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
<div className="flex items-center justify-center p-8 w-full md:w-[33.33%]"> |
|
||||||
<div className="text-4xl font-bold text-center text-blue-500">24.-26. okt.</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
); |
|
||||||
|
|
||||||
export default HomeComponent; |
|
||||||
Loading…
Reference in new issue