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 Header from "@/components/Header"; |
||||
import HomeComponent from "@/components/HomeComponent"; |
||||
import { vipnagorgialla } from "./layout"; |
||||
|
||||
export default function Home() { |
||||
return ( |
||||
<> |
||||
<Header /> |
||||
<HomeComponent /> |
||||
</> |
||||
<div className="flex flex-col"> |
||||
{/* Title */} |
||||
<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