Index: frontend/src/App.tsx
===================================================================
--- frontend/src/App.tsx	(revision 613c3509b5e55b20717d4e829f9ed21c3ee79854)
+++ frontend/src/App.tsx	(revision d8ea9015e664f1456aeb1d80eaf551feace62c4e)
@@ -10,5 +10,5 @@
 	},
 	{
-		path: "/test",
+		path: "/subjects",
 		element: <CourseCatalog />,
 	},
Index: frontend/src/assets/eye.svg
===================================================================
--- frontend/src/assets/eye.svg	(revision d8ea9015e664f1456aeb1d80eaf551feace62c4e)
+++ frontend/src/assets/eye.svg	(revision d8ea9015e664f1456aeb1d80eaf551feace62c4e)
@@ -0,0 +1,21 @@
+<svg
+  width="16"
+  height="16"
+  fill="none"
+  stroke="currentColor"
+  viewBox="0 0 24 24"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  />
+  <path
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="2"
+    d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+  />
+</svg>
Index: frontend/src/components/SubjectCatalog.tsx
===================================================================
--- frontend/src/components/SubjectCatalog.tsx	(revision 613c3509b5e55b20717d4e829f9ed21c3ee79854)
+++ frontend/src/components/SubjectCatalog.tsx	(revision d8ea9015e664f1456aeb1d80eaf551feace62c4e)
@@ -7,5 +7,4 @@
 	const [selectedSubject, setSelectedSubject] = useState<Subject | null>(null);
 	const [subjectData, setSubjectData] = useState<Subject[]>([]);
-	// const [extraData, setExtraData] = useState<SubjectInfo[]>([]);
 	const [isLoaded, setIsLoaded] = useState(false);
 	const [showModal, setShowModal] = useState(false);
@@ -39,10 +38,4 @@
 			const data = await response.json();
 			setSubjectData(data.subjects);
-			console.log(data.subjects);
-			// const object_data: SubjectInfo[] = data.rows.map((item: Subject) => {
-			// 	return item.info;
-			// });
-			// console.log(object_data);
-			// setExtraData(object_data);
 			setIsLoaded(true);
 		};
@@ -70,5 +63,5 @@
 				<div className="w-full md:w-64 bg-gray-50 p-4 rounded-lg">
 					<div className="flex justify-between items-center mb-4">
-						<h2 className="text-lg font-semibold">Филтери</h2>
+						<h2 className="text-lg font-semibold">Филтри</h2>
 						<button
 							onClick={() => console.log("reset filters; not implemented yet")}
