lapikud
/
tipilan
mirror of https://github.com/Lapikud/tipilan
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Contact information for ITÜK & MTÜ For Tsükkel

Browse Source
pull/2/head
v4ltages 6 months ago
parent 251c306868
commit f212e6f7ac
No known key found for this signature in database
GPG Key ID: DC7BC38E0DC642B
1 changed files with 100 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 156
      src/components/Footer.tsx

156
src/components/Footer.tsx
Unescape View File

@ -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 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> </div>
</div>
); );
export default Footer; export default Footer;

Write Preview
Loading…
Cancel
Save