Index: src/app/page.tsx
===================================================================
--- src/app/page.tsx	(revision 298f9b3987050da08cb65ce62c3d1f8295faeff4)
+++ src/app/page.tsx	(revision 50f2fb4b186356bc63dde83200e8b04fe71d2c7a)
@@ -12,6 +12,9 @@
 import { useState } from 'react';
 import { login } from '@/lib/auth';
+import { useTranslation } from 'react-i18next';
+import LanguageSwitcher from '@/components/LanguageSwitcher';
 
 export default function LoginPage() {
+  const { t } = useTranslation();
   const [showPassword, setShowPassword] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -54,19 +57,17 @@
               <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-sm font-bold text-gray-900 mb-2">{t('login_student_title')}</div>
                   <div className="text-xs text-gray-800 whitespace-pre-wrap font-mono">
-                    {`"email":"boris@example.com",
-"password":"your-password-here",`}
+                    {t('login_student_example')}
                   </div>
                   <div className="mt-3 text-xs text-gray-700">
-                    may take up to 30 seconds afte long inactivity
+                    {t('login_note_slow')}
                   </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-sm font-bold text-gray-900 mb-2">{t('login_professor_title')}</div>
                   <div className="text-xs text-gray-800 whitespace-pre-wrap font-mono">
-                    {`"email":"andonov@gmail.com",
-"password":"123lol456",`}
+                    {t('login_professor_example')}
                   </div>
                 </div>
@@ -84,7 +85,7 @@
                 </div>
               </div>
-              <h1 className="text-2xl font-bold mb-2">Добредојде</h1>
+              <h1 className="text-2xl font-bold mb-2">{t('login_welcome')}</h1>
               <p className="text-blue-100 text-sm">
-                Најавете се во вашиот IKnow акаунт
+                {t('login_subtitle')}
               </p>
             </div>
@@ -92,9 +93,13 @@
             {/* Form */}
             <div className="p-8">
+              {/* Language Switcher above email field, centered */}
+              <div className="flex justify-center mb-6">
+                <LanguageSwitcher />
+              </div>
               <form onSubmit={handleSubmit} className="space-y-6">
                 {/* Email Field */}
                 <div>
                   <label htmlFor="email" className="block text-sm font-medium text-gray-700 mb-2">
-                    Внесете е-пошта
+                    {t('login_email_label')}
                   </label>
                   <div className="relative">
@@ -110,5 +115,5 @@
                       onChange={handleInputChange}
                       className="w-full pl-10 pr-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary transition-colors"
-                      placeholder="Внесете е-пошта"
+                      placeholder={t('login_email_placeholder')}
                     />
                   </div>
@@ -118,5 +123,5 @@
                 <div>
                   <label htmlFor="password" className="block text-sm font-medium text-gray-700 mb-2">
-                    Лозинка
+                    {t('login_password_label')}
                   </label>
                   <div className="relative">
@@ -132,5 +137,5 @@
                       onChange={handleInputChange}
                       className="w-full pl-10 pr-12 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary transition-colors"
-                      placeholder="Внесете лозинка"
+                      placeholder={t('login_password_placeholder')}
                     />
                     <button
@@ -157,5 +162,5 @@
                     />
                     <label htmlFor="remember" className="ml-2 block text-sm text-gray-700">
-                      Запомни ме
+                      {t('login_remember_me')}
                     </label>
                   </div>
@@ -164,5 +169,5 @@
                     className="text-sm text-primary hover:text-blue-700 font-medium transition-colors"
                   >
-                    Заборавена лозинка?
+                    {t('login_forgot_password')}
                   </button>
                 </div>
@@ -170,5 +175,5 @@
                 {errorMessage && (
                   <div className="rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700">
-                    {errorMessage}
+                    {t(errorMessage) || errorMessage}
                   </div>
                 )}
@@ -181,5 +186,5 @@
                 >
                   <FontAwesomeIcon icon={faSignInAlt} className="h-4 w-4" />
-                  {isSubmitting ? 'Најави се...' : 'Најави се'}
+                  {isSubmitting ? t('login_button_loading') : t('login_button')}
                 </button>
               </form>
@@ -189,7 +194,7 @@
             <div className="bg-gray-50 px-8 py-4 border-t border-gray-100">
               <p className="text-center text-sm text-gray-600">
-                Немате акаунт?{' '}
+                {t('login_no_account')}{' '}
                 <button className="text-primary hover:text-blue-700 font-medium transition-colors">
-                  Контактирајте ја администрацијата
+                  {t('login_contact_admin')}
                 </button>
               </p>
@@ -202,5 +207,5 @@
                     <FontAwesomeIcon icon={faGraduationCap} className="text-primary" />
                     <span className="text-sm text-gray-600">
-                      Студентски информационен систем
+                      {t('login_footer')}
                     </span>
                   </div>