Res

Dockerfile

@@ -46,9 +46,10 @@ COPY --from=frontend /app/frontend/dist /app/static
 ENV PORT=7860
 ENV ENVIRONMENT=production
 ENV STATIC_DIR=/app/static
-ENV DATABASE_URL=sqlite:///./farmhelp.db
+# Database URL will be set by start.sh based on available storage
+ENV DATABASE_URL=sqlite:////app/backend/farmhelp.db
 ENV LOG_LEVEL=INFO
-ENV LOG_FILE=logs/app.log
+ENV LOG_FILE=/app/backend/logs/app.log
 ENV RATE_LIMIT_PER_MINUTE=60
 ENV WEATHER_CACHE_HOURS=6
 ENV MANDI_CACHE_HOURS=24
@@ -62,5 +63,8 @@ ENV APP_VERSION=1.0.0
 
 EXPOSE 7860
 
-# Init DB from JSON data, then start server (PORT set by HF Spaces, default 7860)
-CMD ["sh", "-c", "python init_db.py && (python seed_data.py || true) && exec uvicorn app.main:app --host 0.0.0.0 --port ${PORT:-7860}"]
+# Make startup script executable (already copied with backend/)
+RUN chmod +x /app/backend/start.sh
+
+# Run startup script
+CMD ["/app/backend/start.sh"]

backend/app/services/plant_disease_model.py

@@ -34,7 +34,7 @@ _Image = None
 _transforms = None
 _AutoImageProcessor = None
 _AutoModelForImageClassification = None
-_ViTFeatureExtractor = None
+_ViTImageProcessor = None
 _ViTForImageClassification = None
 
 
@@ -42,7 +42,7 @@ def _ensure_imports():
     """Import heavy ML libraries on first use."""
     global _torch, _Image, _transforms
     global _AutoImageProcessor, _AutoModelForImageClassification
-    global _ViTFeatureExtractor, _ViTForImageClassification
+    global _ViTImageProcessor, _ViTForImageClassification
 
     if _torch is not None:
         return
@@ -53,7 +53,7 @@ def _ensure_imports():
     from transformers import (
         AutoImageProcessor,
         AutoModelForImageClassification,
-        ViTFeatureExtractor,
+        ViTImageProcessor,
         ViTForImageClassification,
     )
 
@@ -62,7 +62,7 @@ def _ensure_imports():
     _transforms = transforms
     _AutoImageProcessor = AutoImageProcessor
     _AutoModelForImageClassification = AutoModelForImageClassification
-    _ViTFeatureExtractor = ViTFeatureExtractor
+    _ViTImageProcessor = ViTImageProcessor
     _ViTForImageClassification = ViTForImageClassification
 
 
@@ -206,7 +206,7 @@ def _load_vit():
     logger.info("Loading ViT model: %s", VIT_MODEL_ID)
     start = time.perf_counter()
     try:
-        _vit_processor = _ViTFeatureExtractor.from_pretrained(VIT_MODEL_ID)
+        _vit_processor = _ViTImageProcessor.from_pretrained(VIT_MODEL_ID)
         _vit_model = _ViTForImageClassification.from_pretrained(
             VIT_MODEL_ID, ignore_mismatched_sizes=True
         )

backend/requirements.txt

@@ -12,5 +12,5 @@ pytest-cov==4.1.0
 httpx==0.26.0
 torch>=2.0.0
 torchvision>=0.15.0
-transformers>=4.30.0
+transformers>=4.36.0,<5.0.0
 Pillow>=10.0.0

backend/start.sh

@@ -0,0 +1,29 @@
+#!/bin/sh
+set -e
+
+# Create persistent directories (HF Spaces provides /data as persistent volume)
+# Fall back to local directory if /data is not available
+if [ -d "/data" ] && [ -w "/data" ]; then
+    echo "Using persistent storage at /data"
+    mkdir -p /data/logs
+    export DATABASE_URL="sqlite:////data/farmhelp.db"
+    export LOG_FILE="/data/logs/app.log"
+else
+    echo "Persistent storage not available, using ephemeral storage"
+    mkdir -p /app/backend/logs
+    export DATABASE_URL="sqlite:////app/backend/farmhelp.db"
+    export LOG_FILE="/app/backend/logs/app.log"
+fi
+
+# Initialize database and load data
+echo "Initializing database..."
+python init_db.py
+
+echo "Loading government schemes..."
+python -m app.scripts.populate_schemes
+
+echo "Seeding additional data..."
+python seed_data.py || true
+
+echo "Starting server on port ${PORT:-7860}..."
+exec uvicorn app.main:app --host 0.0.0.0 --port ${PORT:-7860}

frontend/.env.example

@@ -1,4 +1,4 @@
-# FarmHelp Frontend Environment Variables
+# KrishiNiti Frontend Environment Variables
 # Copy this file to .env and update the values as needed.
 
 # Backend API base URL
@@ -8,7 +8,7 @@ VITE_API_BASE_URL=http://127.0.0.1:8000
 VITE_MODEL_PATH=/models
 
 # Application metadata
-VITE_APP_NAME=FarmHelp
+VITE_APP_NAME=KrishiNiti
 VITE_APP_VERSION=1.0.0
 
 # Feature flags

frontend/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
       name="description"
-      content="FarmHelp - AI-powered crop disease detection, weather forecasting, and market price tracking for Indian farmers."
+      content="KrishiNiti - AI-powered crop disease detection, weather forecasting, and market price tracking for Indian farmers."
     />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -14,7 +14,7 @@
       href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700&display=swap"
       rel="stylesheet"
     />
-    <title>FarmHelp - Smart Agriculture Assistant</title>
+    <title>KrishiNiti - Smart Agriculture Assistant</title>
   </head>
   <body>
     <div id="root"></div>

frontend/package-lock.json

@@ -12,10 +12,13 @@
         "@tensorflow/tfjs": "^4.22.0",
         "axios": "^1.13.4",
         "framer-motion": "^12.33.0",
+        "i18next": "^25.8.4",
+        "i18next-browser-languagedetector": "^8.2.0",
         "prop-types": "^15.8.1",
         "react": "^19.2.0",
         "react-dom": "^19.2.0",
         "react-hot-toast": "^2.6.0",
+        "react-i18next": "^16.5.4",
         "react-router-dom": "^7.13.0"
       },
       "devDependencies": {
@@ -342,7 +345,6 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
       "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -3771,6 +3773,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "license": "MIT",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
     "node_modules/http-proxy-agent": {
       "version": "7.0.2",
       "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
@@ -3799,6 +3810,46 @@
         "node": ">= 14"
       }
     },
+    "node_modules/i18next": {
+      "version": "25.8.4",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-25.8.4.tgz",
+      "integrity": "sha512-a9A0MnUjKvzjEN/26ZY1okpra9kA8MEwzYEz1BNm+IyxUKPRH6ihf0p7vj8YvULwZHKHl3zkJ6KOt4hewxBecQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4"
+      },
+      "peerDependencies": {
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/i18next-browser-languagedetector": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/i18next-browser-languagedetector/-/i18next-browser-languagedetector-8.2.0.tgz",
+      "integrity": "sha512-P+3zEKLnOF0qmiesW383vsLdtQVyKtCNA9cjSoKCppTKPQVfKd2W8hbVo5ZhNJKDqeM7BOcvNoKJOjpHh4Js9g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -4871,6 +4922,33 @@
         "react-dom": ">=16"
       }
     },
+    "node_modules/react-i18next": {
+      "version": "16.5.4",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-16.5.4.tgz",
+      "integrity": "sha512-6yj+dcfMncEC21QPhOTsW8mOSO+pzFmT6uvU7XXdvM/Cp38zJkmTeMeKmTrmCMD5ToT79FmiE/mRWiYWcJYW4g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "html-parse-stringify": "^3.0.1",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "peerDependencies": {
+        "i18next": ">= 25.6.2",
+        "react": ">= 16.8.0",
+        "typescript": "^5"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -5460,6 +5538,15 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/vite": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.1.tgz",
@@ -5613,6 +5700,15 @@
         }
       }
     },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/w3c-xmlserializer": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz",

frontend/package.json

@@ -20,10 +20,13 @@
     "@tensorflow/tfjs": "^4.22.0",
     "axios": "^1.13.4",
     "framer-motion": "^12.33.0",
+    "i18next": "^25.8.4",
+    "i18next-browser-languagedetector": "^8.2.0",
     "prop-types": "^15.8.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "react-hot-toast": "^2.6.0",