@@ -126,5 +119,5 @@
 					{!isLoaded ? (
 						<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
-							{[...Array(6)].map((_, index) => (
+							{[...Array(9)].map((_, index) => (
 								<SkeletonCard key={index} />
 							))}
@@ -185,24 +178,8 @@
 												className="flex items-center text-gray-700 hover:text-gray-900"
 											>
-												<svg
+												<img
+													src="src/assets/eye.svg"
 													className="w-4 h-4 mr-1"
-													fill="none"
-													stroke="currentColor"
-													viewBox="0 0 24 24"
-													xmlns="http://www.w3.org/2000/svg"
-												>
-													<path
-														strokeLinecap="round"
-														strokeLinejoin="round"
-														strokeWidth={2}
-														d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-													/>
-													<path
-														strokeLinecap="round"
-														strokeLinejoin="round"
-														strokeWidth={2}
-														d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-													/>
-												</svg>
+												/>
 												Погледни детали
 											</button>
Index: frontend/src/pages/Home.tsx
===================================================================
--- frontend/src/pages/Home.tsx	(revision 613c3509b5e55b20717d4e829f9ed21c3ee79854)
+++ frontend/src/pages/Home.tsx	(revision d8ea9015e664f1456aeb1d80eaf551feace62c4e)
@@ -1,106 +1,14 @@
-import { useEffect, useState } from "react";
-import { Subject, SubjectInfo } from "../types";
+import { Link } from "react-router-dom";
 
-type ValidHeader = Extract<keyof Subject, "name" | "code">;
-const subject_values: ValidHeader[] = ["name", "code"];
-// const subject_values: (keyof Subject)[] = ["name", "code"];
-
-function Home() {
-	const [data, setData] = useState<Subject[]>([]);
-	const [extraData, setExtraData] = useState<SubjectInfo[]>([]);
-	const [showData, setShowData] = useState<boolean[]>([]);
-	const [isLoaded, setIsLoaded] = useState(false);
-	const [limit, setLimit] = useState(10);
-
-	const toggleInfo = (index: number) => {
-		console.log(extraData[index]);
-		console.log(extraData);
-		setShowData((prev) =>
-			prev.map((value, i) => (i === index ? !value : value))
-		);
-		console.log(showData);
-	};
-
-	const renderData = (data: SubjectInfo) => {
-		return Object.keys(data)
-			.slice(1)
-			.map((key) => {
-				const typedKey = key as keyof SubjectInfo;
-				const field = data[typedKey];
-				return Array.isArray(field) ? (
-					<p>
-						{key}: {field.length === 0 ? "/" : field.join(", ")}
-					</p>
-				) : (
-					<p>
-						{key}: {field === "" ? "/" : field.toString()}
-					</p>
-				);
-			});
-	};
-
-	useEffect(() => {
-		const fetchData = async () => {
-			const response = await fetch("http://localhost:8000/api");
-			const data = await response.json();
-			setData(data.rows);
-			const object_data: SubjectInfo[] = data.rows.map((item: Subject) => {
-				return item.info;
-			});
-			console.log(object_data);
-			setExtraData(object_data);
-			setShowData(Array(object_data.length).fill(false));
-			setIsLoaded(true);
-		};
-		fetchData();
-	}, []);
-	return !isLoaded ? (
-		<p>Loading...</p>
-	) : (
-		<div className="ml-2 flex-col">
-			{data.slice(0, limit).map((item: Subject, index: number) => {
-				return (
-					<div
-						key={item.code}
-						className="p-5 rounded-md border flex gap-12
-						border-black mt-1 bg-blue-200"
-					>
-						<div className="w-80">
-							<p>Subject:</p>
-							{subject_values.map((header) => {
-								return (
-									<p key={header}>
-										{header}: {item[header]}
-									</p>
-								);
-							})}
-							<button
-								onClick={() => toggleInfo(index)}
-								className="rounded-md p-1.5 mt-1 bg-blue-500 text-sm text-white"
-							>
-								{showData[index] ? "hide " : "show "} info
-							</button>
-						</div>
-						{showData[index] && (
-							<div>
-								<p>Subject info:</p>
-								{renderData(extraData[index])}
-							</div>
-						)}
-					</div>
-				);
-			})}
-			<button
-				className="rounded-md border p-3 my-3 bg-blue-500 text-white"
-				onClick={() => setLimit(limit + 10)}
-			>
-				Load more
-			</button>
-			<button className="rounded-md border p-3 my-3 ml-3 bg-blue-500 text-white">
-				Reset
-			</button>
+const Home = () => {
+	return (
+		<div className="text-center absolute top-1/2 left-1/2 text-lg">
+			<p>fali home page :( </p>
+			<Link to="/subjects" className="text-blue-700 underline">
+				look at this though
+			</Link>
 		</div>
 	);
-}
+};
 
 export default Home;
Index: frontend/src/pages/SubjectsView.tsx
===================================================================
--- frontend/src/pages/SubjectsView.tsx	(revision d8ea9015e664f1456aeb1d80eaf551feace62c4e)
+++ frontend/src/pages/SubjectsView.tsx	(revision d8ea9015e664f1456aeb1d80eaf551feace62c4e)
@@ -0,0 +1,7 @@
+import SubjectCatalog from "../components/SubjectCatalog";
+
+function SubjectsView() {
+	return <SubjectCatalog />;
+}
+
+export default SubjectsView;
Index: ontend/src/pages/Test.tsx
===================================================================
--- frontend/src/pages/Test.tsx	(revision 613c3509b5e55b20717d4e829f9ed21c3ee79854)
+++ 	(revision )
@@ -1,7 +1,0 @@
-import SubjectCatalog from "../components/SubjectCatalog";
-
-function Test() {
-	return <SubjectCatalog />;
-}
-
-export default Test;