day one

components/Navigation/Navigation.tsx

@@ -0,0 +1,43 @@
+import styles from "./Navigation.module.scss";
+import GractwoLogo from "../logo";
+import Link from "next/link";
+
+const PageNavigation = () => {
+	let username: string = "";
+	return (
+		<>
+			<div className={styles.nav}>
+				<GractwoLogo className={styles.logo} />
+				{/* <h1 className={styles.wordmark}>Gractwo!</h1> */}
+				<Link href="/" className={styles.link}>
+					główna
+				</Link>
+				<Link href="/o-gractwie" className={styles.link}>
+					o gractwie
+				</Link>
+				<Link href="/cytaty" className={styles.link}>
+					cytaty
+				</Link>
+				<Link href="/rankingi" className={styles.link}>
+					rankingi
+				</Link>
+				<Link
+					href="/"
+					style={{ display: "flex" }}
+					className={`${styles.link} ${styles.profile}`}
+				>
+					zaloguj się
+				</Link>
+				<Link
+					href="/"
+					style={{ display: "none" }}
+					className={`${styles.link} ${styles.profile}`}
+				>
+					{username ? username : "twój profil"}
+				</Link>
+			</div>
+		</>
+	);
+};
+
+export default PageNavigation;