+    "react-i18next": "^16.5.4",
     "react-router-dom": "^7.13.0"
   },
   "devDependencies": {

frontend/src/App.jsx

@@ -8,6 +8,9 @@ import { AuthProvider } from "@context/AuthContext";
 import { Layout, PageTransition, LoadingSpinner, ErrorBoundary } from "@components/common";
 import useApp from "@hooks/useApp";
 
+// Initialize i18n
+import "@i18n";
+
 // ---------------------------------------------------------------------------
 // Lazy-loaded page components (code splitting)
 // ---------------------------------------------------------------------------
@@ -16,6 +19,7 @@ const HomePage = lazy(() => import("@pages/HomePage"));
 const LoginPage = lazy(() => import("@pages/LoginPage"));
 const SignupPage = lazy(() => import("@pages/SignupPage"));
 const FarmerProfilePage = lazy(() => import("@pages/FarmerProfilePage"));
+const FarmerDashboardPage = lazy(() => import("@pages/FarmerDashboardPage"));
 const DiseaseDetectionPage = lazy(() => import("@pages/DiseaseDetectionPage"));
 const WeatherPage = lazy(() => import("@pages/WeatherPage"));
 const APMCPricePage = lazy(() => import("@pages/APMCPricePage"));
@@ -37,13 +41,13 @@ function PageLoader() {
  * Separated so that useApp can access the provider above it.
  */
 function AppShell() {
-  const { language, toggleLanguage, theme, toggleTheme } = useApp();
+  const { language, setLanguage, theme, toggleTheme } = useApp();
   const location = useLocation();
 
   return (
     <Layout
       language={language}
-      onToggleLanguage={toggleLanguage}
+      onLanguageChange={setLanguage}
       theme={theme}
       onToggleTheme={toggleTheme}
     >
@@ -56,6 +60,7 @@ function AppShell() {
                 <Route path="/login" element={<LoginPage />} />
                 <Route path="/signup" element={<SignupPage />} />
                 <Route path="/profile" element={<FarmerProfilePage />} />
+                <Route path="/my-dashboard" element={<FarmerDashboardPage />} />
                 <Route path="/disease" element={<DiseaseDetectionPage />} />
                 <Route path="/weather" element={<WeatherPage />} />
                 <Route path="/apmc" element={<APMCPricePage />} />

frontend/src/components/common/BottomNav.jsx

@@ -5,7 +5,9 @@
  * Hidden on desktop via className prop (default usage in Layout).
  */
 
+import { useMemo } from "react";
 import { Link, useLocation } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 import PropTypes from "prop-types";
 import {
   HomeIcon,
@@ -23,51 +25,53 @@ import {
 } from "@heroicons/react/24/solid";
 import { ROUTES } from "@utils/constants";
 
-const NAV_ITEMS = [
-  {
-    label: "Home",
-    path: ROUTES.HOME,
-    Icon: HomeIcon,
-    ActiveIcon: HomeIconSolid,
-  },
-  {
-    label: "Disease",
-    path: ROUTES.DISEASE_DETECTION,
-    Icon: CameraIcon,
-    ActiveIcon: CameraIconSolid,
-  },
-  {
-    label: "Weather",
-    path: ROUTES.WEATHER,
-    Icon: CloudIcon,
-    ActiveIcon: CloudIconSolid,
-  },
-  {
-    label: "APMC",
-    path: ROUTES.APMC,
-    Icon: CurrencyRupeeIcon,
-    ActiveIcon: CurrencyRupeeIconSolid,
-  },
-  {
-    label: "Schemes",
-    path: ROUTES.SCHEMES,
-    Icon: DocumentTextIcon,
-    ActiveIcon: DocumentTextIconSolid,
-  },
-];
-
 function BottomNav({ className = "" }) {
+  const { t } = useTranslation();
   const location = useLocation();
 
+  const NAV_ITEMS = useMemo(() => [
+    {
+      labelKey: "nav.home",
+      path: ROUTES.HOME,
+      Icon: HomeIcon,
+      ActiveIcon: HomeIconSolid,
+    },
+    {
+      labelKey: "nav.diseaseDetection",
+      path: ROUTES.DISEASE_DETECTION,
+      Icon: CameraIcon,
+      ActiveIcon: CameraIconSolid,
+    },
+    {
+      labelKey: "nav.weather",
+      path: ROUTES.WEATHER,
+      Icon: CloudIcon,
+      ActiveIcon: CloudIconSolid,
+    },
+    {
+      labelKey: "nav.apmcPrice",
+      path: ROUTES.APMC,
+      Icon: CurrencyRupeeIcon,
+      ActiveIcon: CurrencyRupeeIconSolid,
+    },
+    {
+      labelKey: "nav.schemes",
+      path: ROUTES.SCHEMES,
+      Icon: DocumentTextIcon,
+      ActiveIcon: DocumentTextIconSolid,
+    },
+  ], []);
+
   return (
     <nav
-      className={`fixed bottom-0 inset-x-0 z-30 border-t border-neutral-200 bg-white/95 backdrop-blur-sm safe-area-bottom ${className}`}
+      className={`fixed bottom-0 inset-x-0 z-30 border-t border-neutral-200 dark:border-neutral-700 bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm safe-area-bottom ${className}`}
       aria-label="Bottom navigation"
     >
       <div className="flex items-center justify-around h-16">
         {NAV_ITEMS.map((item) => {
           const isActive = location.pathname === item.path;
           const IconComponent = isActive ? item.ActiveIcon : item.Icon;
+          const label = t(item.labelKey);
 
           return (
             <Link
@@ -77,15 +81,15 @@ function BottomNav({ className = "" }) {
                 "flex flex-col items-center justify-center gap-0.5 px-3 py-1 rounded-lg min-w-[4rem]",
                 "transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500",
                 isActive
-                  ? "text-primary-700"
-                  : "text-neutral-500 hover:text-neutral-700",
+                  ? "text-primary-700 dark:text-primary-400"
+                  : "text-neutral-500 hover:text-neutral-700 dark:text-neutral-400 dark:hover:text-neutral-200",
               ].join(" ")}
               aria-current={isActive ? "page" : undefined}
-              aria-label={item.label}
+              aria-label={label}
             >
               <IconComponent className="h-6 w-6" aria-hidden="true" />
-              <span className="text-[10px] font-medium leading-tight">
-                {item.label}
+              <span className="text-[10px] font-medium leading-tight truncate max-w-[4rem]">
+                {label}
               </span>
             </Link>
           );

frontend/src/components/common/Footer.jsx

@@ -5,22 +5,25 @@
  * side-by-side on desktop.
  */
 
+import { useMemo } from "react";
 import { Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 import PropTypes from "prop-types";
 import { ROUTES, APP_NAME } from "@utils/constants";
 
-const FOOTER_LINKS = [
-  { label: "Disease Detection", path: ROUTES.DISEASE_DETECTION },
-  { label: "Weather", path: ROUTES.WEATHER },
-  { label: "APMC Price", path: ROUTES.APMC },
-];
-
 function Footer({ className = "" }) {
+  const { t } = useTranslation();
   const year = new Date().getFullYear();
 
+  const FOOTER_LINKS = useMemo(() => [
+    { label: t("nav.diseaseDetection"), path: ROUTES.DISEASE_DETECTION },
+    { label: t("nav.weather"), path: ROUTES.WEATHER },
+    { label: t("nav.apmcPrice"), path: ROUTES.APMC },
+  ], [t]);
+
   return (
     <footer
-      className={`border-t border-neutral-200 bg-white ${className}`}
+      className={`border-t border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 ${className}`}
       role="contentinfo"
     >
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-8">
@@ -34,12 +37,12 @@ function Footer({ className = "" }) {
               <span className="inline-flex items-center justify-center h-7 w-7 rounded-lg bg-primary-600 text-white font-display font-bold text-xs">
                 FH
               </span>
-              <span className="text-base font-display font-bold text-primary-700">
+              <span className="text-base font-display font-bold text-primary-700 dark:text-primary-400">
                 {APP_NAME}
               </span>
             </Link>
-            <p className="mt-2 text-sm text-neutral-500 max-w-xs">
-              AI-powered agricultural support for Indian farmers.
+            <p className="mt-2 text-sm text-neutral-500 dark:text-neutral-400 max-w-xs">
+              {t("home.tagline")}
             </p>
           </div>
 
@@ -50,7 +53,7 @@ function Footer({ className = "" }) {
                 <li key={link.path}>
                   <Link
                     to={link.path}
-                    className="text-sm text-neutral-600 hover:text-primary-700 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 rounded"
+                    className="text-sm text-neutral-600 hover:text-primary-700 dark:text-neutral-400 dark:hover:text-primary-400 transition-colors focus:outline-none focus:ring-2 focus:ring-primary-500 rounded"
                   >
                     {link.label}
                   </Link>
@@ -61,9 +64,9 @@ function Footer({ className = "" }) {
         </div>
 
         {/* Copyright */}
-        <div className="mt-6 border-t border-neutral-100 pt-4">
+        <div className="mt-6 border-t border-neutral-100 dark:border-neutral-800 pt-4">
           <p className="text-xs text-neutral-400 text-center md:text-left">
-            {year} {APP_NAME}. Built for Indian farmers.
+            {year} {t("footer.copyright")} {t("footer.madeWith")}
           </p>
         </div>
       </div>

frontend/src/components/common/Header.jsx

@@ -1,6 +1,6 @@
 /**
  * Header - Top navigation bar with logo, navigation links,
- * language toggle, dark mode toggle, and user profile.
+ * language selector, dark mode toggle, and user profile.
  *
  * Features a subtle gradient background and responsive
  * hamburger menu on mobile.
@@ -8,33 +8,36 @@
 
 import { useState, useCallback } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 import PropTypes from "prop-types";
 import {
   Bars3Icon,
   XMarkIcon,
-  LanguageIcon,
   SunIcon,
   MoonIcon,
   UserCircleIcon,
   ArrowRightOnRectangleIcon,
+  Squares2X2Icon,
 } from "@heroicons/react/24/outline";
-import { ROUTES, LANGUAGES, APP_NAME } from "@utils/constants";
+import { ROUTES, APP_NAME } from "@utils/constants";
 import { useAuth } from "@context/AuthContext";
+import LanguageSelector from "./LanguageSelector";
 
-const NAV_ITEMS = [
-  { label: "Home", path: ROUTES.HOME },
-  { label: "Disease Detection", path: ROUTES.DISEASE_DETECTION },
-  { label: "Weather", path: ROUTES.WEATHER },
-  { label: "APMC Price", path: ROUTES.APMC },
-  { label: "Schemes", path: ROUTES.SCHEMES },
-];
-
-function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
+function Header({ language, onLanguageChange, theme, onToggleTheme }) {
+  const { t } = useTranslation();
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const location = useLocation();
   const navigate = useNavigate();
   const { isAuthenticated, user, logout } = useAuth();
 
+  const NAV_ITEMS = [
+    { label: t("nav.home"), path: ROUTES.HOME },
+    { label: t("nav.diseaseDetection"), path: ROUTES.DISEASE_DETECTION },
+    { label: t("nav.weather"), path: ROUTES.WEATHER },
+    { label: t("nav.apmcPrice"), path: ROUTES.APMC },
+    { label: t("nav.schemes"), path: ROUTES.SCHEMES },
+  ];
+
   const toggleMobile = useCallback(() => {
     setMobileMenuOpen((prev) => !prev);
   }, []);
@@ -49,12 +52,11 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
     closeMobile();
   }, [logout, navigate, closeMobile]);
 
-  const languageLabel = language === LANGUAGES.HI ? "EN" : "HI";
   const isDark = theme === "dark";
 
   return (
     <header
-      className="sticky top-0 z-30 border-b border-neutral-200 bg-white/95 backdrop-blur-sm transition-colors duration-300"
+      className="sticky top-0 z-30 border-b border-neutral-200 dark:border-neutral-700 bg-white/95 dark:bg-neutral-900/95 backdrop-blur-sm transition-colors duration-300"
       id="app-header"
     >
       <div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
@@ -66,7 +68,7 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
             aria-label={`${APP_NAME} home`}
           >
             <span className="inline-flex items-center justify-center h-8 w-8 rounded-lg bg-gradient-header text-white font-display font-bold text-sm shadow-sm">
-              FH
+              KN
             </span>
             <span className="text-lg font-display font-bold text-primary-700 hidden sm:block">
               {APP_NAME}
@@ -89,8 +91,8 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
                     "px-3 py-2 rounded-lg text-sm font-medium transition-colors",
                     "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
                     isActive
-                      ? "bg-primary-50 text-primary-700"
-                      : "text-neutral-600 hover:text-neutral-900 hover:bg-neutral-100",
+                      ? "bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
+                      : "text-neutral-600 hover:text-neutral-900 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:text-neutral-100 dark:hover:bg-neutral-700",
                   ].join(" ")}
                   aria-current={isActive ? "page" : undefined}
                 >
@@ -107,8 +109,8 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
               <button
                 type="button"
                 onClick={onToggleTheme}
-                className="inline-flex items-center justify-center rounded-lg p-2 text-neutral-600 hover:bg-neutral-100 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-                aria-label={isDark ? "Switch to light mode" : "Switch to dark mode"}
+                className="inline-flex items-center justify-center rounded-lg p-2 text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+                aria-label={t("header.switchTheme", { mode: isDark ? t("header.lightMode") : t("header.darkMode") })}
                 id="theme-toggle"
               >
                 {isDark ? (
@@ -119,27 +121,39 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
               </button>
             )}
 
-            {/* Language toggle */}
-            {onToggleLanguage && (
-              <button
-                type="button"
-                onClick={onToggleLanguage}
-                className="inline-flex items-center gap-1 rounded-lg px-2.5 py-1.5 text-sm font-medium text-neutral-600 hover:bg-neutral-100 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-                aria-label={`Switch to ${languageLabel === "HI" ? "Hindi" : "English"}`}
-                id="lang-toggle"
-              >
-                <LanguageIcon className="h-4 w-4" aria-hidden="true" />
-                <span className="hidden xs:inline">{languageLabel}</span>
-              </button>
+            {/* Language selector */}
+            {onLanguageChange && (
+              <LanguageSelector
+                currentLanguage={language}
+                onLanguageChange={onLanguageChange}
+              />
             )}
 
-            {/* User Profile / Login */}
+            {/* User Dashboard / Profile / Login */}
             <div className="hidden md:flex items-center gap-1.5">
               {isAuthenticated && user ? (
                 <>
+                  <Link
+                    to={ROUTES.DASHBOARD}
+                    className={[
+                      "inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+                      location.pathname === ROUTES.DASHBOARD
+                        ? "bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
+                        : "text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700",
+                    ].join(" ")}
+                  >
+                    <Squares2X2Icon className="h-5 w-5" aria-hidden="true" />
+                    {t("nav.dashboard")}
+                  </Link>
                   <Link
                     to={ROUTES.PROFILE}
-                    className="inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium text-neutral-600 hover:bg-neutral-100 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+                    className={[
+                      "inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
+                      location.pathname === ROUTES.PROFILE
+                        ? "bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
+                        : "text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700",
+                    ].join(" ")}
+                    title={t("nav.profile")}
                   >
                     <UserCircleIcon className="h-5 w-5" aria-hidden="true" />
                     <span className="max-w-[100px] truncate">{user.name?.split(" ")[0]}</span>
@@ -147,9 +161,9 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
                   <button
                     type="button"
                     onClick={handleLogout}
-                    className="inline-flex items-center justify-center rounded-lg p-2 text-neutral-500 hover:bg-neutral-100 hover:text-neutral-700 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
-                    aria-label="Logout"
-                    title="Logout"
+                    className="inline-flex items-center justify-center rounded-lg p-2 text-neutral-500 hover:bg-neutral-100 hover:text-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+                    aria-label={t("nav.logout")}
+                    title={t("nav.logout")}
                   >
                     <ArrowRightOnRectangleIcon className="h-5 w-5" aria-hidden="true" />
                   </button>
@@ -159,7 +173,7 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
                   to={ROUTES.LOGIN}
                   className="inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium bg-primary-600 text-white hover:bg-primary-700 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                 >
-                  Login
+                  {t("nav.login")}
                 </Link>
               )}
             </div>
@@ -168,10 +182,10 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
             <button
               type="button"
               onClick={toggleMobile}
-              className="md:hidden inline-flex items-center justify-center rounded-lg p-2 text-neutral-600 hover:bg-neutral-100 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+              className="md:hidden inline-flex items-center justify-center rounded-lg p-2 text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
               aria-expanded={mobileMenuOpen}
               aria-controls="mobile-menu"
-              aria-label="Toggle navigation menu"
+              aria-label={t("header.toggleMenu")}
             >
               {mobileMenuOpen ? (
                 <XMarkIcon className="h-6 w-6" aria-hidden="true" />
@@ -187,7 +201,7 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
       {mobileMenuOpen && (
         <nav
           id="mobile-menu"
-          className="md:hidden border-t border-neutral-200 bg-white animate-slide-down"
+          className="md:hidden border-t border-neutral-200 dark:border-neutral-700 bg-white dark:bg-neutral-900 animate-slide-down"
           aria-label="Mobile navigation"
         >
           <div className="px-4 py-3 space-y-1">
@@ -201,8 +215,8 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
                   className={[
                     "block px-3 py-2 rounded-lg text-sm font-medium transition-colors",
                     isActive
-                      ? "bg-primary-50 text-primary-700"
-                      : "text-neutral-600 hover:bg-neutral-100",
+                      ? "bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
+                      : "text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700",
                   ].join(" ")}
                   aria-current={isActive ? "page" : undefined}
                 >
@@ -212,29 +226,42 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
             })}
 
             {/* Mobile Auth Links */}
-            <div className="border-t border-neutral-200 mt-2 pt-2">
+            <div className="border-t border-neutral-200 dark:border-neutral-700 mt-2 pt-2">
               {isAuthenticated && user ? (
                 <>
+                  <Link
+                    to={ROUTES.DASHBOARD}
+                    onClick={closeMobile}
+                    className={[
+                      "flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors",
+                      location.pathname === ROUTES.DASHBOARD
+                        ? "bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
+                        : "text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700",
+                    ].join(" ")}
+                  >
+                    <Squares2X2Icon className="h-5 w-5" />
+                    {t("nav.dashboard")}
+                  </Link>
                   <Link
                     to={ROUTES.PROFILE}
                     onClick={closeMobile}
                     className={[
                       "flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors",
                       location.pathname === ROUTES.PROFILE
-                        ? "bg-primary-50 text-primary-700"
-                        : "text-neutral-600 hover:bg-neutral-100",
+                        ? "bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
+                        : "text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700",
                     ].join(" ")}
                   >
                     <UserCircleIcon className="h-5 w-5" />
-                    My Profile
+                    {t("nav.profile")}
                   </Link>
                   <button
                     type="button"
                     onClick={handleLogout}
-                    className="flex items-center gap-2 w-full px-3 py-2 rounded-lg text-sm font-medium text-neutral-600 hover:bg-neutral-100 transition-colors"
+                    className="flex items-center gap-2 w-full px-3 py-2 rounded-lg text-sm font-medium text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700 transition-colors"
                   >
                     <ArrowRightOnRectangleIcon className="h-5 w-5" />
-                    Logout
+                    {t("nav.logout")}
                   </button>
                 </>
               ) : (
@@ -243,7 +270,7 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
                   onClick={closeMobile}
                   className="block px-3 py-2 rounded-lg text-sm font-medium bg-primary-600 text-white text-center hover:bg-primary-700 transition-colors"
                 >
-                  Login
+                  {t("nav.login")}
                 </Link>
               )}
             </div>
@@ -256,7 +283,7 @@ function Header({ language, onToggleLanguage, theme, onToggleTheme }) {
 
 Header.propTypes = {
   language: PropTypes.string,
-  onToggleLanguage: PropTypes.func,
+  onLanguageChange: PropTypes.func,
   theme: PropTypes.string,
   onToggleTheme: PropTypes.func,
 };

frontend/src/components/common/LanguageSelector.jsx

@@ -0,0 +1,137 @@
+/**
+ * LanguageSelector - Dropdown component for selecting UI language.
+ *
+ * Supports English, Hindi, and Gujarati.
+ * Persists selection to localStorage and updates i18n context.
+ */
+
+import { useState, useRef, useEffect, useCallback } from "react";
+import { useTranslation } from "react-i18next";
+import PropTypes from "prop-types";
+import { ChevronDownIcon, LanguageIcon, CheckIcon } from "@heroicons/react/24/outline";
+import { LANGUAGES, LANGUAGE_NAMES } from "@utils/constants";
+
+const LANGUAGE_OPTIONS = [
+  { code: LANGUAGES.EN, name: LANGUAGE_NAMES[LANGUAGES.EN], nativeName: "English" },
+  { code: LANGUAGES.HI, name: LANGUAGE_NAMES[LANGUAGES.HI], nativeName: "Hindi" },
+  { code: LANGUAGES.GU, name: LANGUAGE_NAMES[LANGUAGES.GU], nativeName: "Gujarati" },
+];
+
+function LanguageSelector({ currentLanguage, onLanguageChange, compact = false }) {
+  const { t } = useTranslation();
+  const [isOpen, setIsOpen] = useState(false);
+  const dropdownRef = useRef(null);
+
+  const currentOption = LANGUAGE_OPTIONS.find((opt) => opt.code === currentLanguage) || LANGUAGE_OPTIONS[0];
+
+  const handleSelect = useCallback(
+    (langCode) => {
+      onLanguageChange(langCode);
+      setIsOpen(false);
+    },
+    [onLanguageChange]
+  );
+
+  const toggleDropdown = useCallback(() => {
+    setIsOpen((prev) => !prev);
+  }, []);
+
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    }
+
+    function handleEscape(event) {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    }
+
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleEscape);
+    }
+
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [isOpen]);
+
+  return (
+    <div className="relative" ref={dropdownRef}>
+      <button
+        type="button"
+        onClick={toggleDropdown}
+        className="inline-flex items-center gap-1.5 rounded-lg px-2.5 py-1.5 text-sm font-medium text-neutral-600 hover:bg-neutral-100 dark:text-neutral-300 dark:hover:bg-neutral-700 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
+        aria-expanded={isOpen}
+        aria-haspopup="listbox"
+        aria-label={t("common.selectLanguage")}
+        id="language-selector"
+      >
+        <LanguageIcon className="h-4 w-4" aria-hidden="true" />
+        {!compact && (
+          <>
+            <span className="hidden xs:inline">{currentOption.name}</span>
+            <ChevronDownIcon
+              className={`h-3.5 w-3.5 transition-transform duration-200 ${isOpen ? "rotate-180" : ""}`}
+              aria-hidden="true"
+            />
+          </>
+        )}
+        {compact && <span className="uppercase text-xs">{currentOption.code}</span>}
+      </button>
+
+      {isOpen && (
+        <div
+          className="absolute right-0 z-50 mt-1 w-44 origin-top-right rounded-lg bg-white dark:bg-neutral-800 shadow-lg ring-1 ring-black/5 dark:ring-white/10 focus:outline-none animate-fade-in"
+          role="listbox"
+          aria-label={t("common.selectLanguage")}
+        >
+          <div className="py-1">
+            {LANGUAGE_OPTIONS.map((option) => {
+              const isSelected = option.code === currentLanguage;
+              return (
+                <button
+                  key={option.code}
+                  type="button"
+                  onClick={() => handleSelect(option.code)}
+                  className={`
+                    w-full flex items-center justify-between px-3 py-2 text-sm transition-colors
+                    ${
+                      isSelected
+                        ? "bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
+                        : "text-neutral-700 hover:bg-neutral-50 dark:text-neutral-200 dark:hover:bg-neutral-700"
+                    }
+                  `}
+                  role="option"
+                  aria-selected={isSelected}
+                >
+                  <span className="flex flex-col items-start">
+                    <span className="font-medium">{option.name}</span>
+                    <span className="text-xs text-neutral-500 dark:text-neutral-400">
+                      {option.nativeName}
+                    </span>
+                  </span>
+                  {isSelected && (
+                    <CheckIcon className="h-4 w-4 text-primary-600 dark:text-primary-400" aria-hidden="true" />
+                  )}
+                </button>
+              );
+            })}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+LanguageSelector.propTypes = {
+  currentLanguage: PropTypes.oneOf([LANGUAGES.EN, LANGUAGES.HI, LANGUAGES.GU]).isRequired,
+  onLanguageChange: PropTypes.func.isRequired,
+  compact: PropTypes.bool,
+};
+
+export default LanguageSelector;

frontend/src/components/common/Layout.jsx

@@ -15,7 +15,7 @@ import { VoiceButton } from "@components/voice";
 function Layout({
   children,
   language,
-  onToggleLanguage,
+  onLanguageChange,
   theme,
   onToggleTheme,
   hideHeader = false,
@@ -33,7 +33,7 @@ function Layout({
       {!hideHeader && (
         <Header
           language={language}
-          onToggleLanguage={onToggleLanguage}
+          onLanguageChange={onLanguageChange}
           theme={theme}
           onToggleTheme={onToggleTheme}
         />
@@ -58,7 +58,7 @@ function Layout({
 Layout.propTypes = {
   children: PropTypes.node.isRequired,
   language: PropTypes.string,
-  onToggleLanguage: PropTypes.func,
+  onLanguageChange: PropTypes.func,
   theme: PropTypes.string,
   onToggleTheme: PropTypes.func,
   hideHeader: PropTypes.bool,

frontend/src/components/common/index.js

@@ -17,6 +17,7 @@ export { default as FeatureTour } from "./FeatureTour";
 export { default as Footer } from "./Footer";
 export { default as Header } from "./Header";
 export { default as Input } from "./Input";
+export { default as LanguageSelector } from "./LanguageSelector";
 export { default as Layout } from "./Layout";
 export { default as LoadingSpinner } from "./LoadingSpinner";
 export { default as Modal } from "./Modal";

frontend/src/context/AppContext.jsx

@@ -11,6 +11,7 @@
  */
 
 import { createContext, useReducer, useEffect, useCallback } from "react";
+import { useTranslation } from "react-i18next";
 import storage from "@utils/storage";
 import {
   STORAGE_KEYS,
@@ -127,12 +128,16 @@ export const AppContext = createContext(null);
 
 export function AppProvider({ children }) {
   const [state, dispatch] = useReducer(appReducer, null, buildInitialState);
+  const { i18n } = useTranslation();
 
-  // Persist language whenever it changes
+  // Persist language and sync with i18n whenever it changes
   useEffect(() => {
     storage.set(STORAGE_KEYS.LANGUAGE, state.language);
     document.documentElement.lang = state.language;
-  }, [state.language]);
+    if (i18n.language !== state.language) {
+      i18n.changeLanguage(state.language);
+    }
+  }, [state.language, i18n]);
 
   // Persist theme and apply dark class to <html>
   useEffect(() => {
@@ -166,9 +171,10 @@ export function AppProvider({ children }) {
     setLanguage,
 
     toggleLanguage: () => {
-      const nextLang =
-        state.language === LANGUAGES.EN ? LANGUAGES.HI : LANGUAGES.EN;
-      dispatch({ type: ACTION_TYPES.SET_LANGUAGE, payload: nextLang });
+      const langs = [LANGUAGES.EN, LANGUAGES.HI, LANGUAGES.GU];
+      const currentIndex = langs.indexOf(state.language);
+      const nextIndex = (currentIndex + 1) % langs.length;
+      dispatch({ type: ACTION_TYPES.SET_LANGUAGE, payload: langs[nextIndex] });
     },
 
     setTheme: (theme) => {

frontend/src/i18n/index.js

@@ -0,0 +1,53 @@
+/**
+ * i18n Configuration
+ *
+ * Internationalization setup using i18next and react-i18next.
+ * Supports English, Hindi, and Gujarati languages.
+ */
+
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import LanguageDetector from "i18next-browser-languagedetector";
+
+import enTranslation from "@locales/en/translation.json";
+import hiTranslation from "@locales/hi/translation.json";
+import guTranslation from "@locales/gu/translation.json";
+
+import { STORAGE_KEYS, DEFAULT_LANGUAGE } from "@utils/constants";
+
+const resources = {
+  en: {
+    translation: enTranslation,
+  },
+  hi: {
+    translation: hiTranslation,
+  },
+  gu: {
+    translation: guTranslation,
+  },
+};
+
+i18n
+  .use(LanguageDetector)
+  .use(initReactI18next)
+  .init({
+    resources,
+    fallbackLng: DEFAULT_LANGUAGE,
+    debug: import.meta.env.DEV,
+
+    detection: {
+      order: ["localStorage", "navigator"],
+      lookupLocalStorage: STORAGE_KEYS.LANGUAGE,
+      caches: ["localStorage"],
+    },
+
+    interpolation: {
+      escapeValue: false,
+    },
+
+    react: {
+      useSuspense: true,
+    },
+  });
+
+export default i18n;

frontend/src/locales/en/translation.json

@@ -0,0 +1,200 @@
+{
+  "common": {
+    "appName": "KrishiNiti",
+    "loading": "Loading...",
+    "error": "An error occurred",
+    "retry": "Retry",
+    "cancel": "Cancel",
+    "save": "Save",
+    "delete": "Delete",
+    "edit": "Edit",
+    "submit": "Submit",
+    "search": "Search",
+    "filter": "Filter",
+    "close": "Close",
+    "back": "Back",
+    "next": "Next",
+    "previous": "Previous",
+    "yes": "Yes",
+    "no": "No",
+    "ok": "OK",
+    "viewAll": "View All",
+    "seeMore": "See More",
+    "getStarted": "Get started",
+    "learnMore": "Learn More",
+    "noDataFound": "No data found",
+    "offline": "You are currently offline. Some features may be limited.",
+    "connected": "Connected",
+    "selectLanguage": "Select Language"
+  },
+  "languages": {
+    "en": "English",
+    "hi": "Hindi",
+    "gu": "Gujarati"
+  },
+  "nav": {
+    "home": "Home",
+    "diseaseDetection": "Disease Detection",
+    "weather": "Weather",
+    "apmcPrice": "APMC Price",
+    "schemes": "Schemes",
+    "profile": "Profile",
+    "dashboard": "My Dashboard",
+    "login": "Login",
+    "logout": "Logout",
+    "signup": "Sign Up"
+  },
+  "header": {
+    "switchTheme": "Switch to {{mode}} mode",
+    "lightMode": "light",
+    "darkMode": "dark",
+    "toggleMenu": "Toggle navigation menu"
+  },
+  "home": {
+    "greeting": {
+      "morning": "Good morning",
+      "afternoon": "Good afternoon",
+      "evening": "Good evening"
+    },
+    "tagline": "AI-powered crop disease detection, weather forecasting, and market price tracking for Indian farmers.",
+    "searchPlaceholder": "Search features... (e.g. crop disease, weather, APMC prices)",
+    "recentActivity": "Recent Activity",
+    "completeProfile": "Complete Your Profile",
+    "addCropsMessage": "Add your crops to get personalized APMC price alerts and farming recommendations.",
+    "addCropsNow": "Add Crops Now"
+  },
+  "features": {
+    "diseaseDetection": {
+      "title": "Disease Detection",
+      "description": "Upload a photo of your crop and get instant AI-powered disease identification with treatment recommendations.",
+      "aiPowered": "AI-powered"
+    },
+    "weather": {
+      "title": "Weather Forecast",
+      "description": "Get accurate 7-day weather forecasts, farming advisories, and severe weather alerts for your area.",
+      "sevenDay": "7-Day Forecast",
+      "pincodeBased": "Pincode-based"
+    },
+    "apmc": {
+      "title": "APMC Price",
+      "description": "Compare real-time commodity prices across APMCs, find the best selling market, and track price trends.",
+      "livePrices": "Live Prices"
+    },
+    "schemes": {
+      "title": "Government Schemes",
+      "description": "Explore national and state-specific schemes with complete details on benefits, eligibility, and application process."
+    }
+  },
+  "auth": {
+    "login": "Login",
+    "signup": "Sign Up",
+    "logout": "Logout",
+    "email": "Email",
+    "password": "Password",
+    "confirmPassword": "Confirm Password",
+    "name": "Full Name",
+    "phone": "Phone Number",
+    "forgotPassword": "Forgot Password?",
+    "noAccount": "Don't have an account?",
+    "hasAccount": "Already have an account?",
+    "loginSuccess": "Login successful",
+    "signupSuccess": "Account created successfully",
+    "logoutSuccess": "Logged out successfully"
+  },
+  "profile": {
+    "title": "My Profile",
+    "personalInfo": "Personal Information",
+    "farmDetails": "Farm Details",
+    "crops": "My Crops",
+    "location": "Location",
+    "pincode": "Pincode",
+    "state": "State",
+    "district": "District",
+    "landSize": "Land Size (in acres)",
+    "addCrop": "Add Crop",
+    "removeCrop": "Remove Crop",
+    "updateProfile": "Update Profile",
+    "profileUpdated": "Profile updated successfully"
+  },
+  "disease": {
+    "title": "Disease Detection",
+    "uploadImage": "Upload Image",
+    "takePhoto": "Take Photo",
+    "selectCrop": "Select Crop Type",
+    "analyzing": "Analyzing...",
+    "result": "Detection Result",
+    "disease": "Disease",
+    "confidence": "Confidence",
+    "treatment": "Treatment",
+    "prevention": "Prevention",
+    "noDisease": "No disease detected",
+    "healthyCrop": "Your crop appears to be healthy",
+    "uploadPrompt": "Upload a clear photo of the affected plant leaf for accurate detection"
+  },
+  "weather": {
+    "title": "Weather Forecast",
+    "currentWeather": "Current Weather",
+    "weeklyForecast": "Weekly Forecast",
+    "farmingAdvice": "Farming Advice",
+    "alerts": "Weather Alerts",
+    "temperature": "Temperature",
+    "humidity": "Humidity",
+    "wind": "Wind",
+    "rain": "Rain",
+    "sunrise": "Sunrise",
+    "sunset": "Sunset",
+    "feelsLike": "Feels like",
+    "enterPincode": "Enter your pincode",
+    "getWeather": "Get Weather",
+    "noAlerts": "No weather alerts"
+  },
+  "apmc": {
+    "title": "APMC Market Prices",
+    "selectCommodity": "Select Commodity",
+    "selectState": "Select State",
+    "selectMarket": "Select Market",
+    "minPrice": "Min Price",
+    "maxPrice": "Max Price",
+    "modalPrice": "Modal Price",
+    "pricePerQuintal": "Price per Quintal",
+    "bestMarket": "Best Market",
+    "priceAlerts": "Price Alerts",
+    "createAlert": "Create Alert",
+    "sellAdvisory": "Sell Advisory",
+    "noData": "No price data available"
+  },
+  "schemes": {
+    "title": "Government Schemes",
+    "nationalSchemes": "National Schemes",
+    "stateSchemes": "State Schemes",
+    "eligibility": "Eligibility",
+    "benefits": "Benefits",
+    "howToApply": "How to Apply",
+    "documents": "Required Documents",
+    "deadline": "Application Deadline",
+    "website": "Official Website",
+    "applyNow": "Apply Now",
+    "noSchemes": "No schemes found"
+  },
+  "voice": {
+    "title": "Voice Assistant",
+    "listening": "Listening...",
+    "processing": "Processing...",
+    "speak": "Speak now",
+    "tapToSpeak": "Tap to speak",
+    "voiceCommands": "Voice Commands",
+    "tutorial": "Voice Tutorial"
+  },
+  "errors": {
+    "networkError": "Network error. Please check your connection.",
+    "serverError": "Server error. Please try again later.",
+    "invalidInput": "Invalid input. Please check your entries.",
+    "sessionExpired": "Session expired. Please login again.",
+    "permissionDenied": "Permission denied.",
+    "notFound": "Resource not found."
+  },
+  "footer": {
+    "copyright": "KrishiNiti. All rights reserved.",
+    "madeWith": "Made with love for Indian farmers"
+  }
+}

frontend/src/locales/gu/translation.json

@@ -0,0 +1,200 @@
+{
+  "common": {
+    "appName": "કૃષિનીતિ",
+    "loading": "લોડ થઈ રહ્યું છે...",
+    "error": "એક ભૂલ આવી",
+    "retry": "ફરીથી પ્રયાસ કરો",
+    "cancel": "રદ કરો",
+    "save": "સાચવો",
+    "delete": "કાઢી નાખો",
+    "edit": "સંપાદિત કરો",
+    "submit": "સબમિટ કરો",
+    "search": "શોધો",
+    "filter": "ફિલ્ટર",
+    "close": "બંધ કરો",
+    "back": "પાછા",
+    "next": "આગળ",
+    "previous": "પાછલું",
+    "yes": "હા",
+    "no": "ના",
+    "ok": "ઠીક છે",
+    "viewAll": "બધું જુઓ",
+    "seeMore": "વધુ જુઓ",
+    "getStarted": "શરૂ કરો",
+    "learnMore": "વધુ જાણો",
+    "noDataFound": "કોઈ ડેટા મળ્યો નથી",
+    "offline": "તમે હાલમાં ઑફલાઈન છો. કેટલીક સુવિધાઓ મર્યાદિત હોઈ શકે છે.",
+    "connected": "કનેક્ટેડ",
+    "selectLanguage": "ભાષા પસંદ કરો"
+  },
+  "languages": {
+    "en": "અંગ્રેજી",
+    "hi": "હિન્દી",
+    "gu": "ગુજરાતી"
+  },
+  "nav": {
+    "home": "હોમ",
+    "diseaseDetection": "રોગ શોધ",
+    "weather": "હવામાન",
+    "apmcPrice": "APMC ભાવ",
+    "schemes": "યોજનાઓ",
+    "profile": "પ્રોફાઇલ",
+    "dashboard": "મારું ડેશબોર્ડ",
+    "login": "લૉગિન",
+    "logout": "લૉગઆઉટ",
+    "signup": "સાઇન અપ"
+  },
+  "header": {
+    "switchTheme": "{{mode}} મોડમાં બદલો",
+    "lightMode": "લાઇટ",
+    "darkMode": "ડાર્ક",
+    "toggleMenu": "નેવિગેશન મેનૂ ટૉગલ કરો"
+  },
+  "home": {
+    "greeting": {
+      "morning": "સુપ્રભાત",
+      "afternoon": "નમસ્તે",
+      "evening": "શુભ સંધ્યા"
+    },
+    "tagline": "ભારતીય ખેડૂતો માટે AI-સંચાલિત પાક રોગ શોધ, હવામાન આગાહી અને બજાર ભાવ ટ્રેકિંગ.",
+    "searchPlaceholder": "સુવિધાઓ શોધો... (દા.ત. પાક રોગ, હવામાન, APMC ભાવ)",
+    "recentActivity": "તાજેતરની પ્રવૃત્તિ",
+    "completeProfile": "તમારી પ્રોફાઇલ પૂર્ણ કરો",
+    "addCropsMessage": "વ્યક્તિગત APMC ભાવ અલર્ટ અને ખેતીની ભલામણો મેળવવા માટે તમારા પાક ઉમેરો.",
+    "addCropsNow": "હવે પાક ઉમેરો"
+  },
+  "features": {
+    "diseaseDetection": {
+      "title": "રોગ શોધ",
+      "description": "તમારા પાકનો ફોટો અપલોડ કરો અને સારવારની ભલામણો સાથે તાત્કાલિક AI-સંચાલિત રોગ ઓળખ મેળવો.",
+      "aiPowered": "AI-સંચાલિત"
+    },
+    "weather": {
+      "title": "હવામાન આગાહી",
+      "description": "તમારા વિસ્તાર માટે ચોક્કસ 7-દિવસીય હવામાન આગાહી, ખેતી સલાહ અને ગંભીર હવામાન અલર્ટ મેળવો.",
+      "sevenDay": "7-દિવસીય આગાહી",
+      "pincodeBased": "પિનકોડ આધારિત"
+    },
+    "apmc": {
+      "title": "APMC ભાવ",
+      "description": "વિવિધ APMC માં રીઅલ-ટાઈમ કોમોડિટી ભાવોની સરખામણી કરો, શ્રેષ્ઠ વેચાણ બજાર શોધો અને ભાવ વલણો ટ્રેક કરો.",
+      "livePrices": "લાઇવ ભાવ"
+    },
+    "schemes": {
+      "title": "સરકારી યોજનાઓ",
+      "description": "લાભો, પાત્રતા અને અરજી પ્રક્રિયાની સંપૂર્ણ વિગતો સાથે રાષ્ટ્રીય અને રાજ્ય-વિશિષ્ટ યોજનાઓ શોધો."
+    }
+  },
+  "auth": {
+    "login": "લૉગિન",
+    "signup": "સાઇન અપ",
+    "logout": "લૉગઆઉટ",
+    "email": "ઈમેલ",
+    "password": "પાસવર્ડ",
+    "confirmPassword": "પાસવર્ડની પુષ્ટિ કરો",
+    "name": "પૂરું નામ",
+    "phone": "ફોન નંબર",
+    "forgotPassword": "પાસવર્ડ ભૂલી ગયા?",
+    "noAccount": "એકાઉન્ટ નથી?",
+    "hasAccount": "��હેલેથી એકાઉન્ટ છે?",
+    "loginSuccess": "લૉગિન સફળ",
+    "signupSuccess": "એકાઉન્ટ સફળતાપૂર્વક બનાવ્યું",
+    "logoutSuccess": "સફળતાપૂર્વક લૉગઆઉટ થયું"
+  },
+  "profile": {
+    "title": "મારી પ્રોફાઇલ",
+    "personalInfo": "વ્યક્તિગત માહિતી",
+    "farmDetails": "ખેતર વિગતો",
+    "crops": "મારા પાક",
+    "location": "સ્થાન",
+    "pincode": "પિનકોડ",
+    "state": "રાજ્ય",
+    "district": "જિલ્લો",
+    "landSize": "જમીનનું કદ (એકરમાં)",
+    "addCrop": "પાક ઉમેરો",
+    "removeCrop": "પાક દૂર કરો",
+    "updateProfile": "પ્રોફાઇલ અપડેટ કરો",
+    "profileUpdated": "પ્રોફાઇલ સફળતાપૂર્વક અપડેટ થઈ"
+  },
+  "disease": {
+    "title": "રોગ શોધ",
+    "uploadImage": "છબી અપલોડ કરો",
+    "takePhoto": "ફોટો લો",
+    "selectCrop": "પાક પ્રકાર પસંદ કરો",
+    "analyzing": "વિશ્લેષણ થઈ રહ્યું છે...",
+    "result": "શોધ પરિણામ",
+    "disease": "રોગ",
+    "confidence": "વિશ્વાસ સ્તર",
+    "treatment": "સારવાર",
+    "prevention": "નિવારણ",
+    "noDisease": "કોઈ રોગ મળ્યો નથી",
+    "healthyCrop": "તમારો પાક સ્વસ્થ દેખાય છે",
+    "uploadPrompt": "ચોક્કસ શોધ માટે અસરગ્રસ્ત છોડના પાંદડાનો સ્પષ્ટ ફોટો અપલોડ કરો"
+  },
+  "weather": {
+    "title": "હવામાન આગાહી",
+    "currentWeather": "વર્તમાન હવામાન",
+    "weeklyForecast": "સાપ્તાહિક આગાહી",
+    "farmingAdvice": "ખેતી સલાહ",
+    "alerts": "હવામાન અલર્ટ",
+    "temperature": "તાપમાન",
+    "humidity": "ભેજ",
+    "wind": "પવન",
+    "rain": "વરસાદ",
+    "sunrise": "સૂર્યોદય",
+    "sunset": "સૂર્યાસ્ત",
+    "feelsLike": "લાગે છે",
+    "enterPincode": "તમારો પિનકોડ દાખલ કરો",
+    "getWeather": "હવામાન જુઓ",
+    "noAlerts": "કોઈ હવામાન અલર્ટ નથી"
+  },
+  "apmc": {
+    "title": "APMC બજાર ભાવ",
+    "selectCommodity": "કોમોડિટી પસંદ કરો",
+    "selectState": "રાજ્ય પસંદ કરો",
+    "selectMarket": "બજાર પસંદ કરો",
+    "minPrice": "ન્યૂનતમ ભાવ",
+    "maxPrice": "મહત્તમ ભાવ",
+    "modalPrice": "મોડલ ભાવ",
+    "pricePerQuintal": "ક્વિન્ટલ દીઠ ભાવ",
+    "bestMarket": "શ્રેષ્ઠ બજાર",
+    "priceAlerts": "ભાવ અલર્ટ",
+    "createAlert": "અલર્ટ બનાવો",
+    "sellAdvisory": "વેચાણ સલાહ",
+    "noData": "કોઈ ભાવ ડેટા ઉપલબ્ધ નથી"
+  },
+  "schemes": {
+    "title": "સરકારી યોજનાઓ",
+    "nationalSchemes": "રાષ્ટ્રીય યોજનાઓ",
+    "stateSchemes": "રાજ્ય યોજનાઓ",
+    "eligibility": "પાત્રતા",
+    "benefits": "લાભો",
+    "howToApply": "અરજી કેવી રીતે કરવી",
+    "documents": "જરૂરી દસ્તાવેજો",
+    "deadline": "અરજીની છેલ્લી તારીખ",
+    "website": "સત્તાવાર વેબસાઇટ",
+    "applyNow": "હમણાં અરજી કરો",
+    "noSchemes": "કોઈ યોજના મળી નથી"
+  },
+  "voice": {
+    "title": "વૉઇસ આસિસ્ટન્ટ",
+    "listening": "સાંભળી રહ્યું છે...",
+    "processing": "પ્રોસેસ થઈ રહ્યું છે...",
+    "speak": "હવે બોલો",
+    "tapToSpeak": "બોલવા માટે ટેપ કરો",
+    "voiceCommands": "વૉઇસ કમાન્ડ",
+    "tutorial": "વૉઇસ ટ્યુટોરિયલ"
+  },
+  "errors": {
+    "networkError": "નેટવર્ક ભૂલ. કૃપા કરીને તમારું કનેક્શન તપાસો.",
+    "serverError": "સર્વર ભૂલ. કૃપા કરીને પછીથી ફરી પ્રયાસ કરો.",
+    "invalidInput": "અમાન્ય ઇનપુટ. કૃપા કરીને તમારી એન્ટ્રીઓ તપાસો.",
+    "sessionExpired": "સત્ર સમાપ્ત થયું. કૃપા કરીને ફરીથી લૉગિન કરો.",
+    "permissionDenied": "પરવાનગી નકારી.",
+    "notFound": "સંસાધન મળ્યું નથી."
+  },
+  "footer": {
+    "copyright": "કૃષિનીતિ. સર્વાધિકાર સુરક્ષિત.",
+    "madeWith": "ભારતીય ખેડૂતો માટે પ્રેમથી બનાવેલું"
+  }
+}

frontend/src/locales/hi/translation.json

@@ -0,0 +1,200 @@
+{
+  "common": {
+    "appName": "कृषिनीति",
+    "loading": "लोड हो रहा है...",
+    "error": "एक त्रुटि हुई",
+    "retry": "पुनः प्रयास करें",
+    "cancel": "रद्द करें",
+    "save": "सहेजें",
+    "delete": "हटाएं",
+    "edit": "संपादित करें",
+    "submit": "जमा करें",
+    "search": "खोजें",
+    "filter": "फ़िल्टर",
+    "close": "बंद करें",
+    "back": "वापस",
+    "next": "आगे",
+    "previous": "पिछला",
+    "yes": "हां",
+    "no": "नहीं",
+    "ok": "ठीक है",
+    "viewAll": "सभी देखें",
+    "seeMore": "और देखें",
+    "getStarted": "शुरू करें",
+    "learnMore": "और जानें",
+    "noDataFound": "कोई डेटा नहीं मिला",
+    "offline": "आप वर्तमान में ऑफ़लाइन हैं। कुछ सुविधाएं सीमित हो सकती हैं।",
+    "connected": "कनेक्टेड",
+    "selectLanguage": "भाषा चुनें"
+  },
+  "languages": {
+    "en": "अंग्रेज़ी",
+    "hi": "हिंदी",
+    "gu": "गुजराती"
+  },
+  "nav": {
+    "home": "होम",
+    "diseaseDetection": "रोग पहचान",
+    "weather": "मौसम",
+    "apmcPrice": "एपीएमसी मूल्य",
+    "schemes": "योजनाएं",
+    "profile": "प्रोफ़ाइल",
+    "dashboard": "मेरा डैशबोर्ड",
+    "login": "लॉगिन",
+    "logout": "लॉगआउट",
+    "signup": "साइन अप"
+  },
+  "header": {
+    "switchTheme": "{{mode}} मोड में बदलें",
+    "lightMode": "लाइट",
+    "darkMode": "डार्क",
+    "toggleMenu": "नेविगेशन मेनू टॉगल करें"
+  },
+  "home": {
+    "greeting": {
+      "morning": "सुप्रभात",
+      "afternoon": "नमस्कार",
+      "evening": "शुभ संध्या"
+    },
+    "tagline": "भारतीय किसानों के लिए AI-संचालित फसल रोग पहचान, मौसम पूर्वानुमान और बाजार मूल्य ट्रैकिंग।",
+    "searchPlaceholder": "सुविधाएं खोजें... (जैसे फसल रोग, मौसम, एपीएमसी मूल्य)",
+    "recentActivity": "हालिया गतिविधि",
+    "completeProfile": "अपनी प्रोफ़ाइल पूरी करें",
+    "addCropsMessage": "व्यक्तिगत एपीएमसी मूल्य अलर्ट और खेती की सिफारिशें प्राप्त करने के लिए अपनी फसलें जोड़ें।",
+    "addCropsNow": "अभी फसलें जोड़ें"
+  },
+  "features": {
+    "diseaseDetection": {
+      "title": "रोग पहचान",
+      "description": "अपनी फसल की तस्वीर अपलोड करें और उपचार सिफारिशों के साथ तुरंत AI-संचालित रोग पहचान प्राप्त करें।",
+      "aiPowered": "AI-संचालित"
+    },
+    "weather": {
+      "title": "मौसम पूर्वानुमान",
+      "description": "अपने क्षेत्र के लिए सटीक 7-दिवसीय मौसम पूर्वानुमान, कृषि सलाह और गंभीर मौसम अलर्ट प्राप्त करें।",
+      "sevenDay": "7-दिवसीय पूर्वानुमान",
+      "pincodeBased": "पिनकोड आधारित"
+    },
+    "apmc": {
+      "title": "एपीएमसी मूल्य",
+      "description": "विभिन्न एपीएमसी में वास्तविक समय कमोडिटी मूल्यों की तुलना करें, सबसे अच्छा बिक्री बाजार खोजें और मूल्य रुझान ट्रैक करें।",
+      "livePrices": "लाइव मूल्य"
+    },
+    "schemes": {
+      "title": "सरकारी योजनाएं",
+      "description": "लाभ, पात्रता और आवेदन प्रक्रिया के पूर्ण विवरण के साथ राष्ट्रीय और राज्य-विशिष्ट योजनाओं का पता लगाएं।"
+    }
+  },
+  "auth": {
+    "login": "लॉगिन",
+    "signup": "साइन अप",
+    "logout": "लॉगआउट",
+    "email": "��मेल",
+    "password": "पासवर्ड",
+    "confirmPassword": "पासवर्ड की पुष्टि करें",
+    "name": "पूरा नाम",
+    "phone": "फोन नंबर",
+    "forgotPassword": "पासवर्ड भूल गए?",
+    "noAccount": "खाता नहीं है?",
+    "hasAccount": "पहले से खाता है?",
+    "loginSuccess": "लॉगिन सफल",
+    "signupSuccess": "खाता सफलतापूर्वक बनाया गया",
+    "logoutSuccess": "सफलतापूर्वक लॉगआउट किया गया"
+  },
+  "profile": {
+    "title": "मेरी प्रोफ़ाइल",
+    "personalInfo": "व्यक्तिगत जानकारी",
+    "farmDetails": "खेत विवरण",
+    "crops": "मेरी फसलें",
+    "location": "स्थान",
+    "pincode": "पिनकोड",
+    "state": "राज्य",
+    "district": "जिला",
+    "landSize": "भूमि का आकार (एकड़ में)",
+    "addCrop": "फसल जोड़ें",
+    "removeCrop": "फसल हटाएं",
+    "updateProfile": "प्रोफ़ाइल अपडेट करें",
+    "profileUpdated": "प्रोफ़ाइल सफलतापूर्वक अपडेट की गई"
+  },
+  "disease": {
+    "title": "रोग पहचान",
+    "uploadImage": "छवि अपलोड करें",
+    "takePhoto": "फोटो लें",
+    "selectCrop": "फसल प्रकार चुनें",
+    "analyzing": "विश्लेषण हो रहा है...",
+    "result": "पहचान परिणाम",
+    "disease": "रोग",
+    "confidence": "विश्वास स्तर",
+    "treatment": "उपचार",
+    "prevention": "रोकथाम",
+    "noDisease": "कोई रोग नहीं पाया गया",
+    "healthyCrop": "आपकी फसल स्वस्थ प्रतीत होती है",
+    "uploadPrompt": "सटीक पहचान के लिए प्रभावित पौधे की पत्ती की स्पष्ट तस्वीर अपलोड करें"
+  },
+  "weather": {
+    "title": "मौसम पूर्वानुमान",
+    "currentWeather": "वर्तमान मौसम",
+    "weeklyForecast": "साप्ताहिक पूर्वानुमान",
+    "farmingAdvice": "कृषि सलाह",
+    "alerts": "मौसम अलर्ट",
+    "temperature": "तापमान",
+    "humidity": "आर्द्रता",
+    "wind": "हवा",
+    "rain": "बारिश",
+    "sunrise": "सूर्योदय",
+    "sunset": "सूर्यास्त",
+    "feelsLike": "महसूस होता है",
+    "enterPincode": "अपना पिनकोड दर्ज करें",
+    "getWeather": "मौसम देखें",
+    "noAlerts": "कोई मौसम अलर्ट नहीं"
+  },
+  "apmc": {
+    "title": "एपीएमसी बाजार मूल्य",
+    "selectCommodity": "कमोडिटी चुनें",
+    "selectState": "राज्य चुनें",
+    "selectMarket": "बाजार चुनें",
+    "minPrice": "न्यूनतम मूल्य",
+    "maxPrice": "अधिकतम मूल्य",
+    "modalPrice": "मोडल मूल्य",
+    "pricePerQuintal": "प्रति क्विंटल मूल्य",
+    "bestMarket": "सर्वश्रेष्ठ बाजार",
+    "priceAlerts": "मूल्य अलर्ट",
+    "createAlert": "अलर्ट बनाएं",
+    "sellAdvisory": "बिक्री सलाह",
+    "noData": "कोई मूल्य डेटा उपलब्ध नहीं है"
+  },
+  "schemes": {
+    "title": "सरकारी योजनाएं",
+    "nationalSchemes": "राष्ट्रीय योजनाएं",
+    "stateSchemes": "राज्य योजनाएं",
+    "eligibility": "पात्रता",
+    "benefits": "लाभ",
+    "howToApply": "आवेदन कैसे करें",
+    "documents": "आवश्यक दस्तावेज़",
+    "deadline": "आवेदन की अंतिम तिथि",
+    "website": "आधिकारिक वेबसाइट",
+    "applyNow": "अभी आवेदन करें",
+    "noSchemes": "कोई योजना नहीं मिली"
+  },
+  "voice": {
+    "title": "वॉइस असिस्टेंट",
+    "listening": "सुन रहा है...",
+    "processing": "प्रोसेस हो रहा है...",
+    "speak": "अब बोलें",
+    "tapToSpeak": "बोलने के लिए टैप करें",
+    "voiceCommands": "वॉइस कमांड",
+    "tutorial": "वॉइस ट्यूटो��ियल"
+  },
+  "errors": {
+    "networkError": "नेटवर्क त्रुटि। कृपया अपना कनेक्शन जांचें।",
+    "serverError": "सर्वर त्रुटि। कृपया बाद में पुनः प्रयास करें।",
+    "invalidInput": "अमान्य इनपुट। कृपया अपनी प्रविष्टियां जांचें।",
+    "sessionExpired": "सत्र समाप्त हो गया। कृपया फिर से लॉगिन करें।",
+    "permissionDenied": "अनुमति अस्वीकृत।",
+    "notFound": "संसाधन नहीं मिला।"
+  },
+  "footer": {
+    "copyright": "कृषिनीति। सर्वाधिकार सुरक्षित।",
+    "madeWith": "भारतीय किसानों के लिए प्यार से बनाया गया"
+  }
+}

frontend/src/pages/FarmerDashboardPage.jsx

@@ -0,0 +1,591 @@
+/**
+ * FarmerDashboardPage - Personalized farmer dashboard.
+ *
+ * Displays:
+ * - Personalized weather info based on location
+ * - APMC prices for selected crops
+ * - Government schemes relevant to user's state
+ *
+ * Only accessible to logged-in users.
+ */
+
+import { useState, useEffect } from "react";
+import { useNavigate, Link } from "react-router-dom";
+import { motion } from "framer-motion";
+import {
+  UserIcon,
+  PhoneIcon,
+  MapPinIcon,
+  CloudIcon,
+  CurrencyRupeeIcon,
+  DocumentTextIcon,
+  ArrowRightIcon,
+  ExclamationTriangleIcon,
+  SunIcon,
+  ArrowTrendingUpIcon,
+  ArrowTrendingDownIcon,
+} from "@heroicons/react/24/outline";
+
+import { Card, LoadingSpinner } from "@components/common";
+import { useAuth } from "@context/AuthContext";
+import { getPrices, getTrends } from "@services/apmcApi";
+import { getForecast, getAlerts } from "@services/weatherApi";
+import { getSchemesByState } from "@services/schemesApi";
+import { ROUTES } from "@utils/constants";
+
+// Animation variants
+const containerVariants = {
+  hidden: {},
+  show: { transition: { staggerChildren: 0.1 } },
+};
+
+const itemVariants = {
+  hidden: { opacity: 0, y: 16 },
+  show: { opacity: 1, y: 0, transition: { duration: 0.35, ease: "easeOut" } },
+};
+
+// Sub-components
+function WeatherCard({ weather, alerts, loading, error, location }) {
+  if (loading) {
+    return (
+      <Card className="p-6">
+        <div className="flex items-center gap-2 mb-4">
+          <CloudIcon className="h-5 w-5 text-accent-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
+        </div>
+        <div className="flex justify-center py-8">
+          <LoadingSpinner size="md" message="Loading weather..." />
+        </div>
+      </Card>
+    );
+  }
+
+  if (error) {
+    return (
+      <Card className="p-6">
+        <div className="flex items-center gap-2 mb-4">
+          <CloudIcon className="h-5 w-5 text-accent-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
+        </div>
+        <p className="text-sm text-neutral-500">{error}</p>
+      </Card>
+    );
+  }
+
+  if (!weather?.forecast?.daily) {
+    return (
+      <Card className="p-6">
+        <div className="flex items-center gap-2 mb-4">
+          <CloudIcon className="h-5 w-5 text-accent-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
+        </div>
+        <p className="text-sm text-neutral-500">No weather data available</p>
+      </Card>
+    );
+  }
+
+  const daily = weather.forecast.daily;
+  const today = {
+    tempMax: daily.temperature_2m_max?.[0] ?? "--",
+    tempMin: daily.temperature_2m_min?.[0] ?? "--",
+    precipitation: daily.precipitation_sum?.[0] ?? 0,
+  };
+
+  return (
+    <Card className="p-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <CloudIcon className="h-5 w-5 text-accent-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
+        </div>
+        <Link
+          to={ROUTES.WEATHER}
+          className="text-sm text-primary-600 hover:text-primary-700 flex items-center gap-1"
+        >
+          View Full <ArrowRightIcon className="h-4 w-4" />
+        </Link>
+      </div>
+
+      <div className="flex items-center gap-2 text-xs text-neutral-500 mb-4">
+        <MapPinIcon className="h-4 w-4" />
+        <span>{location.taluka}, {location.district}</span>
+      </div>
+
+      <div className="flex items-center gap-4 mb-4">
+        <div className="flex-1">
+          <p className="text-3xl font-bold text-neutral-900 dark:text-white">
+            {Math.round(today.tempMax)}°C
+          </p>
+          <p className="text-sm text-neutral-500">
+            Low: {Math.round(today.tempMin)}°C
+          </p>
+        </div>
+        <div className="text-right">
+          <p className="text-sm text-neutral-600 dark:text-neutral-400">
+            Precipitation
+          </p>
+          <p className="text-lg font-semibold text-accent-600">
+            {today.precipitation} mm
+          </p>
+        </div>
+      </div>
+
+      {/* 5-day forecast */}
+      <div className="border-t border-neutral-200 dark:border-neutral-700 pt-4">
+        <p className="text-xs font-medium text-neutral-500 mb-3">5-Day Forecast</p>
+        <div className="grid grid-cols-5 gap-2">
+          {daily.time?.slice(0, 5).map((date, idx) => {
+            const dayName = new Date(date).toLocaleDateString("en-IN", { weekday: "short" });
+            return (
+              <div key={date} className="text-center">
+                <p className="text-xs text-neutral-500">{dayName}</p>
+                <p className="text-sm font-semibold text-neutral-900 dark:text-white">
+                  {Math.round(daily.temperature_2m_max?.[idx] ?? 0)}°
+                </p>
+                <p className="text-xs text-neutral-400">
+                  {Math.round(daily.temperature_2m_min?.[idx] ?? 0)}°
+                </p>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+
+      {/* Alerts */}
+      {alerts?.alerts?.length > 0 && (
+        <div className="mt-4 p-3 bg-amber-50 border border-amber-200 rounded-lg">
+          <div className="flex items-center gap-2 mb-1">
+            <ExclamationTriangleIcon className="h-4 w-4 text-amber-600" />
+            <span className="text-sm font-medium text-amber-800">Weather Alert</span>
+          </div>
+          <p className="text-xs text-amber-700">{alerts.alerts[0].message}</p>
+        </div>
+      )}
+    </Card>
+  );
+}
+
+function CropPriceCard({ crop, priceData, trends, loading }) {
+  if (loading) {
+    return (
+      <div className="p-4 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
+        <LoadingSpinner size="sm" />
+      </div>
+    );
+  }
+
+  const avgPrice = priceData?.avg_price || priceData?.prices?.[0]?.price_per_quintal;
+  const trendDirection = trends?.trend?.direction;
+  const trendPercent = trends?.trend?.percent_change;
+
+  return (
+    <div className="p-4 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
+      <div className="flex items-center justify-between mb-2">
+        <h4 className="font-medium text-neutral-900 dark:text-white">{crop}</h4>
+        {trendDirection && (
+          <div
+            className={`flex items-center gap-1 text-xs font-medium ${
+              trendDirection === "up"
+                ? "text-green-600"
+                : trendDirection === "down"
+                ? "text-red-600"
+                : "text-neutral-500"
+            }`}
+          >
+            {trendDirection === "up" ? (
+              <ArrowTrendingUpIcon className="h-4 w-4" />
+            ) : trendDirection === "down" ? (
+              <ArrowTrendingDownIcon className="h-4 w-4" />
+            ) : null}
+            {trendPercent ? `${Math.abs(trendPercent).toFixed(1)}%` : "Stable"}
+          </div>
+        )}
+      </div>
+      <p className="text-2xl font-bold text-primary-600">
+        {avgPrice ? `₹${Math.round(avgPrice).toLocaleString("en-IN")}` : "N/A"}
+        <span className="text-sm font-normal text-neutral-500">/qtl</span>
+      </p>
+      {priceData?.prices?.length > 0 && (
+        <p className="text-xs text-neutral-500 mt-1">
+          Best: {priceData.prices[0].mandi_name} ({priceData.prices[0].state})
+        </p>
+      )}
+    </div>
+  );
+}
+
+function APMCPricesCard({ crops, pricesData, trendsData, loading }) {
+  if (loading && Object.keys(pricesData).length === 0) {
+    return (
+      <Card className="p-6">
+        <div className="flex items-center gap-2 mb-4">
+          <CurrencyRupeeIcon className="h-5 w-5 text-secondary-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">APMC Prices</h3>
+        </div>
+        <div className="flex justify-center py-8">
+          <LoadingSpinner size="md" message="Loading prices..." />
+        </div>
+      </Card>
+    );
+  }
+
+  if (crops.length === 0) {
+    return (
+      <Card className="p-6">
+        <div className="flex items-center gap-2 mb-4">
+          <CurrencyRupeeIcon className="h-5 w-5 text-secondary-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">APMC Prices</h3>
+        </div>
+        <div className="text-center py-6">
+          <p className="text-sm text-neutral-500 mb-3">
+            Add your crops to see personalized APMC prices
+          </p>
+          <Link
+            to={ROUTES.PROFILE}
+            className="inline-flex items-center gap-1 text-sm font-medium text-primary-600 hover:text-primary-700"
+          >
+            Go to Profile <ArrowRightIcon className="h-4 w-4" />
+          </Link>
+        </div>
+      </Card>
+    );
+  }
+
+  return (
+    <Card className="p-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <CurrencyRupeeIcon className="h-5 w-5 text-secondary-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">APMC Prices</h3>
+        </div>
+        <Link
+          to={ROUTES.APMC}
+          className="text-sm text-primary-600 hover:text-primary-700 flex items-center gap-1"
+        >
+          View All <ArrowRightIcon className="h-4 w-4" />
+        </Link>
+      </div>
+
+      <p className="text-xs text-neutral-500 mb-4">Your selected crops</p>
+
+      <div className="space-y-3">
+        {crops.map((crop) => (
+          <CropPriceCard
+            key={crop}
+            crop={crop}
+            priceData={pricesData[crop]}
+            trends={trendsData[crop]}
+            loading={loading && !pricesData[crop]}
+          />
+        ))}
+      </div>
+    </Card>
+  );
+}
+
+function SchemesCard({ schemes, loading, error, state }) {
+  if (loading) {
+    return (
+      <Card className="p-6">
+        <div className="flex items-center gap-2 mb-4">
+          <DocumentTextIcon className="h-5 w-5 text-green-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">Government Schemes</h3>
+        </div>
+        <div className="flex justify-center py-8">
+          <LoadingSpinner size="md" message="Loading schemes..." />
+        </div>
+      </Card>
+    );
+  }
+
+  if (error || !schemes?.length) {
+    return (
+      <Card className="p-6">
+        <div className="flex items-center gap-2 mb-4">
+          <DocumentTextIcon className="h-5 w-5 text-green-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">Government Schemes</h3>
+        </div>
+        <p className="text-sm text-neutral-500">
+          {error || "No schemes available for your state"}
+        </p>
+      </Card>
+    );
+  }
+
+  const displaySchemes = schemes.slice(0, 4);
+
+  return (
+    <Card className="p-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <DocumentTextIcon className="h-5 w-5 text-green-600" />
+          <h3 className="font-semibold text-neutral-900 dark:text-white">Government Schemes</h3>
+        </div>
+        <Link
+          to={ROUTES.SCHEMES}
+          className="text-sm text-primary-600 hover:text-primary-700 flex items-center gap-1"
+        >
+          View All <ArrowRightIcon className="h-4 w-4" />
+        </Link>
+      </div>
+
+      <p className="text-xs text-neutral-500 mb-4">
+        Available for {state}
+      </p>
+
+      <div className="space-y-3">
+        {displaySchemes.map((scheme) => (
+          <div
+            key={scheme.id}
+            className="p-3 bg-neutral-50 dark:bg-neutral-800 rounded-lg"
+          >
+            <h4 className="text-sm font-medium text-neutral-900 dark:text-white mb-1 line-clamp-1">
+              {scheme.scheme_name}
+            </h4>
+            <p className="text-xs text-neutral-500 line-clamp-2">
+              {scheme.description}
+            </p>
+            {scheme.benefit_amount && (
+              <p className="text-xs font-medium text-green-600 mt-1">
+                Benefit: {scheme.benefit_amount}
+              </p>
+            )}
+          </div>
+        ))}
+      </div>
+
+      {schemes.length > 4 && (
+        <p className="text-xs text-neutral-400 text-center mt-4">
+          +{schemes.length - 4} more schemes available
+        </p>
+      )}
+    </Card>
+  );
+}
+
+function NoCropsAlert() {
+  const { user } = useAuth();
+  
+  if (user?.crops?.length > 0) return null;
+
+  return (
+    <motion.div
+      variants={itemVariants}
+      className="rounded-lg bg-amber-50 border border-amber-200 p-4 flex items-start gap-3"
+    >
+      <ExclamationTriangleIcon className="h-6 w-6 text-amber-600 shrink-0 mt-0.5" />
+      <div className="flex-1">
+        <h3 className="text-sm font-semibold text-amber-800">
+          Add Your Crops
+        </h3>
+        <p className="text-sm text-amber-700 mt-1">
+          Go to your profile and add crops to see personalized APMC price updates.
+        </p>
+        <Link
+          to={ROUTES.PROFILE}
+          className="inline-flex items-center gap-1 mt-2 text-sm font-medium text-amber-700 hover:text-amber-900"
+        >
+          Add Crops Now
+          <ArrowRightIcon className="h-4 w-4" />
+        </Link>
+      </div>
+    </motion.div>
+  );
+}
+
+// Main Component
+function FarmerDashboardPage() {
+  const navigate = useNavigate();
+  const { user, isAuthenticated } = useAuth();
+
+  // Weather state
+  const [weather, setWeather] = useState(null);
+  const [weatherAlerts, setWeatherAlerts] = useState(null);
+  const [weatherLoading, setWeatherLoading] = useState(true);
+  const [weatherError, setWeatherError] = useState(null);
+
+  // APMC state
+  const [pricesData, setPricesData] = useState({});
+  const [trendsData, setTrendsData] = useState({});
+  const [pricesLoading, setPricesLoading] = useState(false);
+
+  // Schemes state
+  const [schemes, setSchemes] = useState([]);
+  const [schemesLoading, setSchemesLoading] = useState(true);
+  const [schemesError, setSchemesError] = useState(null);
+
+  // Redirect if not authenticated
+  useEffect(() => {
+    if (!isAuthenticated) {
+      navigate(ROUTES.LOGIN);
+    }
+  }, [isAuthenticated, navigate]);
+
+  // Fetch weather based on user location
+  useEffect(() => {
+    if (!user?.state || !user?.district || !user?.taluka) return;
+
+    async function fetchWeather() {
+      setWeatherLoading(true);
+      setWeatherError(null);
+      try {
+        const location = {
+          state: user.state,
+          district: user.district,
+          taluka: user.taluka,
+        };
+        const [forecastData, alertsData] = await Promise.all([
+          getForecast(location),
+          getAlerts(location).catch(() => null),
+        ]);
+        setWeather(forecastData);
+        setWeatherAlerts(alertsData);
+      } catch (error) {
+        console.error("Failed to fetch weather:", error);
+        setWeatherError("Unable to load weather data");
+      } finally {
+        setWeatherLoading(false);
+      }
+    }
+    fetchWeather();
+  }, [user?.state, user?.district, user?.taluka]);
+
+  // Fetch APMC prices for user's crops
+  useEffect(() => {
+    const crops = user?.crops || [];
+    if (crops.length === 0) {
+      setPricesData({});
+      setTrendsData({});
+      return;
+    }
+
+    async function fetchPricesForCrops() {
+      setPricesLoading(true);
+      const newPrices = {};
+      const newTrends = {};
+
+      await Promise.all(
+        crops.map(async (crop) => {
+          try {
+            const [priceResult, trendResult] = await Promise.all([
+              getPrices({ commodity: crop, state: user.state, limit: 5 }),
+              getTrends(crop, { state: user.state, days: 7 }).catch(() => null),
+            ]);
+            newPrices[crop] = priceResult;
+            if (trendResult) newTrends[crop] = trendResult;
+          } catch (error) {
+            console.error(`Failed to fetch prices for ${crop}:`, error);
+          }
+        })
+      );
+
+      setPricesData(newPrices);
+      setTrendsData(newTrends);
+      setPricesLoading(false);
+    }
+    fetchPricesForCrops();
+  }, [user?.crops, user?.state]);
+
+  // Fetch schemes for user's state
+  useEffect(() => {
+    if (!user?.state) return;
+
+    async function fetchSchemes() {
+      setSchemesLoading(true);
+      setSchemesError(null);
+      try {
+        const data = await getSchemesByState(user.state);
+        setSchemes(data.schemes || []);
+      } catch (error) {
+        console.error("Failed to fetch schemes:", error);
+        setSchemesError("Unable to load schemes");
+      } finally {
+        setSchemesLoading(false);
+      }
+    }
+    fetchSchemes();
+  }, [user?.state]);
+
+  if (!isAuthenticated || !user) {
+    return (
+      <div className="min-h-[80vh] flex items-center justify-center">
+        <LoadingSpinner size="lg" message="Loading..." />
+      </div>
+    );
+  }
+
+  return (
+    <motion.div
+      variants={containerVariants}
+      initial="hidden"
+      animate="show"
+      className="max-w-6xl mx-auto px-4 py-8"
+    >
+      {/* Header */}
+      <motion.div variants={itemVariants} className="mb-8">
+        <div className="flex items-center gap-4">
+          <div className="h-16 w-16 rounded-full bg-primary-100 flex items-center justify-center">
+            <UserIcon className="h-8 w-8 text-primary-600" />
+          </div>
+          <div>
+            <h1 className="text-2xl font-bold text-neutral-900 dark:text-white">
+              Welcome, {user.name?.split(" ")[0]}
+            </h1>
+            <div className="flex items-center gap-4 mt-1">
+              <div className="flex items-center gap-1 text-neutral-500 text-sm">
+                <PhoneIcon className="h-4 w-4" />
+                <span>{user.mobile_number}</span>
+              </div>
+              <div className="flex items-center gap-1 text-neutral-500 text-sm">
+                <MapPinIcon className="h-4 w-4" />
+                <span>
+                  {user.taluka}, {user.district}, {user.state}
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </motion.div>
+
+      {/* Crops Alert */}
+      <NoCropsAlert />
+
+      {/* Dashboard Grid */}
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6">
+        <motion.div variants={itemVariants}>
+          <WeatherCard
+            weather={weather}
+            alerts={weatherAlerts}
+            loading={weatherLoading}
+            error={weatherError}
+            location={{
+              taluka: user.taluka,
+              district: user.district,
+              state: user.state,
+            }}
+          />
+        </motion.div>
+
+        <motion.div variants={itemVariants}>
+          <APMCPricesCard
+            crops={user.crops || []}
+            pricesData={pricesData}
+            trendsData={trendsData}
+            loading={pricesLoading}
+          />
+        </motion.div>
+
+        <motion.div variants={itemVariants} className="lg:col-span-2">
+          <SchemesCard
+            schemes={schemes}
+            loading={schemesLoading}
+            error={schemesError}
+            state={user.state}
+          />
+        </motion.div>
+      </div>
+    </motion.div>
+  );
+}
+
+export default FarmerDashboardPage;

frontend/src/pages/FarmerProfilePage.jsx

@@ -1,11 +1,10 @@
 /**
- * FarmerProfilePage - Personalized farmer dashboard.
+ * FarmerProfilePage - User profile management page.
  *
- * Displays:
- * - User profile with edit capability
- * - Personalized weather info based on location
- * - APMC prices for selected crops
- * - Government schemes relevant to user's state
+ * Allows the logged-in user to:
+ * - View their profile information
+ * - Edit their name
+ * - Add/remove crops (max 2)
  *
  * Only accessible to logged-in users.
  */
@@ -20,23 +19,14 @@ import {
   MapPinIcon,
   CheckIcon,
   XMarkIcon,
-  CloudIcon,
-  CurrencyRupeeIcon,
-  DocumentTextIcon,
-  ArrowRightIcon,
-  ExclamationTriangleIcon,
-  SunIcon,
-  ArrowTrendingUpIcon,
-  ArrowTrendingDownIcon,
   PencilIcon,
+  ArrowRightIcon,
 } from "@heroicons/react/24/outline";
 
-import { Input, Button, Card, Select, LoadingSpinner, Tabs } from "@components/common";
+import { Input, Button, Card, Select, LoadingSpinner } from "@components/common";
 import { useAuth } from "@context/AuthContext";
 import { updateProfile } from "@services/authApi";
-import { getCommodities, getPrices, getTrends } from "@services/apmcApi";
-import { getForecast, getAlerts } from "@services/weatherApi";
-import { getSchemesByState } from "@services/schemesApi";
+import { getCommodities } from "@services/apmcApi";
 import { ROUTES } from "@utils/constants";
 
 // Animation variants
@@ -50,331 +40,8 @@ const itemVariants = {
   show: { opacity: 1, y: 0, transition: { duration: 0.35, ease: "easeOut" } },
 };
 
-// Weather icon mapping
-function getWeatherIcon(code) {
-  if (code <= 3) return SunIcon;
-  return CloudIcon;
-}
-
-// Sub-components
-function WeatherCard({ weather, alerts, loading, error, location }) {
-  if (loading) {
-    return (
-      <Card className="p-6">
-        <div className="flex items-center gap-2 mb-4">
-          <CloudIcon className="h-5 w-5 text-accent-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
-        </div>
-        <div className="flex justify-center py-8">
-          <LoadingSpinner size="md" message="Loading weather..." />
-        </div>
-      </Card>
-    );
-  }
-
-  if (error) {
-    return (
-      <Card className="p-6">
-        <div className="flex items-center gap-2 mb-4">
-          <CloudIcon className="h-5 w-5 text-accent-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
-        </div>
-        <p className="text-sm text-neutral-500">{error}</p>
-      </Card>
-    );
-  }
-
-  if (!weather?.forecast?.daily) {
-    return (
-      <Card className="p-6">
-        <div className="flex items-center gap-2 mb-4">
-          <CloudIcon className="h-5 w-5 text-accent-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
-        </div>
-        <p className="text-sm text-neutral-500">No weather data available</p>
-      </Card>
-    );
-  }
-
-  const daily = weather.forecast.daily;
-  const today = {
-    tempMax: daily.temperature_2m_max?.[0] ?? "--",
-    tempMin: daily.temperature_2m_min?.[0] ?? "--",
-    precipitation: daily.precipitation_sum?.[0] ?? 0,
-    weatherCode: daily.weather_code?.[0] ?? 0,
-  };
-
-  return (
-    <Card className="p-6">
-      <div className="flex items-center justify-between mb-4">
-        <div className="flex items-center gap-2">
-          <CloudIcon className="h-5 w-5 text-accent-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">Weather</h3>
-        </div>
-        <Link
-          to={ROUTES.WEATHER}
-          className="text-sm text-primary-600 hover:text-primary-700 flex items-center gap-1"
-        >
-          View Full <ArrowRightIcon className="h-4 w-4" />
-        </Link>
-      </div>
-
-      <div className="flex items-center gap-2 text-xs text-neutral-500 mb-4">
-        <MapPinIcon className="h-4 w-4" />
-        <span>{location.taluka}, {location.district}</span>
-      </div>
-
-      <div className="flex items-center gap-4 mb-4">
-        <div className="flex-1">
-          <p className="text-3xl font-bold text-neutral-900 dark:text-white">
-            {Math.round(today.tempMax)}°C
-          </p>
-          <p className="text-sm text-neutral-500">
-            Low: {Math.round(today.tempMin)}°C
-          </p>
-        </div>
-        <div className="text-right">
-          <p className="text-sm text-neutral-600 dark:text-neutral-400">
-            Precipitation
-          </p>
-          <p className="text-lg font-semibold text-accent-600">
-            {today.precipitation} mm
-          </p>
-        </div>
-      </div>
-
-      {/* 5-day forecast */}
-      <div className="border-t border-neutral-200 dark:border-neutral-700 pt-4">
-        <p className="text-xs font-medium text-neutral-500 mb-3">5-Day Forecast</p>
-        <div className="grid grid-cols-5 gap-2">
-          {daily.time?.slice(0, 5).map((date, idx) => {
-            const dayName = new Date(date).toLocaleDateString("en-IN", { weekday: "short" });
-            return (
-              <div key={date} className="text-center">
-                <p className="text-xs text-neutral-500">{dayName}</p>
-                <p className="text-sm font-semibold text-neutral-900 dark:text-white">
-                  {Math.round(daily.temperature_2m_max?.[idx] ?? 0)}°
-                </p>
-                <p className="text-xs text-neutral-400">
-                  {Math.round(daily.temperature_2m_min?.[idx] ?? 0)}°
-                </p>
-              </div>
-            );
-          })}
-        </div>
-      </div>
-
-      {/* Alerts */}
-      {alerts?.alerts?.length > 0 && (
-        <div className="mt-4 p-3 bg-amber-50 border border-amber-200 rounded-lg">
-          <div className="flex items-center gap-2 mb-1">
-            <ExclamationTriangleIcon className="h-4 w-4 text-amber-600" />
-            <span className="text-sm font-medium text-amber-800">Weather Alert</span>
-          </div>
-          <p className="text-xs text-amber-700">{alerts.alerts[0].message}</p>
-        </div>
-      )}
-    </Card>
-  );
-}
-
-function CropPriceCard({ crop, priceData, trends, loading }) {
-  if (loading) {
-    return (
-      <div className="p-4 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
-        <LoadingSpinner size="sm" />
-      </div>
-    );
-  }
-
-  const avgPrice = priceData?.avg_price || priceData?.prices?.[0]?.price_per_quintal;
-  const trendDirection = trends?.trend?.direction;
-  const trendPercent = trends?.trend?.percent_change;
-
-  return (
-    <div className="p-4 bg-neutral-50 dark:bg-neutral-800 rounded-lg">
-      <div className="flex items-center justify-between mb-2">
-        <h4 className="font-medium text-neutral-900 dark:text-white">{crop}</h4>
-        {trendDirection && (
-          <div
-            className={`flex items-center gap-1 text-xs font-medium ${
-              trendDirection === "up"
-                ? "text-green-600"
-                : trendDirection === "down"
-                ? "text-red-600"
-                : "text-neutral-500"
-            }`}
-          >
-            {trendDirection === "up" ? (
-              <ArrowTrendingUpIcon className="h-4 w-4" />
-            ) : trendDirection === "down" ? (
-              <ArrowTrendingDownIcon className="h-4 w-4" />
-            ) : null}
-            {trendPercent ? `${Math.abs(trendPercent).toFixed(1)}%` : "Stable"}
-          </div>
-        )}
-      </div>
-      <p className="text-2xl font-bold text-primary-600">
-        {avgPrice ? `₹${Math.round(avgPrice).toLocaleString("en-IN")}` : "N/A"}
-        <span className="text-sm font-normal text-neutral-500">/qtl</span>
-      </p>
-      {priceData?.prices?.length > 0 && (
-        <p className="text-xs text-neutral-500 mt-1">
-          Best: {priceData.prices[0].mandi_name} ({priceData.prices[0].state})
-        </p>
-      )}
-    </div>
-  );
-}
-
-function APMCPricesCard({ crops, pricesData, trendsData, loading, error }) {
-  if (loading && Object.keys(pricesData).length === 0) {
-    return (
-      <Card className="p-6">
-        <div className="flex items-center gap-2 mb-4">
-          <CurrencyRupeeIcon className="h-5 w-5 text-secondary-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">APMC Prices</h3>
-        </div>
-        <div className="flex justify-center py-8">
-          <LoadingSpinner size="md" message="Loading prices..." />
-        </div>
-      </Card>
-    );
-  }
-
-  if (crops.length === 0) {
-    return (
-      <Card className="p-6">
-        <div className="flex items-center gap-2 mb-4">
-          <CurrencyRupeeIcon className="h-5 w-5 text-secondary-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">APMC Prices</h3>
-        </div>
-        <div className="text-center py-6">
-          <p className="text-sm text-neutral-500 mb-3">
-            Add your crops to see personalized APMC prices
-          </p>
-          <p className="text-xs text-neutral-400">
-            Scroll down to add crops in your profile
-          </p>
-        </div>
-      </Card>
-    );
-  }
-
-  return (
-    <Card className="p-6">
-      <div className="flex items-center justify-between mb-4">
-        <div className="flex items-center gap-2">
-          <CurrencyRupeeIcon className="h-5 w-5 text-secondary-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">APMC Prices</h3>
-        </div>
-        <Link
-          to={ROUTES.APMC}
-          className="text-sm text-primary-600 hover:text-primary-700 flex items-center gap-1"
-        >
-          View All <ArrowRightIcon className="h-4 w-4" />
-        </Link>
-      </div>
-
-      <p className="text-xs text-neutral-500 mb-4">Your selected crops</p>
-
-      <div className="space-y-3">
-        {crops.map((crop) => (
-          <CropPriceCard
-            key={crop}
-            crop={crop}
-            priceData={pricesData[crop]}
-            trends={trendsData[crop]}
-            loading={loading && !pricesData[crop]}
-          />
-        ))}
-      </div>
-    </Card>
-  );
-}
-
-function SchemesCard({ schemes, loading, error, state }) {
-  if (loading) {
-    return (
-      <Card className="p-6">
-        <div className="flex items-center gap-2 mb-4">
-          <DocumentTextIcon className="h-5 w-5 text-green-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">Government Schemes</h3>
-        </div>
-        <div className="flex justify-center py-8">
-          <LoadingSpinner size="md" message="Loading schemes..." />
-        </div>
-      </Card>
-    );
-  }
-
-  if (error || !schemes?.length) {
-    return (
-      <Card className="p-6">
-        <div className="flex items-center gap-2 mb-4">
-          <DocumentTextIcon className="h-5 w-5 text-green-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">Government Schemes</h3>
-        </div>
-        <p className="text-sm text-neutral-500">
-          {error || "No schemes available for your state"}
-        </p>
-      </Card>
-    );
-  }
-
-  const displaySchemes = schemes.slice(0, 4);
-
-  return (
-    <Card className="p-6">
-      <div className="flex items-center justify-between mb-4">
-        <div className="flex items-center gap-2">
-          <DocumentTextIcon className="h-5 w-5 text-green-600" />
-          <h3 className="font-semibold text-neutral-900 dark:text-white">Government Schemes</h3>
-        </div>
-        <Link
-          to={ROUTES.SCHEMES}
-          className="text-sm text-primary-600 hover:text-primary-700 flex items-center gap-1"
-        >
-          View All <ArrowRightIcon className="h-4 w-4" />
-        </Link>
-      </div>
-
-      <p className="text-xs text-neutral-500 mb-4">
-        Available for {state}
-      </p>
-
-      <div className="space-y-3">
-        {displaySchemes.map((scheme) => (
-          <div
-            key={scheme.id}
-            className="p-3 bg-neutral-50 dark:bg-neutral-800 rounded-lg"
-          >
-            <h4 className="text-sm font-medium text-neutral-900 dark:text-white mb-1 line-clamp-1">
-              {scheme.scheme_name}
-            </h4>
-            <p className="text-xs text-neutral-500 line-clamp-2">
-              {scheme.description}
-            </p>
-            {scheme.benefit_amount && (
-              <p className="text-xs font-medium text-green-600 mt-1">
-                Benefit: {scheme.benefit_amount}
-              </p>
-            )}
-          </div>
-        ))}
-      </div>
-
-      {schemes.length > 4 && (
-        <p className="text-xs text-neutral-400 text-center mt-4">
-          +{schemes.length - 4} more schemes available
-        </p>
-      )}
-    </Card>
-  );
-}
-
-function ProfileEditSection({
-  user,
+// Profile Edit Form Component
+function ProfileEditForm({
   formData,
   setFormData,
   errors,
@@ -401,97 +68,94 @@ function ProfileEditSection({
     .map((crop) => ({ value: crop, label: crop }));
 
   return (
-    <Card className="p-6">
-      <div className="flex items-center gap-2 mb-4">
-        <PencilIcon className="h-5 w-5 text-primary-600" />
-        <h3 className="font-semibold text-neutral-900 dark:text-white">Edit Profile</h3>
-      </div>
-
-      <form onSubmit={onSubmit} className="space-y-5">
-        <Input
-          name="name"
-          label="Full Name"
-          type="text"
-          placeholder="Enter your full name"
-          value={formData.name}
-          onChange={handleNameChange}
-          error={errors.name}
-          required
-          maxLength={100}
-          disabled={loading}
-        />
-
-        {/* Crops Selection */}
-        <div>
-          <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
-            My Crops (Max 2)
-          </label>
+    <form onSubmit={onSubmit} className="space-y-6">
+      <Input
+        name="name"
+        label="Full Name"
+        type="text"
+        placeholder="Enter your full name"
+        value={formData.name}
+        onChange={handleNameChange}
+        error={errors.name}
+        required
+        maxLength={100}
+        disabled={loading}
+      />
+
+      {/* Crops Selection */}
+      <div>
+        <label className="block text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-2">
+          My Crops (Max 2)
+        </label>
+        <p className="text-xs text-neutral-500 mb-3">
+          Add your crops to see personalized APMC prices on your dashboard
+        </p>
 
-          {formData.crops.length > 0 && (
-            <div className="flex flex-wrap gap-2 mb-3">
-              {formData.crops.map((crop) => (
-                <div
-                  key={crop}
-                  className="inline-flex items-center gap-1.5 px-3 py-1.5 bg-primary-50 text-primary-700 rounded-full text-sm font-medium"
+        {formData.crops.length > 0 && (
+          <div className="flex flex-wrap gap-2 mb-3">
+            {formData.crops.map((crop) => (
+              <div
+                key={crop}
+                className="inline-flex items-center gap-1.5 px-3 py-1.5 bg-primary-50 text-primary-700 rounded-full text-sm font-medium"
+              >
+                <CheckIcon className="h-4 w-4" />
+                {crop}
+                <button
+                  type="button"
+                  onClick={() => onRemoveCrop(crop)}
+                  className="ml-1 hover:text-primary-900 focus:outline-none"
+                  disabled={loading}
+                  aria-label={`Remove ${crop}`}
                 >
-                  <CheckIcon className="h-4 w-4" />
-                  {crop}
-                  <button
-                    type="button"
-                    onClick={() => onRemoveCrop(crop)}
-                    className="ml-1 hover:text-primary-900 focus:outline-none"
-                    disabled={loading}
-                  >
-                    <XMarkIcon className="h-4 w-4" />
-                  </button>
-                </div>
-              ))}
-            </div>
-          )}
+                  <XMarkIcon className="h-4 w-4" />
+                </button>
+              </div>
+            ))}
+          </div>
+        )}
 
-          {formData.crops.length < 2 && (
-            <div className="flex gap-2">
-              {commoditiesLoading ? (
-                <div className="flex-1 flex items-center justify-center py-2">
-                  <LoadingSpinner size="sm" message="Loading crops..." />
+        {formData.crops.length < 2 && (
+          <div className="flex gap-2">
+            {commoditiesLoading ? (
+              <div className="flex-1 flex items-center justify-center py-2">
+                <LoadingSpinner size="sm" message="Loading crops..." />
+              </div>
+            ) : (
+              <>
+                <div className="flex-1">
+                  <Select
+                    name="selectedCrop"
+                    placeholder="Select a crop to add"
+                    options={availableCropOptions}
+                    value={selectedCrop}
+                    onChange={(e) => setSelectedCrop(e.target.value)}
+                    disabled={loading || availableCropOptions.length === 0}
+                  />
                 </div>
-              ) : (
-                <>
-                  <div className="flex-1">
-                    <Select
-                      name="selectedCrop"
-                      placeholder="Select a crop to add"
-                      options={availableCropOptions}
-                      value={selectedCrop}
-                      onChange={(e) => setSelectedCrop(e.target.value)}
-                      disabled={loading || availableCropOptions.length === 0}
-                    />
-                  </div>
-                  <Button
-                    type="button"
-                    variant="secondary"
-                    onClick={onAddCrop}
-                    disabled={loading || !selectedCrop}
-                  >
-                    Add
-                  </Button>
-                </>
-              )}
-            </div>
-          )}
+                <Button
+                  type="button"
+                  variant="secondary"
+                  onClick={onAddCrop}
+                  disabled={loading || !selectedCrop}
+                >
+                  Add
+                </Button>
+              </>
+            )}
+          </div>
+        )}
 
-          {formData.crops.length === 0 && (
-            <p className="mt-2 text-sm text-neutral-500">
-              Add crops to see personalized APMC prices above
-            </p>
-          )}
-        </div>
+        {formData.crops.length === 2 && (
+          <p className="text-xs text-green-600 mt-2">
+            Maximum crops added. Remove one to add a different crop.
+          </p>
+        )}
+      </div>
 
-        <Button type="submit" variant="primary" fullWidth loading={loading}>
-          Save Changes
-        </Button>
-      </form>
-    </Card>
+      <Button type="submit" variant="primary" fullWidth loading={loading}>
+        Save Changes
+      </Button>
+    </form>
   );
 }
 
@@ -510,22 +174,6 @@ function FarmerProfilePage() {
   const [commodities, setCommodities] = useState([]);
   const [commoditiesLoading, setCommoditiesLoading] = useState(true);
 
-  // Weather state
-  const [weather, setWeather] = useState(null);
-  const [weatherAlerts, setWeatherAlerts] = useState(null);
-  const [weatherLoading, setWeatherLoading] = useState(true);
-  const [weatherError, setWeatherError] = useState(null);
-
-  // APMC state
-  const [pricesData, setPricesData] = useState({});
-  const [trendsData, setTrendsData] = useState({});
-  const [pricesLoading, setPricesLoading] = useState(false);
-
-  // Schemes state
-  const [schemes, setSchemes] = useState([]);
-  const [schemesLoading, setSchemesLoading] = useState(true);
-  const [schemesError, setSchemesError] = useState(null);
-
   // Redirect if not authenticated
   useEffect(() => {
     if (!isAuthenticated) {
@@ -559,91 +207,6 @@ function FarmerProfilePage() {
     fetchCommodities();
   }, []);
 
-  // Fetch weather based on user location
-  useEffect(() => {
-    if (!user?.state || !user?.district || !user?.taluka) return;
-
-    async function fetchWeather() {
-      setWeatherLoading(true);
-      setWeatherError(null);
-      try {
-        const location = {
-          state: user.state,
-          district: user.district,
-          taluka: user.taluka,
-        };
-        const [forecastData, alertsData] = await Promise.all([
-          getForecast(location),
-          getAlerts(location).catch(() => null),
-        ]);
-        setWeather(forecastData);
-        setWeatherAlerts(alertsData);
-      } catch (error) {
-        console.error("Failed to fetch weather:", error);
-        setWeatherError("Unable to load weather data");
-      } finally {
-        setWeatherLoading(false);
-      }
-    }
-    fetchWeather();
-  }, [user?.state, user?.district, user?.taluka]);
-
-  // Fetch APMC prices for user's crops
-  useEffect(() => {
-    const crops = user?.crops || [];
-    if (crops.length === 0) {
-      setPricesData({});
-      setTrendsData({});
-      return;
-    }
-
-    async function fetchPricesForCrops() {
-      setPricesLoading(true);
-      const newPrices = {};
-      const newTrends = {};
-
-      await Promise.all(
-        crops.map(async (crop) => {
-          try {
-            const [priceResult, trendResult] = await Promise.all([
-              getPrices({ commodity: crop, state: user.state, limit: 5 }),
-              getTrends(crop, { state: user.state, days: 7 }).catch(() => null),
-            ]);
-            newPrices[crop] = priceResult;
-            if (trendResult) newTrends[crop] = trendResult;
-          } catch (error) {
-            console.error(`Failed to fetch prices for ${crop}:`, error);
-          }
-        })
-      );
-
-      setPricesData(newPrices);
-      setTrendsData(newTrends);
-      setPricesLoading(false);
-    }
-    fetchPricesForCrops();
-  }, [user?.crops, user?.state]);
-
-  // Fetch schemes for user's state
-  useEffect(() => {
-    if (!user?.state) return;
-
-    async function fetchSchemes() {
-      setSchemesLoading(true);
-      setSchemesError(null);
-      try {
-        const data = await getSchemesByState(user.state);
-        setSchemes(data.schemes || []);
-      } catch (error) {
-        console.error("Failed to fetch schemes:", error);
-        setSchemesError("Unable to load schemes");
-      } finally {
-        setSchemesLoading(false);
-      }
-    }
-    fetchSchemes();
-  }, [user?.state]);
-
   // Handlers
   const handleAddCrop = useCallback(() => {
     if (!selectedCrop) return;
@@ -711,106 +274,95 @@ function FarmerProfilePage() {
       variants={containerVariants}
       initial="hidden"
       animate="show"
-      className="max-w-6xl mx-auto px-4 py-8"
+      className="max-w-2xl mx-auto px-4 py-8"
     >
-      {/* Header */}
+      {/* Page Header */}
       <motion.div variants={itemVariants} className="mb-8">
-        <div className="flex items-center gap-4">
-          <div className="h-16 w-16 rounded-full bg-primary-100 flex items-center justify-center">
-            <UserIcon className="h-8 w-8 text-primary-600" />
-          </div>
-          <div>
-            <h1 className="text-2xl font-bold text-neutral-900 dark:text-white">
-              Welcome, {user.name?.split(" ")[0]}
-            </h1>
-            <div className="flex items-center gap-4 mt-1">
-              <div className="flex items-center gap-1 text-neutral-500 text-sm">
-                <PhoneIcon className="h-4 w-4" />
-                <span>{user.mobile_number}</span>
-              </div>
-              <div className="flex items-center gap-1 text-neutral-500 text-sm">
-                <MapPinIcon className="h-4 w-4" />
-                <span>
-                  {user.taluka}, {user.district}, {user.state}
-                </span>
+        <h1 className="text-2xl font-bold text-neutral-900 dark:text-white mb-2">
+          My Profile
+        </h1>
+        <p className="text-neutral-500">
+          Manage your account information and crop preferences
+        </p>
+      </motion.div>
+
+      {/* Profile Info Card */}
+      <motion.div variants={itemVariants}>
+        <Card className="p-6 mb-6">
+          <div className="flex items-start gap-4 mb-6">
+            <div className="h-16 w-16 rounded-full bg-primary-100 flex items-center justify-center shrink-0">
+              <UserIcon className="h-8 w-8 text-primary-600" />
+            </div>
+            <div className="flex-1 min-w-0">
+              <h2 className="text-xl font-semibold text-neutral-900 dark:text-white">
+                {user.name}
+              </h2>
+              <div className="flex flex-wrap items-center gap-4 mt-2">
+                <div className="flex items-center gap-1 text-neutral-500 text-sm">
+                  <PhoneIcon className="h-4 w-4 shrink-0" />
+                  <span>{user.mobile_number}</span>
+                </div>
+                <div className="flex items-center gap-1 text-neutral-500 text-sm">
+                  <MapPinIcon className="h-4 w-4 shrink-0" />
+                  <span className="truncate">
+                    {user.taluka}, {user.district}, {user.state}
+                  </span>
+                </div>
               </div>
             </div>
           </div>
-        </div>
-      </motion.div>
-
-      {/* Dashboard Grid */}
-      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
-        {/* Left Column - Weather & Prices */}
-        <div className="lg:col-span-2 space-y-6">
-          <motion.div variants={itemVariants}>
-            <WeatherCard
-              weather={weather}
-              alerts={weatherAlerts}
-              loading={weatherLoading}
-              error={weatherError}
-              location={{
-                taluka: user.taluka,
-                district: user.district,
-                state: user.state,
-              }}
-            />
-          </motion.div>
 
-          <motion.div variants={itemVariants}>
-            <APMCPricesCard
-              crops={user.crops || []}
-              pricesData={pricesData}
-              trendsData={trendsData}
-              loading={pricesLoading}
-            />
-          </motion.div>
+          {/* Link to Dashboard */}
+          <Link
+            to={ROUTES.DASHBOARD}
+            className="flex items-center justify-between p-3 bg-primary-50 hover:bg-primary-100 rounded-lg transition-colors"
+          >
+            <span className="text-sm font-medium text-primary-700">
+              View your personalized dashboard
+            </span>
+            <ArrowRightIcon className="h-4 w-4 text-primary-600" />
+          </Link>
+        </Card>
+      </motion.div>
 
-          <motion.div variants={itemVariants}>
-            <SchemesCard
-              schemes={schemes}
-              loading={schemesLoading}
-              error={schemesError}
-              state={user.state}
-            />
-          </motion.div>
-        </div>
+      {/* Edit Profile Card */}
+      <motion.div variants={itemVariants}>
+        <Card className="p-6">
+          <div className="flex items-center gap-2 mb-6">
+            <PencilIcon className="h-5 w-5 text-primary-600" />
+            <h3 className="font-semibold text-neutral-900 dark:text-white">
+              Edit Profile
+            </h3>
+          </div>
 
-        {/* Right Column - Profile Edit */}
-        <div className="space-y-6">
-          <motion.div variants={itemVariants}>
-            <ProfileEditSection
-              user={user}
-              formData={formData}
-              setFormData={setFormData}
-              errors={errors}
-              setErrors={setErrors}
-              loading={loading}
-              commodities={commodities}
-              commoditiesLoading={commoditiesLoading}
-              selectedCrop={selectedCrop}
-              setSelectedCrop={setSelectedCrop}
-              onSubmit={handleSubmit}
-              onAddCrop={handleAddCrop}
-              onRemoveCrop={handleRemoveCrop}
-            />
-          </motion.div>
+          <ProfileEditForm
+            formData={formData}
+            setFormData={setFormData}
+            errors={errors}
+            setErrors={setErrors}
+            loading={loading}
+            commodities={commodities}
+            commoditiesLoading={commoditiesLoading}
+            selectedCrop={selectedCrop}
+            setSelectedCrop={setSelectedCrop}
+            onSubmit={handleSubmit}
+            onAddCrop={handleAddCrop}
+            onRemoveCrop={handleRemoveCrop}
+          />
+        </Card>
+      </motion.div>
 
-          {/* Account Info */}
-          <motion.div variants={itemVariants}>
-            <Card className="p-4">
-              <p className="text-xs text-neutral-500 text-center">
-                Account created on{" "}
-                {new Date(user.created_at).toLocaleDateString("en-IN", {
-                  year: "numeric",
-                  month: "long",
-                  day: "numeric",
-                })}
-              </p>
-            </Card>
-          </motion.div>
-        </div>
-      </div>
+      {/* Account Info */}
+      <motion.div variants={itemVariants} className="mt-6">
+        <p className="text-xs text-neutral-400 text-center">
+          Account created on{" "}
+          {new Date(user.created_at).toLocaleDateString("en-IN", {
+            year: "numeric",
+            month: "long",
+            day: "numeric",
+          })}
+        </p>
+      </motion.div>
     </motion.div>
   );
 }

frontend/src/pages/HomePage.jsx

@@ -9,6 +9,7 @@
 
 import { useState, useCallback, useMemo } from "react";
 import { useNavigate, Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 import { motion } from "framer-motion";
 import {
   CameraIcon,
@@ -35,56 +36,55 @@ import PropTypes from "prop-types";
 // Constants
 // ---------------------------------------------------------------------------
 
-const FEATURES = [
-  {
-    key: "disease",
-    title: "Disease Detection",
-    description:
-      "Upload a photo of your crop and get instant AI-powered disease identification with treatment recommendations.",
-    route: ROUTES.DISEASE_DETECTION,
-    Icon: CameraIcon,
-    color: "primary",
-    bgClass: "bg-primary-50",
-    textClass: "text-primary-700",
-    iconBg: "bg-primary-100",
-  },
-  {
-    key: "weather",
-    title: "Weather Forecast",
-    description:
-      "Get accurate 7-day weather forecasts, farming advisories, and severe weather alerts for your area.",
-    route: ROUTES.WEATHER,
-    Icon: CloudIcon,
-    color: "accent",
-    bgClass: "bg-accent-50",
-    textClass: "text-accent-700",
-    iconBg: "bg-accent-100",
-  },
-  {
-    key: "apmc",
-    title: "APMC Price",
-    description:
-      "Compare real-time commodity prices across APMCs, find the best selling market, and track price trends.",
-    route: ROUTES.APMC,
-    Icon: CurrencyRupeeIcon,
-    color: "secondary",
-    bgClass: "bg-secondary-50",
-    textClass: "text-secondary-700",
-    iconBg: "bg-secondary-100",
-  },
-  {
-    key: "schemes",
-    title: "Government Schemes",
-    description:
-      "Explore national and state-specific schemes with complete details on benefits, eligibility, and application process.",
-    route: ROUTES.SCHEMES,
-    Icon: DocumentTextIcon,
-    color: "success",
-    bgClass: "bg-green-50",
-    textClass: "text-green-700",
-    iconBg: "bg-green-100",
-  },
-];
+function useFeatures() {
+  const { t } = useTranslation();
+  return useMemo(() => [
+    {
+      key: "disease",
+      title: t("features.diseaseDetection.title"),
+      description: t("features.diseaseDetection.description"),
+      route: ROUTES.DISEASE_DETECTION,
+      Icon: CameraIcon,
+      color: "primary",
+      bgClass: "bg-primary-50",
+      textClass: "text-primary-700",
+      iconBg: "bg-primary-100",
+    },
+    {
+      key: "weather",
+      title: t("features.weather.title"),
+      description: t("features.weather.description"),
+      route: ROUTES.WEATHER,
+      Icon: CloudIcon,
+      color: "accent",
+      bgClass: "bg-accent-50",
+      textClass: "text-accent-700",
+      iconBg: "bg-accent-100",
+    },
+    {
+      key: "apmc",
+      title: t("features.apmc.title"),
+      description: t("features.apmc.description"),
+      route: ROUTES.APMC,
+      Icon: CurrencyRupeeIcon,
+      color: "secondary",
+      bgClass: "bg-secondary-50",
+      textClass: "text-secondary-700",
+      iconBg: "bg-secondary-100",
+    },
+    {
+      key: "schemes",
+      title: t("features.schemes.title"),
+      description: t("features.schemes.description"),
+      route: ROUTES.SCHEMES,
+      Icon: DocumentTextIcon,
+      color: "success",
+      bgClass: "bg-green-50",
+      textClass: "text-green-700",
+      iconBg: "bg-green-100",
+    },
+  ], [t]);
+}
 
 const SEARCH_ROUTES = [
   { keywords: ["disease", "crop", "plant", "leaf", "detect", "photo", "scan"], route: ROUTES.DISEASE_DETECTION },
@@ -130,28 +130,29 @@ const itemVariants = {
 // ---------------------------------------------------------------------------
 
 function GreetingBanner() {
+  const { t } = useTranslation();
   const { isAuthenticated, user } = useAuth();
   const hour = new Date().getHours();
-  let greeting = "Good morning";
-  if (hour >= 12 && hour < 17) greeting = "Good afternoon";
-  else if (hour >= 17) greeting = "Good evening";
+  let greeting = t("home.greeting.morning");
+  if (hour >= 12 && hour < 17) greeting = t("home.greeting.afternoon");
+  else if (hour >= 17) greeting = t("home.greeting.evening");
 
   const firstName = user?.name?.split(" ")[0];
 
   return (
     <motion.div variants={itemVariants}>
-      <h1 className="text-3xl sm:text-4xl font-display font-bold text-neutral-900 mb-2">
+      <h1 className="text-3xl sm:text-4xl font-display font-bold text-neutral-900 dark:text-neutral-100 mb-2">
         {greeting}{isAuthenticated && firstName ? `, ${firstName}` : ""}
       </h1>
-      <p className="text-neutral-600 text-lg max-w-xl">
-        AI-powered crop disease detection, weather forecasting, and market price
-        tracking for Indian farmers.
+      <p className="text-neutral-600 dark:text-neutral-400 text-lg max-w-xl">
+        {t("home.tagline")}
       </p>
     </motion.div>
   );
 }
 
 function QuickSearch({ onSearch }) {
+  const { t } = useTranslation();
   const [query, setQuery] = useState("");
 
   const handleSubmit = useCallback(
@@ -170,16 +171,16 @@ function QuickSearch({ onSearch }) {
       onSubmit={handleSubmit}
       className="relative max-w-lg"
       role="search"
-      aria-label="Search features"
+      aria-label={t("common.search")}
     >
       <MagnifyingGlassIcon className="absolute left-3.5 top-1/2 -translate-y-1/2 h-5 w-5 text-neutral-400" />
       <input
         type="text"
         value={query}
         onChange={(e) => setQuery(e.target.value)}
-        placeholder="Search features... (e.g. crop disease, weather, APMC prices)"
-        className="w-full rounded-xl border border-neutral-200 bg-white py-3 pl-11 pr-4 text-sm text-neutral-900 placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-colors"
-        aria-label="Search"
+        placeholder={t("home.searchPlaceholder")}
+        className="w-full rounded-xl border border-neutral-200 bg-white dark:bg-neutral-800 dark:border-neutral-700 py-3 pl-11 pr-4 text-sm text-neutral-900 dark:text-neutral-100 placeholder:text-neutral-400 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-colors"
+        aria-label={t("common.search")}
       />
     </motion.form>
   );
@@ -190,6 +191,7 @@ QuickSearch.propTypes = {
 };
 
 function FeatureCard({ feature }) {
+  const { t } = useTranslation();
   const navigate = useNavigate();
   const { Icon } = feature;
 
@@ -210,11 +212,11 @@ function FeatureCard({ feature }) {
             <h3 className={`text-base font-semibold ${feature.textClass} mb-1`}>
               {feature.title}
             </h3>
-            <p className="text-sm text-neutral-600 leading-relaxed">
+            <p className="text-sm text-neutral-600 dark:text-neutral-400 leading-relaxed">
               {feature.description}
             </p>
-            <div className="mt-3 flex items-center gap-1 text-sm font-medium text-primary-600">
-              Get started
+            <div className="mt-3 flex items-center gap-1 text-sm font-medium text-primary-600 dark:text-primary-400">
+              {t("common.getStarted")}
               <ArrowRightIcon className="h-4 w-4" />
             </div>
           </div>
@@ -237,6 +239,8 @@ FeatureCard.propTypes = {
 };
 
 function NetworkBanner({ isOnline }) {
+  const { t } = useTranslation();
+  
   if (isOnline) return null;
 
   return (
@@ -248,13 +252,14 @@ function NetworkBanner({ isOnline }) {
     >
       <SignalSlashIcon className="h-5 w-5 text-secondary-600 shrink-0" />
       <p className="text-sm text-secondary-800">
-        You are currently offline. Some features may be limited.
+        {t("common.offline")}
       </p>
     </motion.div>
   );
 }
 
 function CropsAlertBanner() {
+  const { t } = useTranslation();
   const { isAuthenticated, user } = useAuth();
 
   // Show alert only for logged-in users without crops
@@ -271,16 +276,16 @@ function CropsAlertBanner() {
       <ExclamationTriangleIcon className="h-6 w-6 text-amber-600 shrink-0 mt-0.5" />
       <div className="flex-1">
         <h3 className="text-sm font-semibold text-amber-800">
-          Complete Your Profile
+          {t("home.completeProfile")}
         </h3>
         <p className="text-sm text-amber-700 mt-1">
-          Add your crops to get personalized APMC price alerts and farming recommendations.
+          {t("home.addCropsMessage")}
         </p>
         <Link
           to={ROUTES.PROFILE}
           className="inline-flex items-center gap-1 mt-2 text-sm font-medium text-amber-700 hover:text-amber-900"
         >
-          Add Crops Now
+          {t("home.addCropsNow")}
           <ArrowRightIcon className="h-4 w-4" />
         </Link>
       </div>
@@ -293,6 +298,7 @@ NetworkBanner.propTypes = {
 };
 
 function RecentActivity() {
+  const { t } = useTranslation();
   const activities = useMemo(() => getRecentActivities(8), []);
 
   if (activities.length === 0) {
@@ -301,9 +307,9 @@ function RecentActivity() {
 
   return (
     <motion.div variants={itemVariants}>
-      <h2 className="text-lg font-semibold text-neutral-900 mb-4 flex items-center gap-2">
+      <h2 className="text-lg font-semibold text-neutral-900 dark:text-neutral-100 mb-4 flex items-center gap-2">
         <ClockIcon className="h-5 w-5 text-neutral-500" />
-        Recent Activity
+        {t("home.recentActivity")}
       </h2>
       <div className="space-y-2">
         {activities.map((activity) => {
@@ -338,19 +344,20 @@ function RecentActivity() {
 }
 
 function QuickStats() {
+  const { t } = useTranslation();
   const isOnline = useNetworkStatus();
 
   return (
     <motion.div variants={itemVariants} className="grid grid-cols-3 gap-3">
       <div className="rounded-xl bg-primary-50 border border-primary-100 p-4 text-center">
         <CameraIcon className="h-6 w-6 text-primary-600 mx-auto mb-1" />
-        <p className="text-xs text-primary-700 font-medium">Disease Detection</p>
-        <p className="text-xs text-primary-500 mt-0.5">AI-powered</p>
+        <p className="text-xs text-primary-700 font-medium">{t("features.diseaseDetection.title")}</p>
+        <p className="text-xs text-primary-500 mt-0.5">{t("features.diseaseDetection.aiPowered")}</p>
       </div>
       <div className="rounded-xl bg-accent-50 border border-accent-100 p-4 text-center">
         <CloudIcon className="h-6 w-6 text-accent-600 mx-auto mb-1" />
-        <p className="text-xs text-accent-700 font-medium">7-Day Forecast</p>
-        <p className="text-xs text-accent-500 mt-0.5">Pincode-based</p>
+        <p className="text-xs text-accent-700 font-medium">{t("features.weather.sevenDay")}</p>
+        <p className="text-xs text-accent-500 mt-0.5">{t("features.weather.pincodeBased")}</p>
       </div>
       <div className="rounded-xl bg-secondary-50 border border-secondary-100 p-4 text-center">
         <div className="flex items-center justify-center gap-1 mb-1">
@@ -360,9 +367,9 @@ function QuickStats() {
             <SignalSlashIcon className="h-6 w-6 text-secondary-400" />
           )}
         </div>
-        <p className="text-xs text-secondary-700 font-medium">Live Prices</p>
+        <p className="text-xs text-secondary-700 font-medium">{t("features.apmc.livePrices")}</p>
         <p className="text-xs text-secondary-500 mt-0.5">
-          {isOnline ? "Connected" : "Offline"}
+          {isOnline ? t("common.connected") : "Offline"}
         </p>
       </div>
     </motion.div>
@@ -376,6 +383,7 @@ function QuickStats() {
 function HomePage() {
   const navigate = useNavigate();
   const isOnline = useNetworkStatus();
+  const features = useFeatures();
 
   const handleSearch = useCallback(
     (query) => {
@@ -406,7 +414,7 @@ function HomePage() {
 
       {/* Feature Cards */}
       <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4">
-        {FEATURES.map((feature) => (
+        {features.map((feature) => (
           <FeatureCard key={feature.key} feature={feature} />
         ))}
       </div>

frontend/src/utils/constants.js

@@ -25,7 +25,7 @@ export const API_RETRY_DELAY_MS = 1000;
 // Application Metadata
 // ---------------------------------------------------------------------------
 
-export const APP_NAME = import.meta.env.VITE_APP_NAME || "FarmHelp";
+export const APP_NAME = import.meta.env.VITE_APP_NAME || "KrishiNiti";
 
 export const APP_VERSION = import.meta.env.VITE_APP_VERSION || "1.0.0";
 
@@ -116,6 +116,13 @@ export const MODEL_PATH = import.meta.env.VITE_MODEL_PATH || "/models";
 export const LANGUAGES = {
   EN: "en",
   HI: "hi",
+  GU: "gu",
+};
+
+export const LANGUAGE_NAMES = {
+  [LANGUAGES.EN]: "English",
+  [LANGUAGES.HI]: "हिंदी",
+  [LANGUAGES.GU]: "ગુજરાતી",
 };
 
 export const DEFAULT_LANGUAGE = LANGUAGES.EN;
@@ -148,6 +155,7 @@ export const ROUTES = {
   LOGIN: "/login",
   SIGNUP: "/signup",
   PROFILE: "/profile",
+  DASHBOARD: "/my-dashboard",
   DISEASE_DETECTION: "/disease",
   WEATHER: "/weather",
   APMC: "/apmc",

frontend/vite.config.js

@@ -25,6 +25,8 @@ export default defineConfig(({ mode }) => {
         "@pages": path.resolve(__dirname, "./src/pages"),
         "@assets": path.resolve(__dirname, "./src/assets"),
         "@styles": path.resolve(__dirname, "./src/styles"),
+        "@locales": path.resolve(__dirname, "./src/locales"),
+        "@i18n": path.resolve(__dirname, "./src/i18n"),
       },
     },