Index: src/app/page.tsx
===================================================================
--- src/app/page.tsx	(revision b67f274e88a37e13671a714acf2c630e077f8758)
+++ src/app/page.tsx	(revision 997d094e19512a2b34c6fb682f5cfde0dd4edae7)
@@ -49,9 +49,34 @@
         {/* Login Form */}
         <div className="flex items-center justify-center min-h-[calc(100vh-160px)] p-4">
-          <div className="w-full max-w-md">
-            {/* Login Card */}
-            <div className="bg-white rounded-2xl shadow-xl border border-gray-100 overflow-hidden">
-            {/* Header */}
-            <div className="bg-primary text-white px-8 py-6 text-center">
+          <div className="w-full max-w-5xl">
+            <div className="grid grid-cols-1 gap-6 lg:grid-cols-[24rem_28rem_24rem] lg:items-start lg:justify-center">
+              {/* Sticky Notes */}
+              <div className="w-full flex flex-col gap-4">
+                <div className="bg-yellow-100 border border-yellow-200 rounded-xl shadow-sm p-5">
+                  <div className="text-sm font-bold text-gray-900 mb-2">Login for Student</div>
+                  <div className="text-xs text-gray-800 whitespace-pre-wrap font-mono">
+                    {`"email":"boris@example.com",
+"password":"your-password-here",`}
+                  </div>
+                  <div className="mt-3 text-xs text-gray-700">
+                    may take up to 30 seconds afte long inactivity
+                  </div>
+                </div>
+
+                <div className="bg-yellow-100 border border-yellow-200 rounded-xl shadow-sm p-5">
+                  <div className="text-sm font-bold text-gray-900 mb-2">Login for Professor</div>
+                  <div className="text-xs text-gray-800 whitespace-pre-wrap font-mono">
+                    {`"email":"andonov@gmail.com",
+"password":"123lol456",`}
+                  </div>
+                </div>
+              </div>
+
+              {/* Login Card Column */}
+              <div className="w-full max-w-md lg:max-w-none lg:w-[28rem] mx-auto">
+                {/* Login Card */}
+                <div className="bg-white rounded-2xl shadow-xl border border-gray-100 overflow-hidden">
+                {/* Header */}
+                <div className="bg-primary text-white px-8 py-6 text-center">
               <div className="mb-4">
                 <div className="inline-flex items-center justify-center w-16 h-16 bg-white bg-opacity-20 rounded-full">
@@ -170,13 +195,19 @@
               </p>
             </div>
-          </div>
-
-          {/* Additional Info */}
-          <div className="mt-6 text-center">
-            <div className="inline-flex items-center gap-2 px-4 py-2 bg-white bg-opacity-80 rounded-lg shadow-sm">
-              <FontAwesomeIcon icon={faGraduationCap} className="text-primary" />
-              <span className="text-sm text-gray-600">
-                Студентски информационен систем
-              </span>
+                </div>
+
+                {/* Additional Info */}
+                <div className="mt-6 text-center">
+                  <div className="inline-flex items-center gap-2 px-4 py-2 bg-white bg-opacity-80 rounded-lg shadow-sm">
+                    <FontAwesomeIcon icon={faGraduationCap} className="text-primary" />
+                    <span className="text-sm text-gray-600">
+                      Студентски информационен систем
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              {/* Right spacer column (keeps login centered) */}
+              <div className="hidden lg:block" />
             </div>
           </div>
@@ -184,5 +215,4 @@
       </div>
     </div>
-    </div>
   );
 }
Index: src/app/students/profile/page.tsx
===================================================================
--- src/app/students/profile/page.tsx	(revision b67f274e88a37e13671a714acf2c630e077f8758)
+++ src/app/students/profile/page.tsx	(revision 997d094e19512a2b34c6fb682f5cfde0dd4edae7)
@@ -146,5 +146,5 @@
 
       try {
-        const response = await fetch('http://localhost:5147/api/user/getUser', {
+        const response = await fetch('https://iknow-api.onrender.com/api/user/getUser', {
           method: 'GET',
           headers: {
Index: src/app/students/semesters/page.tsx
===================================================================
--- src/app/students/semesters/page.tsx	(revision b67f274e88a37e13671a714acf2c630e077f8758)
+++ src/app/students/semesters/page.tsx	(revision 997d094e19512a2b34c6fb682f5cfde0dd4edae7)
@@ -128,5 +128,5 @@
 
       try {
-        const response = await fetch('http://localhost:5147/api/user/getSemesters', {
+        const response = await fetch('https://iknow-api.onrender.com/api/user/getSemesters', {
           method: 'GET',
           headers: {
Index: src/app/students/subjects/page.tsx
===================================================================
--- src/app/students/subjects/page.tsx	(revision b67f274e88a37e13671a714acf2c630e077f8758)
+++ src/app/students/subjects/page.tsx	(revision 997d094e19512a2b34c6fb682f5cfde0dd4edae7)
@@ -192,5 +192,5 @@
 
       try {
-        const response = await fetch('http://localhost:5147/api/user/getSubjects', {
+        const response = await fetch('https://iknow-api.onrender.com/api/user/getSubjects', {
           method: 'GET',
           headers: {