Solvro · jedryczkatymon · Dec 14, 2024 · Dec 14, 2024 · Dec 14, 2024 · Dec 15, 2024
diff --git a/.gitignore b/.gitignore
@@ -38,6 +38,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+bun.lockb
 
 # facebook user data cache
 user_details.json
diff --git a/.prettierrc b/.prettierrc
diff --git a/public/Juwe2025.png b/public/Juwe2025.png
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import { Montserrat } from "next/font/google";
 import "./globals.css";
 import QueryProvider from "@/lib/queryClient";
 import { Navbar } from "@/components/Navbar";
+import { Footer } from "@/components/Footer";
 
 export const metadata: Metadata = {
   title: "Juwenalia by Solvro",
@@ -26,6 +27,7 @@ export default function RootLayout({
         <body>
           <Navbar />
           {children}
+          <Footer />
         </body>
       </QueryProvider>
     </html>

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -0,0 +1,84 @@
+import Image from "next/image";
+import Link from "next/link";
+
+function List({ text, children }: { text: string; children: React.ReactNode }) {
+  return (
+    <div>
+      <h2 className="mb-5 text-base font-medium uppercase">{text}</h2>
+      <ul>{children}</ul>
+    </div>
+  );
+}
+
+function ListItem({
+  url,
+  target = "_blank",
+  text,
+}: {
+  url: string;
+  target?: string;
+  text: string;
+}) {
+  return (
+    <li className="mb-2 text-sm">
+      <Link href={url} target={target}>
+        {text}
+      </Link>
+    </li>
+  );
+}
+
+function Footer() {
+  return (
+    <footer>
+      <div className="md:mb-16 md:mt-24 grid place-items-center">
+        <Image
+          src="/Juwe2025.png"
+          alt="Logo Juwenalia 2025 #WROCŁAWRAZEM"
+          className="md:hidden my-20"
+          width={175}
+          height={175}
+        />
+        <div className="sm:grid-cols-4 sm:justify-around md:flex md:w-11/12 md:flex-row md:justify-around max-[475px]:gap-x-12 max-[640px]:gap-x-40 grid grid-cols-2 gap-y-10">
+          <List text="Kontakt">
+            <ListItem url="mailto:[email protected]" text="Adres e-mail" />
+            <ListItem url="mailto:[email protected]" text="Adres e-mail" />
+          </List>
+          <List text="Social media">
+            <ListItem url="https://instagram.com/" text="Instagram" />
+            <ListItem url="https://facebook.com/" text="Facebook" />
+            <ListItem url="https://tiktok.com/" text="TikTok" />
+          </List>
+          <Image
+            src="/Juwe2025.png"
+            alt="Logo Juwenalia 2025 #WROCŁAWRAZEM"
+            className="md:-mt-8 md:block hidden"
+            width={250}
+            height={150}
+          />
+          <List text="Linki">
+            <ListItem url="/" text="Harmonogram" target="_self" />
+            <ListItem url="/artists" text="Artyści" target="_self" />
+            <ListItem url="/map" text="Mapa wydarzenia" target="_self" />
+            <ListItem url="/postsFb" text="Aktualności" target="_self" />
+          </List>
+          <List text="Inne">
+            <ListItem url="" text="Link 1" target="_self" />
+            <ListItem url="" text="Link 2" target="_self" />
+            <ListItem url="" text="Link 3" target="_self" />
+          </List>
+        </div>
+      </div>
+      <div className="md:mb-16 md:flex md:justify-center mb-8 ml-5 mt-8 text-sm">
+        <div className="md:flex md:flex-row md:justify-between w-4/5">
+          <p className="md:w-full mb-8 w-48 text-slate-400">
+            © Juwenalia 2025. Wszelkie prawa zastrzeżone.
+          </p>
+          <p className="w-52 font-medium">Made with ❤️ by Solvro</p>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+export { Footer };