mirror of
https://github.com/Lapikud/tipilan.git
synced 2026-03-23 21:34:21 +00:00
Contact information for ITÜK & MTÜ For Tsükkel
This commit is contained in:
@@ -1,65 +1,109 @@
|
|||||||
import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
|
import { SiDiscord, SiInstagram, SiFacebook } from "react-icons/si";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
|
|
||||||
|
// Fonts
|
||||||
|
import { vipnagorgialla } from "@/components/Vipnagorgialla";
|
||||||
|
|
||||||
const Footer = () => (
|
const Footer = () => (
|
||||||
<div className="flex items-center justify-center sm:justify-between flex-col sm:flex-row px-12 py-16 gap-8">
|
<div className="flex flex-col justify-center sm:justify-between px-12 py-16 gap-8">
|
||||||
<div className="flex flex-col gap-4 items-center">
|
<div className="flex items-center justify-center sm:justify-between">
|
||||||
<Image
|
<div className="flex flex-col gap-4 items-center">
|
||||||
src="/tipilan-white.svg"
|
<Image
|
||||||
width={300}
|
src="/tipilan-white.svg"
|
||||||
height={50}
|
width={300}
|
||||||
alt="TipiLAN Logo"
|
height={50}
|
||||||
className="h-16 dark:hidden"
|
alt="TipiLAN Logo"
|
||||||
/>
|
className="h-16 dark:hidden"
|
||||||
<Image
|
/>
|
||||||
src="/tipilan-dark.svg"
|
<Image
|
||||||
width={300}
|
src="/tipilan-dark.svg"
|
||||||
height={50}
|
width={300}
|
||||||
alt="TipiLAN Logo"
|
height={50}
|
||||||
className="h-9 ml-3 not-dark:hidden"
|
alt="TipiLAN Logo"
|
||||||
/>
|
className="h-9 ml-3 not-dark:hidden"
|
||||||
<p>Kontakt: <a href="mailto:tipilan@ituk.ee" className="underline">tipilan@ituk.ee</a></p>
|
/>
|
||||||
</div>
|
</div>
|
||||||
{/* Social media */}
|
{/* Social media */}
|
||||||
<div className="flex flex-row">
|
<div className="flex flex-row">
|
||||||
<a
|
<a
|
||||||
href="https://discord.gg/eB7sVqgJ9b"
|
href="https://discord.gg/eB7sVqgJ9b"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="mx-4"
|
className="mx-4"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<SiDiscord
|
<SiDiscord
|
||||||
title="Discord"
|
title="Discord"
|
||||||
size={"2em"}
|
size={"2em"}
|
||||||
className="text-[#2A2C3F] dark:text-[#EEE5E5]"
|
className="text-[#2A2C3F] dark:text-[#EEE5E5]"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://instagram.com/tipilan.ee"
|
href="https://instagram.com/tipilan.ee"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="mx-4"
|
className="mx-4"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<SiInstagram
|
<SiInstagram
|
||||||
title="Instagram"
|
title="Instagram"
|
||||||
size={"2em"}
|
size={"2em"}
|
||||||
className="text-[#2A2C3F] dark:text-[#EEE5E5]"
|
className="text-[#2A2C3F] dark:text-[#EEE5E5]"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://facebook.com/tipilan.ee"
|
href="https://facebook.com/tipilan.ee"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="mx-4"
|
className="mx-4"
|
||||||
rel="noopener noreferrer"
|
rel="noopener noreferrer"
|
||||||
>
|
>
|
||||||
<SiFacebook
|
<SiFacebook
|
||||||
title="Facebook"
|
title="Facebook"
|
||||||
size={"2em"}
|
size={"2em"}
|
||||||
className="text-[#2A2C3F] dark:text-[#EEE5E5]"
|
className="text-[#2A2C3F] dark:text-[#EEE5E5]"
|
||||||
/>
|
/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div className="flex flex-col gap-4 ml-9">
|
||||||
|
<h2
|
||||||
|
className={`text-3xl sm:text-4xl ${vipnagorgialla.className} font-bold italic uppercase text-[#2A2C3F] dark:text-[#EEE5E5] mt-8 mb-4`}
|
||||||
|
>
|
||||||
|
Kontakt
|
||||||
|
</h2>
|
||||||
|
<div className="flex flex-row justify-between gap-4 items-center">
|
||||||
|
<div>
|
||||||
|
<h3 className="text-xl font-bold">IT-teaduskonna üliõpilaskogu</h3>
|
||||||
|
<div className="flex flex-col gap-2 mt-2">
|
||||||
|
<div className="flex flex-row gap-2">
|
||||||
|
<span className="material-symbols-outlined !font-bold text-[#007CAB] dark:text-[#00A3E0]">
|
||||||
|
mail
|
||||||
|
</span>
|
||||||
|
<a href="mailto:kontakt@ituk.ee" className="underline">
|
||||||
|
kontakt@ituk.ee
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-row gap-2">
|
||||||
|
<span className="material-symbols-outlined !font-bold text-[#007CAB] dark:text-[#00A3E0]">
|
||||||
|
phone
|
||||||
|
</span>
|
||||||
|
<a href="tel:+37256931193" className="underline">
|
||||||
|
+372 5693 1193
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h3 className="text-xl font-bold pt-4">MTÜ For Tsükkel</h3>
|
||||||
|
<div>
|
||||||
|
<p className="text-[#aaa]">
|
||||||
|
Registrikood:{" "}
|
||||||
|
<span className="font-semibold text-white">80391807</span>
|
||||||
|
</p>
|
||||||
|
<p className="text-[#aaa]">
|
||||||
|
ICO-210, Raja tn 4c, Tallinn, Harjumaa, 12616
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
|
|
||||||
export default Footer;
|
export default Footer;
|
||||||
|
|||||||
Reference in New Issue
Block a user