Upload 46 files

.gitattributes

@@ -1,35 +1,38 @@
-*.7z filter=lfs diff=lfs merge=lfs -text
-*.arrow filter=lfs diff=lfs merge=lfs -text
-*.bin filter=lfs diff=lfs merge=lfs -text
-*.bz2 filter=lfs diff=lfs merge=lfs -text
-*.ckpt filter=lfs diff=lfs merge=lfs -text
-*.ftz filter=lfs diff=lfs merge=lfs -text
-*.gz filter=lfs diff=lfs merge=lfs -text
-*.h5 filter=lfs diff=lfs merge=lfs -text
-*.joblib filter=lfs diff=lfs merge=lfs -text
-*.lfs.* filter=lfs diff=lfs merge=lfs -text
-*.mlmodel filter=lfs diff=lfs merge=lfs -text
-*.model filter=lfs diff=lfs merge=lfs -text
-*.msgpack filter=lfs diff=lfs merge=lfs -text
-*.npy filter=lfs diff=lfs merge=lfs -text
-*.npz filter=lfs diff=lfs merge=lfs -text
-*.onnx filter=lfs diff=lfs merge=lfs -text
-*.ot filter=lfs diff=lfs merge=lfs -text
-*.parquet filter=lfs diff=lfs merge=lfs -text
-*.pb filter=lfs diff=lfs merge=lfs -text
-*.pickle filter=lfs diff=lfs merge=lfs -text
-*.pkl filter=lfs diff=lfs merge=lfs -text
-*.pt filter=lfs diff=lfs merge=lfs -text
-*.pth filter=lfs diff=lfs merge=lfs -text
-*.rar filter=lfs diff=lfs merge=lfs -text
-*.safetensors filter=lfs diff=lfs merge=lfs -text
-saved_model/**/* filter=lfs diff=lfs merge=lfs -text
-*.tar.* filter=lfs diff=lfs merge=lfs -text
-*.tar filter=lfs diff=lfs merge=lfs -text
-*.tflite filter=lfs diff=lfs merge=lfs -text
-*.tgz filter=lfs diff=lfs merge=lfs -text
-*.wasm filter=lfs diff=lfs merge=lfs -text
-*.xz filter=lfs diff=lfs merge=lfs -text
-*.zip filter=lfs diff=lfs merge=lfs -text
-*.zst filter=lfs diff=lfs merge=lfs -text
-*tfevents* filter=lfs diff=lfs merge=lfs -text
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text
+model/agrovision_best.keras filter=lfs diff=lfs merge=lfs -text
+model/agrovision_final.keras filter=lfs diff=lfs merge=lfs -text
+model/confusion_matrix.png filter=lfs diff=lfs merge=lfs -text

.python-version

@@ -0,0 +1 @@
+3.12.10

Dockerfile

@@ -0,0 +1,20 @@
+# Use official Python image
+FROM python:3.10-slim
+
+# Set working directory
+WORKDIR /code
+
+# Copy files
+COPY . /code
+
+# Install requirements
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Expose port for HF
+EXPOSE 7860
+
+# Run Flask
+ENV PORT=7860
+ENV FLASK_APP=app.py
+
+CMD ["python", "app.py"]

README.md

@@ -1,10 +1,10 @@
----
-title: Agrovision
-emoji: 😻
-colorFrom: indigo
-colorTo: indigo
-sdk: docker
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: My Flask App
+emoji: 🚀
+colorFrom: blue
+colorTo: pink
+sdk: docker
+pinned: false
+---
+
+# Flask app running with Docker on Hugging Face Spaces

app.py

@@ -0,0 +1,212 @@
+from flask import Flask, render_template, request, redirect, url_for, flash, abort, session, jsonify
+from flask_cors import CORS
+import os
+from models import db, User
+from image_routes import image_bp
+
+app = Flask(__name__)
+app.secret_key = os.environ.get("SECRET_KEY", "fallback-secret")
+
+app.config['SESSION_COOKIE_SAMESITE'] = 'None'
+app.config['SESSION_COOKIE_SECURE'] = True
+app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///users.db'
+app.config['UPLOAD_FOLDER'] = os.path.join('static', 'uploads')
+app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024
+
+# Enable CORS for API endpoints
+CORS(app, supports_credentials=True)
+
+# Initialize DB and register blueprints
+db.init_app(app)
+app.register_blueprint(image_bp)
+
+# Expose request and session in all templates
+@app.context_processor
+def inject_request():
+    return dict(request=request, session=session)
+
+# Serve the SPA frontend
+@app.route('/')
+def home_redirect():
+    return render_template('index.html')
+
+# Dynamic page renderer
+@app.route('/<lang>/<page>')
+@app.route('/<lang>/', defaults={'page': 'index'})
+def render_page(lang, page):
+    if lang not in ['az', 'en']:
+        abort(404)
+
+    template_path = f"{lang}/{page}.html"
+    if not os.path.exists(os.path.join('templates', template_path)):
+        abort(404)
+
+    return render_template(template_path, lang=lang, page=page)
+
+MESSAGES = {
+    'missing_fields': {
+        'en': "Email and password are required.",
+        'az': "E-poçt və şifrə tələb olunur."
+    },
+    'user_exists': {
+        'en': "User already exists.",
+        'az': "İstifadəçi artıq mövcuddur."
+    },
+    'signup_success': {
+        'en': "Account created successfully! Please log in.",
+        'az': "Hesab uğurla yaradıldı! Zəhmət olmasa daxil olun."
+    },
+    'email_not_found': {
+        'en': "No account with this email exists. Create a new one.",
+        'az': "Bu e-poçt ünvanı ilə hesab tapılmadı. Yeni bir hesab yaradın."
+    },
+    'wrong_password': {
+        'en': "Incorrect password. Please try again.",
+        'az': "Şifrə yanlışdır. Zəhmət olmasa yenidən cəhd edin."
+    },
+    'login_success': {
+        'en': "Logged in successfully!",
+        'az': "Uğurla daxil oldunuz!"
+    },
+    'logged_out': {
+        'en': "Logged out.",
+        'az': "Sistemdən çıxıldı."
+    }
+}
+
+# Flash message helper
+def flash_message(key, lang):
+    category = 'success' if key in ['signup_success', 'login_success', 'logged_out'] else 'danger'
+    flash(MESSAGES[key].get(lang, MESSAGES[key]['en']), category)
+
+# Signup
+@app.route('/<lang>/signup', methods=['GET', 'POST'])
+def signup(lang):
+    if lang not in ['az', 'en']:
+        abort(404)
+
+    if request.method == 'POST':
+        email = request.form.get('email')
+        password = request.form.get('password')
+
+        if not email or not password:
+            flash_message('missing_fields', lang)
+            return redirect(request.url)
+
+        if User.query.filter_by(email=email).first():
+            flash_message('user_exists', lang)
+            return redirect(request.url)
+
+        user = User(email=email)
+        user.set_password(password)
+        db.session.add(user)
+        db.session.commit()
+
+        flash_message('signup_success', lang)
+        return redirect(url_for('login', lang=lang))
+
+    return render_template(f"{lang}/signup.html", lang=lang, page='signup')
+
+# Login
+@app.route('/<lang>/login', methods=['GET', 'POST'])
+def login(lang):
+    if lang not in ['az', 'en']:
+        abort(404)
+
+    if request.method == 'POST':
+        email = request.form.get('email')
+        password = request.form.get('password')
+
+        if not email or not password:
+            flash_message('missing_fields', lang)
+            return redirect(request.url)
+
+        user = User.query.filter_by(email=email).first()
+
+        if not user:
+            flash_message('email_not_found', lang)
+            return redirect(request.url)
+
+        if not user.check_password(password):
+            flash_message('wrong_password', lang)
+            return redirect(request.url)
+
+        session['user_id'] = user.id
+        flash_message('login_success', lang)
+        return redirect(url_for('image.upload_image', lang=lang))
+
+    return render_template(f"{lang}/login.html", lang=lang, page='login')
+
+# Logout
+@app.route('/logout')
+def logout():
+    session.pop('user_id', None)
+    flash_message('logged_out', session.get('lang', 'en'))
+    return redirect('/')
+
+# API Routes for Frontend SPA
+@app.route('/api/signup', methods=['POST'])
+def api_signup():
+    data = request.get_json()
+    email = data.get('email')
+    password = data.get('password')
+    lang = data.get('lang') or 'en'
+    
+    if not email or not password:
+        return jsonify({'success': False, 'message': MESSAGES['missing_fields'].get(lang, MESSAGES['missing_fields']['en'])}), 400
+    
+    if User.query.filter_by(email=email).first():
+        return jsonify({'success': False, 'message': MESSAGES['user_exists'].get(lang, MESSAGES['user_exists']['en'])}), 400
+    
+    user = User(email=email)
+    user.set_password(password)
+    db.session.add(user)
+    db.session.commit()
+    
+    return jsonify({'success': True, 'message': MESSAGES['signup_success'].get(lang, MESSAGES['signup_success']['en'])}), 201
+
+@app.route('/api/login', methods=['POST'])
+def api_login():
+    data = request.get_json()
+    email = data.get('email')
+    password = data.get('password')
+    lang = data.get('lang') or 'en'
+    
+    if not email or not password:
+        return jsonify({'success': False, 'message': MESSAGES['missing_fields'].get(lang, MESSAGES['missing_fields']['en'])}), 400
+    
+    user = User.query.filter_by(email=email).first()
+    
+    if not user:
+        return jsonify({'success': False, 'message': MESSAGES['email_not_found'].get(lang, MESSAGES['email_not_found']['en'])}), 401
+    
+    if not user.check_password(password):
+        return jsonify({'success': False, 'message': MESSAGES['wrong_password'].get(lang, MESSAGES['wrong_password']['en'])}), 401
+    
+    session['user_id'] = user.id
+    return jsonify({'success': True, 'message': MESSAGES['login_success'].get(lang, MESSAGES['login_success']['en']), 'user_id': user.id}), 200
+
+@app.route('/api/logout', methods=['POST'])
+def api_logout():
+    session.pop('user_id', None)
+    return jsonify({'success': True, 'message': 'Logged out successfully.'}), 200
+
+@app.route('/api/check-auth', methods=['GET'])
+def api_check_auth():
+    user_id = session.get('user_id')
+    if user_id:
+        user = User.query.get(user_id)
+        if user:
+            return jsonify({'authenticated': True, 'email': user.email}), 200
+    return jsonify({'authenticated': False}), 200
+
+# Run the app
+if __name__ == '__main__':
+    os.makedirs(app.config['UPLOAD_FOLDER'], exist_ok=True)
+    with app.app_context():
+        db.create_all()
+
+    port = int(os.environ.get("PORT", 7860))
+    app.run(host="0.0.0.0", port=port, debug=False)
+
+

image_routes.py

@@ -0,0 +1,335 @@
+import json
+import os
+import uuid
+from PIL import Image as PILImage
+from flask import Blueprint, request, render_template, redirect, url_for, session, abort, flash, jsonify
+from werkzeug.utils import secure_filename
+from models import db, Image, User
+
+# Optional ML dependencies
+try:
+    import numpy as np
+except Exception:
+    np = None
+try:
+    import tensorflow as tf
+except Exception:
+    tf = None
+
+image_bp = Blueprint('image', __name__)
+UPLOAD_FOLDER = os.path.join('static', 'uploads')
+ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif'}
+MODEL_LOCATIONS = ['model', 'models']
+MODEL_CANDIDATES = ['agrovision_final.keras', 'agrovision_best.keras', 'agrovision.h5']
+UNKNOWN_LABEL = "Unknown"
+UNKNOWN_CONFIDENCE_THRESHOLD = 0.5
+CLASS_NAMES_FALLBACK = [
+    "Corn_Blight",
+    "Corn_Common_Rust",
+    "Corn_Gray_Leaf_Spot",
+    "Corn_Healthy",
+    "Cucumber_Downy_mildew",
+    "Cucumber_Healthy_leaves",
+    "Cucumber_Powdery_mildew",
+    "Potato___Early_blight",
+    "Potato___Late_blight",
+    "Potato___healthy",
+    "Tomato_Bacterial_spot",
+    "Tomato_Early_blight",
+    "Tomato_Late_blight",
+    "Tomato_Leaf_Mold",
+    "Tomato_Septoria_leaf_spot",
+    "Tomato_Spider_mites_Two_spotted_spider_mite",
+    "Tomato__Target_Spot",
+    "Tomato__Tomato_YellowLeaf__Curl_Virus",
+    "Tomato__Tomato_mosaic_virus",
+    "Tomato_healthy",
+    "Wheat_Healthy",
+    "Wheat_diseased",
+]
+
+
+def _load_model():
+    if tf is None:
+        print("TensorFlow not available. Image prediction will be disabled.")
+        return None, None
+
+    for directory in MODEL_LOCATIONS:
+        for candidate in MODEL_CANDIDATES:
+            candidate_path = os.path.join(directory, candidate)
+            if os.path.exists(candidate_path):
+                try:
+                    loaded_model = tf.keras.models.load_model(candidate_path)
+                    print(f"Model loaded successfully from {candidate_path}")
+                    return loaded_model, candidate_path
+                except Exception as exc:
+                    print(f"Error loading model at {candidate_path}: {exc}. Trying next candidate.")
+    print("Warning: No trained model file found. Image prediction will be disabled.")
+    return None, None
+
+
+def _load_class_names(model_path):
+    candidate_paths = []
+    if model_path:
+        candidate_paths.append(os.path.join(os.path.dirname(model_path), 'class_names.json'))
+    for directory in MODEL_LOCATIONS:
+        candidate_paths.append(os.path.join(directory, 'class_names.json'))
+
+    for path in candidate_paths:
+        if os.path.exists(path):
+            try:
+                with open(path, 'r', encoding='utf-8') as fh:
+                    names = json.load(fh)
+                if isinstance(names, list) and names:
+                    print(f"Loaded {len(names)} class names from {path}")
+                    return names
+                print(f"{path} is empty or malformed. Trying next candidate.")
+            except Exception as exc:
+                print(f"Failed to load class names from {path}: {exc}. Trying next candidate.")
+    return CLASS_NAMES_FALLBACK
+
+
+model, MODEL_PATH = _load_model()
+CLASS_NAMES = _load_class_names(MODEL_PATH)
+
+
+def run_prediction(image_path):
+    if model is None:
+        raise RuntimeError("Model not loaded.")
+    if np is None:
+        raise RuntimeError("NumPy not available.")
+
+    img = PILImage.open(image_path).convert('RGB')
+    img = img.resize((224, 224))
+    img_array = np.array(img, dtype=np.float32)
+    img_array = np.expand_dims(img_array, axis=0)
+
+    prediction = model.predict(img_array, verbose=0)
+    if prediction.ndim == 1:
+        prediction = np.expand_dims(prediction, axis=0)
+
+    num_outputs = prediction.shape[1] if prediction.ndim > 1 else 1
+
+    if num_outputs == 1:
+        confidence = float(prediction[0][0])
+        predicted_idx = int(confidence > 0.5)
+        label_options = CLASS_NAMES if len(CLASS_NAMES) >= 2 else ["Class_0", "Class_1"]
+        predicted_label = label_options[predicted_idx]
+        confidence = confidence if predicted_idx == 1 else 1.0 - confidence
+    else:
+        predicted_idx = int(np.argmax(prediction[0]))
+        confidence = float(prediction[0][predicted_idx])
+        if len(CLASS_NAMES) != num_outputs:
+            print(
+                f"Warning: CLASS_NAMES length ({len(CLASS_NAMES)}) does not match model outputs ({num_outputs})."
+            )
+        label_options = CLASS_NAMES if len(CLASS_NAMES) == num_outputs else [f"Class_{i}" for i in range(num_outputs)]
+        predicted_label = label_options[predicted_idx]
+
+    final_label = predicted_label if confidence >= UNKNOWN_CONFIDENCE_THRESHOLD else UNKNOWN_LABEL
+    return final_label, confidence
+
+def allowed_file(filename):
+    return '.' in filename and filename.rsplit('.', 1)[1].lower() in ALLOWED_EXTENSIONS
+
+@image_bp.route('/<lang>/upload', methods=['GET', 'POST'])
+def upload_image(lang):
+    if lang not in ['az', 'en']:
+        abort(404)
+
+    user_id = session.get('user_id')
+    if not user_id:
+        flash("You must be logged in to upload.")
+        return redirect(url_for('login', lang=lang))
+
+    messages = {
+        'az': {
+            'no_image': 'Şəkil seçilməyib.',
+            'no_file': 'Fayl seçilməyib.',
+            'wrong_format': 'Yalnız png, jpg, jpeg və gif formatları qəbul olunur.',
+            'success': 'Şəkil uğurla yükləndi.'
+        },
+        'en': {
+            'no_image': 'No image selected.',
+            'no_file': 'No file selected.',
+            'wrong_format': 'Only png, jpg, jpeg and gif files are allowed.',
+            'success': 'Image successfully uploaded.'
+        }
+    }
+
+    msg = messages[lang]
+
+    if request.method == 'POST':
+        if 'image' not in request.files:
+            flash(msg['no_image'])
+            return redirect(request.url)
+
+        file = request.files['image']
+        if file.filename == '':
+            flash(msg['no_file'])
+            return redirect(request.url)
+
+        if file and allowed_file(file.filename):
+            original_filename = secure_filename(file.filename)
+            unique_name = f"{uuid.uuid4().hex}_{original_filename}"
+            upload_path = os.path.join(UPLOAD_FOLDER, unique_name)
+            os.makedirs(UPLOAD_FOLDER, exist_ok=True)
+            file.save(upload_path)
+
+            # Save record in DB
+            new_image = Image(filename=unique_name, user_id=user_id)
+            db.session.add(new_image)
+            db.session.commit()
+
+            try:
+                predicted_label, confidence = run_prediction(upload_path)
+            except Exception as e:
+                flash(f"Error during prediction: {str(e)}", "danger")
+                return redirect(request.url)
+
+            flash(msg['success'])
+            return render_template(
+                f"{lang}/upload.html",
+                filename=unique_name,
+                lang=lang,
+                prediction=predicted_label,
+                confidence=round(confidence * 100, 2),
+            )
+
+        flash(msg['wrong_format'])
+        return redirect(request.url)
+
+    return render_template(f"{lang}/upload.html", filename=None, lang=lang)
+
+@image_bp.route('/<lang>/my_images')
+def my_images(lang):
+    if lang not in ['az', 'en']:
+        abort(404)
+
+    user_id = session.get('user_id')
+    if not user_id:
+        flash("Please log in to see your images.")
+        return redirect(url_for('login', lang=lang))
+
+    user = User.query.get(user_id)
+    return render_template(f"{lang}/my_images.html", images=user.images, lang=lang)
+
+@image_bp.route('/<lang>/delete/<filename>', methods=['POST'])
+def delete_image(lang, filename):
+    if lang not in ['az', 'en']:
+        abort(404)
+
+    user_id = session.get('user_id')
+    if not user_id:
+        flash("Please log in.")
+        return redirect(url_for('login', lang=lang))
+
+    image = Image.query.filter_by(filename=filename, user_id=user_id).first()
+    if not image:
+        abort(403)
+
+    file_path = os.path.join(UPLOAD_FOLDER, filename)
+    if os.path.exists(file_path):
+        os.remove(file_path)
+
+    db.session.delete(image)
+    db.session.commit()
+
+    flash("Image deleted successfully.")
+    return redirect(url_for('image.my_images', lang=lang))
+
+@image_bp.route('/display/<filename>')
+def display_image(filename):
+    user_id = session.get('user_id')
+    if not user_id:
+        flash("Please log in.")
+        return redirect(url_for('login', lang='en'))
+
+    image = Image.query.filter_by(filename=filename, user_id=user_id).first()
+    if not image:
+        abort(403)
+
+    return redirect(url_for('static', filename='uploads/' + filename), code=301)
+
+# API Routes for Frontend SPA
+@image_bp.route('/api/upload', methods=['POST'])
+def api_upload_image():
+    user_id = session.get('user_id')
+    if not user_id:
+        return jsonify({'success': False, 'message': 'You must be logged in to upload.'}), 401
+
+    if 'image' not in request.files:
+        return jsonify({'success': False, 'message': 'No image selected.'}), 400
+
+    file = request.files['image']
+    if file.filename == '':
+        return jsonify({'success': False, 'message': 'No file selected.'}), 400
+
+    if file and allowed_file(file.filename):
+        original_filename = secure_filename(file.filename)
+        unique_name = f"{uuid.uuid4().hex}_{original_filename}"
+        upload_path = os.path.join(UPLOAD_FOLDER, unique_name)
+        os.makedirs(UPLOAD_FOLDER, exist_ok=True)
+        file.save(upload_path)
+
+        # Predict using the model
+        try:
+            predicted_label, confidence = run_prediction(upload_path)
+        except Exception as e:
+            print(f"Error during prediction: {str(e)}")
+            predicted_label = f"Error: {str(e)}"
+            confidence = 0.0
+
+        # Save record in DB
+        new_image = Image(filename=unique_name, user_id=user_id, prediction=predicted_label)
+        db.session.add(new_image)
+        db.session.commit()
+
+        return jsonify({
+            'success': True,
+            'message': 'Image successfully uploaded.',
+            'filename': unique_name,
+            'prediction': predicted_label,
+            'confidence': round(confidence * 100, 2),
+            'image_url': f'/static/uploads/{unique_name}'
+        }), 200
+
+    return jsonify({'success': False, 'message': 'Only png, jpg, jpeg and gif files are allowed.'}), 400
+
+@image_bp.route('/api/my-images', methods=['GET'])
+def api_my_images():
+    user_id = session.get('user_id')
+    if not user_id:
+        return jsonify({'success': False, 'message': 'Please log in to see your images.'}), 401
+
+    user = User.query.get(user_id)
+    images = []
+    for img in user.images:
+        images.append({
+            'id': img.id,
+            'filename': img.filename,
+            'prediction': img.prediction if hasattr(img, 'prediction') else 'Unknown',
+            'image_url': f'/static/uploads/{img.filename}',
+            'created_at': img.created_at.isoformat() if hasattr(img, 'created_at') else None
+        })
+    
+    return jsonify({'success': True, 'images': images}), 200
+
+@image_bp.route('/api/delete/<filename>', methods=['DELETE'])
+def api_delete_image(filename):
+    user_id = session.get('user_id')
+    if not user_id:
+        return jsonify({'success': False, 'message': 'Please log in.'}), 401
+
+    image = Image.query.filter_by(filename=filename, user_id=user_id).first()
+    if not image:
+        return jsonify({'success': False, 'message': 'Image not found.'}), 404
+
+    file_path = os.path.join(UPLOAD_FOLDER, filename)
+    if os.path.exists(file_path):
+        os.remove(file_path)
+
+    db.session.delete(image)
+    db.session.commit()
+
+    return jsonify({'success': True, 'message': 'Image deleted successfully.'}), 200

model/agrovision_best.keras

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f0d8023fed6aa250f15b304c9338e487691d84769dc569a25cf5b9143aaa86f2
+size 9974231

model/agrovision_final.keras

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fd315812d9010505dbdcb955eea89e52735f5c0dde2f338b72bdcff6e9a9fe99
+size 9974231

model/class_names.json

@@ -0,0 +1,24 @@
+[
+  "Corn_Blight",
+  "Corn_Common_Rust",
+  "Corn_Gray_Leaf_Spot",
+  "Corn_Healthy",
+  "Cucumber_Downy_mildew",
+  "Cucumber_Healthy_leaves",
+  "Cucumber_Powdery_mildew",
+  "Potato___Early_blight",
+  "Potato___Late_blight",
+  "Potato___healthy",
+  "Tomato_Bacterial_spot",
+  "Tomato_Early_blight",
+  "Tomato_Late_blight",
+  "Tomato_Leaf_Mold",
+  "Tomato_Septoria_leaf_spot",
+  "Tomato_Spider_mites_Two_spotted_spider_mite",
+  "Tomato__Target_Spot",
+  "Tomato__Tomato_YellowLeaf__Curl_Virus",
+  "Tomato__Tomato_mosaic_virus",
+  "Tomato_healthy",
+  "Wheat_Healthy",
+  "Wheat_diseased"
+]

models.py

@@ -0,0 +1,24 @@
+from flask_sqlalchemy import SQLAlchemy
+from werkzeug.security import generate_password_hash, check_password_hash
+from datetime import datetime
+
+db = SQLAlchemy()
+
+class User(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    email = db.Column(db.String(150), unique=True, nullable=False)
+    password_hash = db.Column(db.String(200), nullable=False)
+    images = db.relationship('Image', backref='user', lazy=True)
+
+    def set_password(self, password):
+        self.password_hash = generate_password_hash(password)
+
+    def check_password(self, password):
+        return check_password_hash(self.password_hash, password)
+
+class Image(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    filename = db.Column(db.String(255), nullable=False)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+    prediction = db.Column(db.String(255), nullable=True)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)

package-lock.json

@@ -0,0 +1,42 @@
+{
+  "name": "agrovision",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "bootstrap": "^5.3.7"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/bootstrap": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.7.tgz",
+      "integrity": "sha512-7KgiD8UHjfcPBHEpDNg+zGz8L3LqR3GVwqZiBRFX04a1BCArZOz1r2kjly2HQ0WokqTO0v1nF+QAt8dsW4lKlw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "bootstrap": "^5.3.7"
+  }
+}

prepare_data.py

@@ -0,0 +1,108 @@
+import os
+import random
+import shutil
+
+# Base paths
+BASE_DIR = "data"
+SOURCE_DIR = os.path.join(BASE_DIR, "images")
+TRAIN_DIR = os.path.join(BASE_DIR, "train")
+VAL_DIR = os.path.join(BASE_DIR, "val")
+TEST_DIR = os.path.join(BASE_DIR, "test")
+
+# Supported image extensions
+IMAGE_EXTS = (".jpg", ".jpeg", ".png", ".bmp", ".webp", ".tif", ".tiff")
+
+# Train/Val/Test split ratios
+SPLIT_RATIOS = {
+    "train": 0.7,
+    "val": 0.15,
+    "test": 0.15,
+}
+
+random.seed(42)  # For reproducibility
+
+
+def ensure_dir(path: str):
+    os.makedirs(path, exist_ok=True)
+
+
+def is_image(fname: str) -> bool:
+    return fname.lower().endswith(IMAGE_EXTS)
+
+
+def check_empty(path: str):
+    """Ensure the directory is empty before writing."""
+    if os.path.exists(path) and os.listdir(path):
+        raise RuntimeError(f"{path} is not empty. Clear it before running.")
+
+
+def main():
+    print(f"Source directory: {os.path.abspath(SOURCE_DIR)}")
+
+    if not os.path.isdir(SOURCE_DIR):
+        raise RuntimeError(f"Source directory not found: {SOURCE_DIR}")
+
+    # Prepare train/val/test dirs
+    for split_dir in [TRAIN_DIR, VAL_DIR, TEST_DIR]:
+        ensure_dir(split_dir)
+        check_empty(split_dir)
+
+    # Get all class folders
+    class_names = sorted(
+        d for d in os.listdir(SOURCE_DIR)
+        if os.path.isdir(os.path.join(SOURCE_DIR, d))
+    )
+
+    print("\nClasses detected:")
+    for cname in class_names:
+        print(" -", cname)
+
+    total_src = 0
+    total_split = {"train": 0, "val": 0, "test": 0}
+
+    # Process every class folder
+    for class_name in class_names:
+        src_dir = os.path.join(SOURCE_DIR, class_name)
+        print(f"\nProcessing: {class_name}")
+
+        files = [f for f in os.listdir(src_dir) if is_image(f)]
+        files.sort()
+
+        if not files:
+            print("  -> No images found, skipping.")
+            continue
+
+        random.shuffle(files)
+        n = len(files)
+        total_src += n
+
+        n_train = int(n * SPLIT_RATIOS["train"])
+        n_val = int(n * SPLIT_RATIOS["val"])
+        n_test = n - n_train - n_val  # Remaining goes to test
+
+        splits = {
+            "train": files[:n_train],
+            "val": files[n_train:n_train + n_val],
+            "test": files[n_train + n_val:],
+        }
+
+        for split_name, split_files in splits.items():
+            dst_dir = os.path.join(BASE_DIR, split_name, class_name)
+            ensure_dir(dst_dir)
+
+            print(f"  {split_name}: {len(split_files)} images")
+            total_split[split_name] += len(split_files)
+
+            for fname in split_files:
+                shutil.copy2(os.path.join(src_dir, fname),
+                             os.path.join(dst_dir, fname))
+
+    print(f"Total images: {total_src}")
+    print(f"Train: {total_split['train']}")
+    print(f"Val:   {total_split['val']}")
+    print(f"Test:  {total_split['test']}")
+    print("Dataset split completed.")
+
+
+if __name__ == "__main__":
+    main()

requirements.txt

@@ -0,0 +1,16 @@
+blinker==1.9.0
+click==8.2.1
+colorama==0.4.6
+Flask==3.1.1
+Flask-CORS==4.0.0
+Flask-SQLAlchemy==3.1.1
+greenlet==3.2.3
+itsdangerous==2.2.0
+Jinja2==3.1.6
+MarkupSafe==3.0.2
+numpy==1.26.4
+Pillow==10.0.0
+SQLAlchemy==2.0.41
+tensorflow==2.17.0
+typing_extensions==4.14.0
+Werkzeug==3.1.3

static/js/analysis.js

@@ -0,0 +1,84 @@
+import { getCurrentLanguage, translate } from './i18n.js';
+import { getCurrentImageFile } from './upload.js';
+
+async function analyzeImage() {
+  const currentImageFile = getCurrentImageFile();
+  if (!currentImageFile) {
+    alert(getCurrentLanguage() === 'az' ? 'Zəhmət olmasa əvvəlcə şəkil seçin' : 'Please select an image first');
+    return;
+  }
+  const analyzeBtn = document.querySelector('button[onclick="analyzeImage()"]');
+  const originalText = analyzeBtn.textContent;
+  analyzeBtn.disabled = true;
+  analyzeBtn.textContent = getCurrentLanguage() === 'az' ? 'Təhlil edilir...' : 'Analyzing...';
+  const formData = new FormData();
+  formData.append('image', currentImageFile);
+  try {
+    const response = await fetch('/api/upload', { method: 'POST', credentials: 'include', body: formData });
+    const result = await response.json();
+    analyzeBtn.disabled = false;
+    analyzeBtn.textContent = originalText;
+    if (result.success) {
+      displayResults(result);
+    } else {
+      alert('Error: ' + result.message);
+    }
+  } catch (error) {
+    analyzeBtn.disabled = false;
+    analyzeBtn.textContent = originalText;
+    alert('Error uploading image: ' + error.message);
+  }
+}
+
+function generateQRCode(data) {
+  const qrContainer = document.getElementById('qrcode');
+  if (!qrContainer) return;
+  qrContainer.innerHTML = '';
+  const qrData = JSON.stringify({ prediction: data.prediction || 'Unknown', confidence: data.confidence || 0, timestamp: new Date().toISOString(), url: window.location.href });
+  if (typeof QRCode === 'undefined') {
+    qrContainer.innerHTML = '<p class="text-red-500 text-sm">QR Code library not loaded</p>';
+    return;
+  }
+  QRCode.toCanvas(qrContainer, qrData, { width: 200, margin: 2, color: { dark: '#000000', light: '#FFFFFF' } }, function (error) {
+    if (error) {
+      qrContainer.innerHTML = '<p class="text-red-500 text-sm">QR Code generation failed</p>';
+    }
+  });
+}
+
+function displayResults(result) {
+  const resultsSection = document.getElementById('results-section');
+  if (!resultsSection) return;
+  const prediction = result.prediction || 'Unknown';
+  const confidence = result.confidence || 0;
+  generateQRCode(result);
+  const titleElement = resultsSection.querySelector('h3');
+  if (titleElement) {
+    titleElement.textContent = translate('analyze.analysisComplete');
+  }
+  const confidenceBadge = document.getElementById('confidence-badge');
+  if (confidenceBadge) {
+    confidenceBadge.textContent = `${confidence}% ${translate('common.confidence')}`;
+  }
+  const isHealthy = prediction.toLowerCase().includes('healthy');
+  const healthStatus = isHealthy ? 'Excellent' : 'Needs Attention';
+  const healthColor = isHealthy ? 'text-green-600' : 'text-orange-600';
+  const healthStatusElements = resultsSection.querySelectorAll('.text-3xl.font-bold');
+  if (healthStatusElements.length > 0) {
+    healthStatusElements[0].textContent = healthStatus;
+    healthStatusElements[0].className = `text-3xl font-bold ${healthColor}`;
+  }
+  const diseaseRiskElements = resultsSection.querySelectorAll('.text-3xl.font-bold');
+  if (diseaseRiskElements.length > 1) {
+    diseaseRiskElements[1].textContent = isHealthy ? 'Low' : 'High';
+    diseaseRiskElements[1].className = `text-3xl font-bold ${isHealthy ? 'text-green-600' : 'text-red-600'}`;
+  }
+  const recommendations = resultsSection.querySelector('ul');
+  if (recommendations) {
+    recommendations.innerHTML = `<li class="flex items-start"><span class="text-green-500 mr-2">✓</span> <span>Prediction: ${prediction}</span></li><li class="flex items-start"><span class="text-green-500 mr-2">✓</span> <span>Confidence: ${confidence}%</span></li><li class="flex items-start"><span class="text-green-500 mr-2">✓</span> <span>${isHealthy ? 'Plant appears healthy. Continue monitoring.' : 'Disease detected. Please consult with agricultural expert for treatment recommendations.'}</span></li>`;
+  }
+  resultsSection.classList.remove('hidden');
+  resultsSection.scrollIntoView({ behavior: 'smooth', block: 'center' });
+}
+
+export { analyzeImage, displayResults, generateQRCode };

static/js/auth.js

@@ -0,0 +1,147 @@
+import { updateTranslations, getCurrentLanguage } from './i18n.js';
+
+async function apiCall(url, options = {}) {
+  try {
+    const response = await fetch(url, {
+      ...options,
+      credentials: 'include',
+      headers: {
+        'Content-Type': 'application/json',
+        ...options.headers
+      }
+    });
+    const data = await response.json();
+    return { success: response.ok, data, status: response.status };
+  } catch (error) {
+    return { success: false, data: { message: error.message }, status: 500 };
+  }
+}
+
+async function checkAuth() {
+  const result = await apiCall('/api/check-auth');
+  if (result.success && result.data.authenticated) {
+    updateUIForLoggedIn(result.data.email);
+    return true;
+  }
+  updateUIForLoggedOut();
+  return false;
+}
+
+function toggleAccountMenu() {
+  const menu = document.getElementById('account-menu');
+  if (menu) {
+    menu.classList.toggle('hidden');
+  }
+}
+
+function updateUIForLoggedIn(email) {
+  const signInBtn = document.getElementById('sign-in-btn');
+  const accountMenu = document.getElementById('account-menu');
+  if (signInBtn) {
+    signInBtn.textContent = email || 'Dashboard';
+    signInBtn.onclick = (event) => {
+      event.preventDefault && event.preventDefault();
+      toggleAccountMenu();
+    };
+  }
+  if (accountMenu) {
+    accountMenu.classList.remove('hidden');
+    accountMenu.classList.add('hidden');
+  }
+  updateTranslations();
+}
+
+function updateUIForLoggedOut() {
+  const signInBtn = document.getElementById('sign-in-btn');
+  const accountMenu = document.getElementById('account-menu');
+  if (signInBtn) {
+    signInBtn.textContent = 'Sign In';
+    signInBtn.onclick = (event) => navigateTo('login', event);
+  }
+  if (accountMenu) {
+    accountMenu.classList.add('hidden');
+  }
+  updateTranslations();
+}
+
+async function handleLogout() {
+  const result = await apiCall('/api/logout', { method: 'POST' });
+  if (result.success) {
+    updateUIForLoggedOut();
+    navigateTo('home', { preventDefault: () => {} });
+  } else {
+    alert(result.data?.message || (getCurrentLanguage() === 'az' ? 'Sistemdən çıxışda xəta.' : 'Error logging out.'));
+  }
+}
+
+async function handleLogin(event) {
+  event.preventDefault();
+  const email = document.getElementById('login-email').value;
+  const password = document.getElementById('login-password').value;
+  const successDiv = document.getElementById('auth-success');
+  successDiv.classList.remove('hidden');
+  successDiv.textContent = getCurrentLanguage() === 'az' ? 'Yüklənir...' : 'Loading...';
+  successDiv.classList.remove('bg-red-100', 'text-red-700');
+  successDiv.classList.add('bg-blue-100', 'text-blue-700');
+  const result = await apiCall('/api/login', { method: 'POST', body: JSON.stringify({ email, password, lang: getCurrentLanguage() }) });
+  if (result.success) {
+    successDiv.textContent = '✓ ' + result.data.message;
+    successDiv.classList.remove('bg-blue-100', 'text-blue-700', 'bg-red-100', 'text-red-700');
+    successDiv.classList.add('bg-green-100', 'text-green-700');
+    updateUIForLoggedIn(email);
+    setTimeout(() => {
+      navigateTo('dashboard', event);
+      successDiv.classList.add('hidden');
+      document.getElementById('login-form').reset();
+    }, 1500);
+  } else {
+    successDiv.textContent = '✗ ' + result.data.message;
+    successDiv.classList.remove('bg-blue-100', 'text-blue-700', 'bg-green-100', 'text-green-700');
+    successDiv.classList.add('bg-red-100', 'text-red-700');
+    setTimeout(() => {
+      successDiv.classList.add('hidden');
+    }, 3000);
+  }
+}
+
+async function handleSignup(event) {
+  event.preventDefault();
+  const email = document.getElementById('signup-email').value;
+  const password = document.getElementById('signup-password').value;
+  const confirm = document.getElementById('signup-confirm').value;
+  const successDiv = document.getElementById('auth-success');
+  if (password !== confirm) {
+    successDiv.textContent = getCurrentLanguage() === 'az' ? '✗ Şifrələr uyğun deyil!' : '✗ Passwords do not match!';
+    successDiv.classList.remove('bg-green-100', 'text-green-700');
+    successDiv.classList.add('bg-red-100', 'text-red-700');
+    successDiv.classList.remove('hidden');
+    setTimeout(() => {
+      successDiv.classList.add('hidden');
+    }, 2500);
+    return;
+  }
+  successDiv.classList.remove('hidden');
+  successDiv.textContent = getCurrentLanguage() === 'az' ? 'Yüklənir...' : 'Loading...';
+  successDiv.classList.remove('bg-red-100', 'text-red-700');
+  successDiv.classList.add('bg-blue-100', 'text-blue-700');
+  const result = await apiCall('/api/signup', { method: 'POST', body: JSON.stringify({ email, password, lang: getCurrentLanguage() }) });
+  if (result.success) {
+    successDiv.textContent = '✓ ' + result.data.message;
+    successDiv.classList.remove('bg-blue-100', 'text-blue-700', 'bg-red-100', 'text-red-700');
+    successDiv.classList.add('bg-green-100', 'text-green-700');
+    setTimeout(() => {
+      switchAuthTab('login');
+      successDiv.classList.add('hidden');
+      document.getElementById('signup-form').reset();
+    }, 2000);
+  } else {
+    successDiv.textContent = '✗ ' + result.data.message;
+    successDiv.classList.remove('bg-blue-100', 'text-blue-700', 'bg-green-100', 'text-green-700');
+    successDiv.classList.add('bg-red-100', 'text-red-700');
+    setTimeout(() => {
+      successDiv.classList.add('hidden');
+    }, 3000);
+  }
+}
+
+export { apiCall, checkAuth, updateUIForLoggedIn, updateUIForLoggedOut, handleLogout, handleLogin, handleSignup, toggleAccountMenu };

static/js/configSdk.js

@@ -0,0 +1,90 @@
+const defaultConfig = {
+  site_title: "Agrovision",
+  tagline: "Future of Farming",
+  hero_description: "Revolutionize your agricultural practices with cutting-edge AI technology. Monitor, analyze, and optimize your crops like never before.",
+  cta_button: "Start Free Trial",
+  contact_email: "hello@agrovision.io",
+  contact_phone: "+1 (888) 555-FARM",
+  background_color: "#f9fafb",
+  surface_color: "#ffffff",
+  text_color: "#111827",
+  primary_action_color: "#22c55e",
+  secondary_action_color: "#f97316",
+  font_family: "Poppins",
+  font_size: 16
+};
+
+async function onConfigChange(config) {
+  const customFont = config.font_family || defaultConfig.font_family;
+  const baseSize = config.font_size || defaultConfig.font_size;
+  const baseFontStack = '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif';
+  document.body.style.fontFamily = `${customFont}, ${baseFontStack}`;
+  document.body.style.backgroundColor = config.background_color || defaultConfig.background_color;
+  const navTitle = document.getElementById('nav-title');
+  if (navTitle) navTitle.textContent = config.site_title || defaultConfig.site_title;
+  const heroTagline = document.getElementById('hero-tagline');
+  if (heroTagline) {
+    const taglineText = config.tagline || defaultConfig.tagline;
+    heroTagline.innerHTML = `${taglineText.split(' ')[0]} <span class="gradient-text">${taglineText.split(' ').slice(1).join(' ')}</span>`;
+    heroTagline.style.fontSize = `${baseSize * 3}px`;
+    heroTagline.style.fontFamily = `${customFont}, ${baseFontStack}`;
+  }
+  const heroDescription = document.getElementById('hero-description');
+  if (heroDescription) {
+    heroDescription.textContent = config.hero_description || defaultConfig.hero_description;
+    heroDescription.style.fontSize = `${baseSize * 1.25}px`;
+  }
+  const ctaButton = document.getElementById('cta-button');
+  if (ctaButton) {
+    ctaButton.textContent = config.cta_button || defaultConfig.cta_button;
+    ctaButton.style.fontSize = `${baseSize * 1.125}px`;
+  }
+  const contactEmailDisplay = document.getElementById('contact-email-display');
+  if (contactEmailDisplay) contactEmailDisplay.textContent = config.contact_email || defaultConfig.contact_email;
+  const contactPhoneDisplay = document.getElementById('contact-phone-display');
+  if (contactPhoneDisplay) contactPhoneDisplay.textContent = config.contact_phone || defaultConfig.contact_phone;
+  const textColor = config.text_color || defaultConfig.text_color;
+  const surfaceColor = config.surface_color || defaultConfig.surface_color;
+  const bgColor = config.background_color || defaultConfig.background_color;
+  document.querySelectorAll('.bg-gray-50').forEach(el => { el.style.backgroundColor = bgColor; });
+  document.querySelectorAll('.bg-white').forEach(el => { el.style.backgroundColor = surfaceColor; });
+  document.querySelectorAll('.text-gray-900, .text-gray-800, .text-gray-700').forEach(el => { el.style.color = textColor; });
+  document.querySelectorAll('h1, h2, h3').forEach(el => {
+    el.style.fontFamily = `${customFont}, ${baseFontStack}`;
+    if (el.tagName === 'H1') el.style.fontSize = `${baseSize * 2.5}px`;
+    if (el.tagName === 'H2') el.style.fontSize = `${baseSize * 2}px`;
+    if (el.tagName === 'H3') el.style.fontSize = `${baseSize * 1.5}px`;
+  });
+  document.querySelectorAll('p, label, button, a, input, textarea').forEach(el => { el.style.fontSize = `${baseSize}px`; });
+}
+
+function initElementSdk() {
+  if (window.elementSdk) {
+    window.elementSdk.init({
+      defaultConfig,
+      onConfigChange,
+      mapToCapabilities: (config) => ({
+        recolorables: [
+          { get: () => config.background_color || defaultConfig.background_color, set: (value) => { config.background_color = value; window.elementSdk.setConfig({ background_color: value }); } },
+          { get: () => config.surface_color || defaultConfig.surface_color, set: (value) => { config.surface_color = value; window.elementSdk.setConfig({ surface_color: value }); } },
+          { get: () => config.text_color || defaultConfig.text_color, set: (value) => { config.text_color = value; window.elementSdk.setConfig({ text_color: value }); } },
+          { get: () => config.primary_action_color || defaultConfig.primary_action_color, set: (value) => { config.primary_action_color = value; window.elementSdk.setConfig({ primary_action_color: value }); } },
+          { get: () => config.secondary_action_color || defaultConfig.secondary_action_color, set: (value) => { config.secondary_action_color = value; window.elementSdk.setConfig({ secondary_action_color: value }); } }
+        ],
+        borderables: [],
+        fontEditable: { get: () => config.font_family || defaultConfig.font_family, set: (value) => { config.font_family = value; window.elementSdk.setConfig({ font_family: value }); } },
+        fontSizeable: { get: () => config.font_size || defaultConfig.font_size, set: (value) => { config.font_size = value; window.elementSdk.setConfig({ font_size: value }); } }
+      }),
+      mapToEditPanelValues: (config) => new Map([
+        ["site_title", config.site_title || defaultConfig.site_title],
+        ["tagline", config.tagline || defaultConfig.tagline],
+        ["hero_description", config.hero_description || defaultConfig.hero_description],
+        ["cta_button", config.cta_button || defaultConfig.cta_button],
+        ["contact_email", config.contact_email || defaultConfig.contact_email],
+        ["contact_phone", config.contact_phone || defaultConfig.contact_phone]
+      ])
+    });
+  }
+}
+
+export { defaultConfig, onConfigChange, initElementSdk };

static/js/contact.js

@@ -0,0 +1,12 @@
+function handleContactSubmit(event) {
+  event.preventDefault();
+  const successDiv = document.getElementById('contact-success');
+  successDiv.textContent = document.querySelector('[data-i18n="contact.messageSent"]').textContent || '✓ Message sent successfully! We\'ll respond within 24 hours.';
+  successDiv.classList.remove('hidden');
+  setTimeout(() => {
+    successDiv.classList.add('hidden');
+    document.getElementById('contact-form').reset();
+  }, 4000);
+}
+
+export { handleContactSubmit };

static/js/darkmode.js

@@ -0,0 +1,49 @@
+function toggleDarkMode() {
+  document.body.classList.toggle('dark-mode');
+  const icon = document.getElementById('dark-mode-icon');
+  const isDark = document.body.classList.contains('dark-mode');
+  if (icon) {
+    icon.textContent = isDark ? '☀️' : '🌙';
+  }
+  updateDarkModeGradients(isDark);
+  localStorage.setItem('darkMode', isDark ? 'enabled' : 'disabled');
+}
+
+function updateDarkModeGradients(isDark) {
+  const homeCards = document.querySelectorAll('#home-page .card-hover.bg-gradient-to-br');
+  homeCards.forEach(card => {
+    if (isDark) {
+      if (card.classList.contains('from-green-50') && card.classList.contains('to-green-100')) {
+        card.style.background = 'linear-gradient(to bottom right, rgba(6, 78, 59, 0.4), rgba(5, 150, 105, 0.3))';
+      } else if (card.classList.contains('from-orange-50') && card.classList.contains('to-orange-100')) {
+        card.style.background = 'linear-gradient(to bottom right, rgba(124, 45, 18, 0.4), rgba(154, 52, 18, 0.3))';
+      } else if (card.classList.contains('from-green-50') && card.classList.contains('to-orange-100')) {
+        card.style.background = 'linear-gradient(to bottom right, rgba(6, 78, 59, 0.4), rgba(154, 52, 18, 0.3))';
+      }
+    } else {
+      card.style.background = '';
+    }
+  });
+  const dashboardCards = document.querySelectorAll('#dashboard-page .card-hover.bg-gradient-to-br');
+  dashboardCards.forEach(card => {
+    if (isDark) {
+      if (card.classList.contains('from-red-50') && card.classList.contains('to-orange-50')) {
+        card.style.background = 'linear-gradient(to bottom right, rgba(127, 29, 29, 0.4), rgba(124, 45, 18, 0.3))';
+      }
+    } else {
+      card.style.background = '';
+    }
+  });
+}
+
+function loadDarkModePreference() {
+  const darkMode = localStorage.getItem('darkMode');
+  if (darkMode === 'enabled') {
+    document.body.classList.add('dark-mode');
+    const icon = document.getElementById('dark-mode-icon');
+    if (icon) icon.textContent = '☀️';
+    setTimeout(() => updateDarkModeGradients(true), 100);
+  }
+}
+
+export { toggleDarkMode, updateDarkModeGradients, loadDarkModePreference };

static/js/dashboard.js

@@ -0,0 +1,46 @@
+import { apiCall } from './auth.js';
+import { updateDarkModeGradients } from './darkmode.js';
+
+async function loadDashboard() {
+  const authResult = await apiCall('/api/check-auth');
+  if (!authResult.success || !authResult.data.authenticated) {
+    return;
+  }
+  const imagesResult = await apiCall('/api/my-images');
+  if (imagesResult.success && imagesResult.data.images) {
+    updateDashboardWithImages(imagesResult.data.images);
+  }
+}
+
+function updateDashboardWithImages(images) {
+  const dashboardContainer = document.querySelector('#dashboard-page .space-y-6');
+  if (!dashboardContainer) return;
+  const existingItems = dashboardContainer.querySelectorAll('.card-hover');
+  existingItems.forEach(item => item.remove());
+  images.forEach((img, index) => {
+    if (index >= 3) return;
+    const isHealthy = img.prediction && img.prediction.toLowerCase().includes('healthy');
+    const bgColor = isHealthy ? 'from-green-50 to-green-100' : 'from-red-50 to-orange-50';
+    const borderColor = isHealthy ? 'border-green-200' : 'border-red-200';
+    const statusBadge = isHealthy ? '<span class="bg-green-500 text-white px-4 py-2 rounded-full text-sm font-bold">✅ Healthy</span>' : '<span class="bg-red-500 text-white px-4 py-2 rounded-full text-sm font-bold">⚠️ Disease Detected</span>';
+    const itemHTML = `<div class="card-hover bg-gradient-to-br ${bgColor} rounded-2xl p-6 border-2 ${borderColor}"><div class="grid md:grid-cols-12 gap-6"><div class="md:col-span-3"><img src="${img.image_url}" alt="Uploaded image" class="w-full h-48 object-cover rounded-xl"></div><div class="md:col-span-9"><div class="flex items-start justify-between mb-4"><div><h3 class="text-2xl font-bold text-gray-900 mb-2">Image Analysis</h3><p class="text-gray-600">Scanned on ${new Date(img.created_at || Date.now()).toLocaleString()}</p></div>${statusBadge}</div><div class="bg-white rounded-xl p-4 shadow"><div class="text-sm text-gray-600 mb-1">Prediction</div><div class="text-xl font-bold text-gray-900">${img.prediction || 'Unknown'}</div></div></div></div></div>`;
+    dashboardContainer.insertAdjacentHTML('beforeend', itemHTML);
+  });
+  const totalScans = images.length;
+  const healthyCount = images.filter(img => img.prediction && img.prediction.toLowerCase().includes('healthy')).length;
+  const issuesCount = totalScans - healthyCount;
+  const avgHealth = totalScans > 0 ? Math.round((healthyCount / totalScans) * 100) : 0;
+  const statsElements = document.querySelectorAll('#dashboard-page .text-4xl.font-bold.gradient-text, #dashboard-page .text-4xl.font-bold.text-green-600, #dashboard-page .text-4xl.font-bold.text-orange-600');
+  if (statsElements.length >= 4) {
+    statsElements[0].textContent = totalScans;
+    statsElements[1].textContent = healthyCount;
+    statsElements[2].textContent = issuesCount;
+    statsElements[3].textContent = avgHealth + '%';
+  }
+  const isDark = document.body.classList.contains('dark-mode');
+  if (isDark) {
+    updateDarkModeGradients(true);
+  }
+}
+
+export { loadDashboard, updateDashboardWithImages };

static/js/i18n.js

@@ -0,0 +1,138 @@
+let currentLanguage = localStorage.getItem('language') || 'en';
+
+function translate(key) {
+  const keys = key.split('.');
+  let value = translations[currentLanguage];
+  for (const k of keys) {
+    value = value?.[k];
+  }
+  return value || key;
+}
+
+function updateTranslations() {
+  document.querySelectorAll('[data-i18n]').forEach(el => {
+    const key = el.getAttribute('data-i18n');
+    const text = translate(key);
+    if (text) {
+      if (el.tagName === 'INPUT' && el.type === 'submit') {
+        el.value = text;
+      } else if (el.innerHTML && el.innerHTML.includes('<span')) {
+        const parts = text.split(' ');
+        if (parts.length > 1) {
+          el.innerHTML = parts[0] + ' <span class="gradient-text">' + parts.slice(1).join(' ') + '</span>';
+        } else {
+          el.textContent = text;
+        }
+      } else {
+        el.textContent = text;
+      }
+    }
+  });
+  // Handle placeholder translations
+  document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+    const key = el.getAttribute('data-i18n-placeholder');
+    const text = translate(key);
+    if (text) {
+      el.placeholder = text;
+    }
+  });
+  const heroTagline = document.getElementById('hero-tagline');
+  if (heroTagline) {
+    const heroText = translate('home.heroTitle');
+    const parts = heroText.split(' ');
+    if (parts.length > 1) {
+      heroTagline.innerHTML = parts[0] + ' <span class="gradient-text">' + parts.slice(1).join(' ') + '</span>';
+    } else {
+      heroTagline.textContent = heroText;
+    }
+  }
+  const featureTitle = document.querySelector('#features-page h1');
+  if (featureTitle) {
+    const text = translate('features.title');
+    const words = text.split(' ');
+    if (words.length > 1) {
+      featureTitle.innerHTML = words[0] + ' <span class="gradient-text">' + words.slice(1).join(' ') + '</span>';
+    } else {
+      featureTitle.innerHTML = '<span class="gradient-text">' + text + '</span>';
+    }
+  }
+  const dashboardTitle = document.querySelector('#dashboard-page h1');
+  if (dashboardTitle) {
+    const text = translate('dashboard.title');
+    const words = text.split(' ');
+    if (words.length > 1) {
+      dashboardTitle.innerHTML = words[0] + ' <span class="gradient-text">' + words.slice(1).join(' ') + '</span>';
+    } else {
+      dashboardTitle.innerHTML = '<span class="gradient-text">' + text + '</span>';
+    }
+  }
+  const galleryTitle = document.querySelector('#gallery-page h1');
+  if (galleryTitle) {
+    const text = translate('gallery.title');
+    const words = text.split(' ');
+    if (words.length > 1) {
+      galleryTitle.innerHTML = words[0] + ' <span class="gradient-text">' + words.slice(1).join(' ') + '</span>';
+    } else {
+      galleryTitle.innerHTML = '<span class="gradient-text">' + text + '</span>';
+    }
+  }
+  const contactTitle = document.querySelector('#contact-page h1');
+  if (contactTitle) {
+    const text = translate('contact.title');
+    const words = text.split(' ');
+    if (words.length >= 3) {
+      contactTitle.innerHTML = words.slice(0, 2).join(' ') + ' <span class="gradient-text">' + words.slice(2).join(' ') + '</span>';
+    } else if (words.length === 2) {
+      contactTitle.innerHTML = words[0] + ' <span class="gradient-text">' + words[1] + '</span>';
+    } else {
+      contactTitle.innerHTML = '<span class="gradient-text">' + text + '</span>';
+    }
+  }
+  const homeFeaturesTitle = document.querySelector('#home-page .text-4xl.font-bold');
+  if (homeFeaturesTitle) {
+    const text = translate('homeFeatures.title');
+    homeFeaturesTitle.textContent = text;
+  }
+  const langSwitcher = document.getElementById('current-lang');
+  if (langSwitcher) {
+    langSwitcher.textContent = currentLanguage.toUpperCase();
+  }
+  const mobileLangSwitcher = document.getElementById('mobile-current-lang');
+  if (mobileLangSwitcher) {
+    mobileLangSwitcher.textContent = currentLanguage.toUpperCase();
+  }
+  const signInBtn = document.getElementById('sign-in-btn');
+  if (signInBtn && !signInBtn.textContent.includes('@')) {
+    signInBtn.textContent = translate('common.signIn');
+  }
+  document.querySelectorAll('.sidebar-dot').forEach(dot => {
+    const attr = currentLanguage === 'az' ? 'data-title-az' : 'data-title-en';
+    const title = dot.getAttribute(attr);
+    if (title) {
+      dot.setAttribute('title', title);
+    }
+  });
+}
+
+function switchLanguage(lang) {
+  currentLanguage = lang;
+  localStorage.setItem('language', lang);
+  updateTranslations();
+  const mobileLangMenu = document.getElementById('mobile-lang-menu');
+  if (mobileLangMenu) {
+    mobileLangMenu.classList.add('hidden');
+  }
+}
+
+function toggleLanguageMenu() {
+  const menu = document.getElementById('lang-menu');
+  if (menu) {
+    menu.classList.toggle('hidden');
+  }
+}
+
+function getCurrentLanguage() {
+  return currentLanguage;
+}
+
+export { translate, updateTranslations, switchLanguage, toggleLanguageMenu, getCurrentLanguage };

static/js/main.js

@@ -0,0 +1,47 @@
+import { translate, updateTranslations, switchLanguage, toggleLanguageMenu, getCurrentLanguage } from './i18n.js';
+import { toggleMobileMenu, closeMobileMenu, toggleMobileLanguageMenu, initMenuEvents } from './menu.js';
+import { navigateTo, switchAuthTab } from './navigation.js';
+import { apiCall, checkAuth, updateUIForLoggedIn, updateUIForLoggedOut, handleLogout, handleLogin, handleSignup, toggleAccountMenu } from './auth.js';
+import { initUpload, displayImage, resetUpload, getCurrentImageFile } from './upload.js';
+import { analyzeImage, displayResults, generateQRCode } from './analysis.js';
+import { toggleDarkMode, updateDarkModeGradients, loadDarkModePreference } from './darkmode.js';
+import { loadDashboard, updateDashboardWithImages } from './dashboard.js';
+import { handleContactSubmit } from './contact.js';
+import { initElementSdk } from './configSdk.js';
+
+window.toggleDarkMode = toggleDarkMode;
+window.navigateTo = navigateTo;
+window.switchLanguage = switchLanguage;
+window.toggleLanguageMenu = toggleLanguageMenu;
+window.toggleMobileLanguageMenu = toggleMobileLanguageMenu;
+window.toggleMobileMenu = toggleMobileMenu;
+window.closeMobileMenu = closeMobileMenu;
+window.handleLogout = handleLogout;
+window.handleLogin = handleLogin;
+window.handleSignup = handleSignup;
+window.analyzeImage = analyzeImage;
+window.resetUpload = resetUpload;
+window.handleContactSubmit = handleContactSubmit;
+window.switchAuthTab = switchAuthTab;
+
+updateTranslations();
+checkAuth();
+loadDarkModePreference();
+initMenuEvents();
+initUpload();
+if (window.location.hash) {
+  const page = window.location.hash.substring(1);
+  const pageElement = document.getElementById(`${page}-page`);
+  if (pageElement) {
+    document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
+    pageElement.classList.add('active');
+    const pages = ['home', 'features', 'analyze', 'dashboard', 'gallery', 'contact', 'login'];
+    const index = pages.indexOf(page);
+    if (index >= 0) {
+      document.querySelectorAll('.sidebar-dot').forEach(dot => dot.classList.remove('active'));
+      const dots = document.querySelectorAll('.sidebar-dot');
+      if (dots[index]) dots[index].classList.add('active');
+    }
+  }
+}
+initElementSdk();

static/js/menu.js

@@ -0,0 +1,65 @@
+function toggleMobileMenu() {
+  const mobileMenu = document.getElementById('mobile-menu');
+  const menuIcon = document.getElementById('menu-icon');
+  const closeIcon = document.getElementById('close-icon');
+  if (mobileMenu) {
+    mobileMenu.classList.toggle('hidden');
+    if (menuIcon && closeIcon) {
+      menuIcon.classList.toggle('hidden');
+      closeIcon.classList.toggle('hidden');
+    }
+  }
+}
+
+function closeMobileMenu() {
+  const mobileMenu = document.getElementById('mobile-menu');
+  const menuIcon = document.getElementById('menu-icon');
+  const closeIcon = document.getElementById('close-icon');
+  if (mobileMenu) {
+    mobileMenu.classList.add('hidden');
+    if (menuIcon && closeIcon) {
+      menuIcon.classList.remove('hidden');
+      closeIcon.classList.add('hidden');
+    }
+  }
+}
+
+function toggleMobileLanguageMenu() {
+  const menu = document.getElementById('mobile-lang-menu');
+  if (menu) {
+    menu.classList.toggle('hidden');
+  }
+}
+
+function initMenuEvents() {
+  document.addEventListener('click', (event) => {
+    const mobileMenu = document.getElementById('mobile-menu');
+    const mobileMenuBtn = document.getElementById('mobile-menu-btn');
+    const mobileLangMenu = document.getElementById('mobile-lang-menu');
+    const mobileLangBtn = document.getElementById('mobile-lang-switcher');
+    if (mobileMenu && !mobileMenu.contains(event.target) && !mobileMenuBtn?.contains(event.target)) {
+      if (!mobileMenu.classList.contains('hidden')) {
+        closeMobileMenu();
+      }
+    }
+    if (mobileLangMenu && !mobileLangMenu.contains(event.target) && !mobileLangBtn?.contains(event.target)) {
+      if (!mobileLangMenu.classList.contains('hidden')) {
+        mobileLangMenu.classList.add('hidden');
+      }
+    }
+  });
+  document.addEventListener('click', (e) => {
+    const langSwitcher = document.getElementById('lang-switcher');
+    const langMenu = document.getElementById('lang-menu');
+    if (langSwitcher && langMenu && !langSwitcher.contains(e.target) && !langMenu.contains(e.target)) {
+      langMenu.classList.add('hidden');
+    }
+    const accountBtn = document.getElementById('sign-in-btn');
+    const accountMenu = document.getElementById('account-menu');
+    if (accountBtn && accountMenu && !accountBtn.contains(e.target) && !accountMenu.contains(e.target)) {
+      accountMenu.classList.add('hidden');
+    }
+  });
+}
+
+export { toggleMobileMenu, closeMobileMenu, toggleMobileLanguageMenu, initMenuEvents };

static/js/navigation.js

@@ -0,0 +1,48 @@
+import { loadDashboard } from './dashboard.js';
+
+function navigateTo(page, event) {
+  if (event && event.preventDefault) {
+    event.preventDefault();
+  }
+  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
+  const pageElement = document.getElementById(`${page}-page`);
+  if (pageElement) {
+    pageElement.classList.add('active');
+  }
+  document.querySelectorAll('.sidebar-dot').forEach(dot => dot.classList.remove('active'));
+  const dots = document.querySelectorAll('.sidebar-dot');
+  const pages = ['home', 'features', 'analyze', 'dashboard', 'gallery', 'contact', 'login'];
+  const index = pages.indexOf(page);
+  if (index >= 0 && dots[index]) {
+    dots[index].classList.add('active');
+  }
+  window.location.hash = page;
+  window.scrollTo({ top: 0, behavior: 'smooth' });
+  if (page === 'dashboard') {
+    loadDashboard();
+  }
+}
+
+function switchAuthTab(tab) {
+  const loginTab = document.getElementById('login-tab');
+  const signupTab = document.getElementById('signup-tab');
+  const loginForm = document.getElementById('login-form');
+  const signupForm = document.getElementById('signup-form');
+  if (tab === 'login') {
+    loginTab.classList.add('bg-white', 'shadow-sm', 'text-green-600');
+    loginTab.classList.remove('text-gray-600');
+    signupTab.classList.remove('bg-white', 'shadow-sm', 'text-green-600');
+    signupTab.classList.add('text-gray-600');
+    loginForm.classList.remove('hidden');
+    signupForm.classList.add('hidden');
+  } else {
+    signupTab.classList.add('bg-white', 'shadow-sm', 'text-green-600');
+    signupTab.classList.remove('text-gray-600');
+    loginTab.classList.remove('bg-white', 'shadow-sm', 'text-green-600');
+    loginTab.classList.add('text-gray-600');
+    signupForm.classList.remove('hidden');
+    loginForm.classList.add('hidden');
+  }
+}
+
+export { navigateTo, switchAuthTab };

static/js/upload.js

@@ -0,0 +1,64 @@
+let uploadArea;
+let fileInput;
+let uploadPrompt;
+let previewSection;
+let imagePreview;
+let resultsSection;
+let currentImageFile = null;
+
+function displayImage(file) {
+  currentImageFile = file;
+  const reader = new FileReader();
+  reader.onload = (e) => {
+    imagePreview.src = e.target.result;
+    uploadPrompt.classList.add('hidden');
+    previewSection.classList.remove('hidden');
+    resultsSection.classList.add('hidden');
+  };
+  reader.readAsDataURL(file);
+}
+
+function resetUpload() {
+  fileInput.value = '';
+  currentImageFile = null;
+  uploadPrompt.classList.remove('hidden');
+  previewSection.classList.add('hidden');
+  resultsSection.classList.add('hidden');
+}
+
+function initUpload() {
+  uploadArea = document.getElementById('upload-area');
+  fileInput = document.getElementById('file-input');
+  uploadPrompt = document.getElementById('upload-prompt');
+  previewSection = document.getElementById('preview-section');
+  imagePreview = document.getElementById('image-preview');
+  resultsSection = document.getElementById('results-section');
+  if (!uploadArea || !fileInput) return;
+  uploadArea.addEventListener('dragover', (e) => {
+    e.preventDefault();
+    uploadArea.classList.add('drag-active');
+  });
+  uploadArea.addEventListener('dragleave', () => {
+    uploadArea.classList.remove('drag-active');
+  });
+  uploadArea.addEventListener('drop', (e) => {
+    e.preventDefault();
+    uploadArea.classList.remove('drag-active');
+    const file = e.dataTransfer.files[0];
+    if (file && file.type.startsWith('image/')) {
+      displayImage(file);
+    }
+  });
+  fileInput.addEventListener('change', (e) => {
+    const file = e.target.files[0];
+    if (file) {
+      displayImage(file);
+    }
+  });
+}
+
+function getCurrentImageFile() {
+  return currentImageFile;
+}
+
+export { initUpload, displayImage, resetUpload, getCurrentImageFile };

static/styles.css

@@ -0,0 +1,493 @@
+body {
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    }
+    
+    * {
+      box-sizing: border-box;
+    }
+    
+    .page {
+      display: none;
+      min-height: 100%;
+    }
+    
+    .page.active {
+      display: block;
+      animation: slideIn 0.4s ease-out;
+    }
+    
+    @keyframes slideIn {
+      from { 
+        opacity: 0;
+        transform: translateY(20px);
+      }
+      to { 
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+    
+    .hero-pattern {
+      background-image: 
+        radial-gradient(circle at 20% 50%, rgba(34, 197, 94, 0.15) 0%, transparent 50%),
+        radial-gradient(circle at 80% 80%, rgba(249, 115, 22, 0.15) 0%, transparent 50%);
+    }
+    
+    .card-hover {
+      position: relative;
+      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+      will-change: transform, box-shadow;
+    }
+    
+    .card-hover:hover {
+      transform: translateY(-12px) scale(1.02);
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+      z-index: 10;
+    }
+    
+    /* Specific fix for dashboard analysis cards to prevent flickering */
+    #dashboard-page .space-y-6 {
+      position: relative;
+      /* Add extra spacing to account for hover transform */
+      padding-top: 0.5rem;
+    }
+    
+    #dashboard-page .space-y-6 > .card-hover {
+      position: relative;
+      isolation: isolate;
+      transform-origin: center center;
+      /* Ensure each card maintains its space */
+      display: block;
+    }
+    
+    #dashboard-page .space-y-6 > .card-hover:hover {
+      z-index: 20;
+      /* Reduce transform slightly for dashboard cards to prevent overlap */
+      transform: translateY(-8px) scale(1.01);
+    }
+    
+    .nav-item {
+      position: relative;
+      transition: color 0.3s ease;
+    }
+    
+    .nav-item::after {
+      content: '';
+      position: absolute;
+      bottom: -4px;
+      left: 0;
+      width: 0;
+      height: 3px;
+      background: linear-gradient(90deg, #22c55e, #f97316);
+      transition: width 0.3s ease;
+    }
+    
+    .nav-item:hover::after {
+      width: 100%;
+    }
+    
+    .upload-area {
+      border: 3px dashed #d1d5db;
+      transition: all 0.3s ease;
+      background: linear-gradient(135deg, rgba(34, 197, 94, 0.03) 0%, rgba(249, 115, 22, 0.03) 100%);
+    }
+    
+    .upload-area:hover {
+      border-color: #22c55e;
+      background: linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, rgba(249, 115, 22, 0.08) 100%);
+      transform: scale(1.01);
+    }
+    
+    .upload-area.drag-active {
+      border-color: #f97316;
+      background: linear-gradient(135deg, rgba(34, 197, 94, 0.12) 0%, rgba(249, 115, 22, 0.12) 100%);
+      transform: scale(1.02);
+    }
+    
+    .gradient-text {
+      background: linear-gradient(135deg, #22c55e 0%, #f97316 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    
+    .btn-gradient {
+      background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
+      transition: all 0.3s ease;
+    }
+    
+    .btn-gradient:hover {
+      background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
+      transform: translateY(-2px);
+      box-shadow: 0 10px 25px -5px rgba(34, 197, 94, 0.4);
+    }
+    
+    .btn-gradient-orange {
+      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
+      transition: all 0.3s ease;
+    }
+    
+    .btn-gradient-orange:hover {
+      background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
+      transform: translateY(-2px);
+      box-shadow: 0 10px 25px -5px rgba(249, 115, 22, 0.4);
+    }
+    
+    .feature-icon {
+      transition: transform 0.3s ease;
+    }
+    
+    .card-hover:hover .feature-icon {
+      transform: scale(1.2) rotate(5deg);
+    }
+    
+    .gallery-item {
+      position: relative;
+      overflow: hidden;
+      transition: all 0.3s ease;
+    }
+    
+    .gallery-item::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: linear-gradient(135deg, rgba(34, 197, 94, 0.8) 0%, rgba(249, 115, 22, 0.8) 100%);
+      opacity: 0;
+      transition: opacity 0.3s ease;
+      z-index: 1;
+    }
+    
+    .gallery-item:hover::before {
+      opacity: 1;
+    }
+    
+    .gallery-item:hover {
+      transform: scale(1.05);
+    }
+    
+    .stat-number {
+      font-size: 3rem;
+      font-weight: 800;
+      line-height: 1;
+    }
+    
+    .sidebar-nav {
+      position: fixed;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      z-index: 40;
+      padding: 1rem;
+    }
+    
+    .sidebar-dot {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      background: #d1d5db;
+      transition: all 0.3s ease;
+      cursor: pointer;
+    }
+    
+    .sidebar-dot:hover,
+    .sidebar-dot.active {
+      background: linear-gradient(135deg, #22c55e 0%, #f97316 100%);
+      transform: scale(1.5);
+    }
+    
+    /* Dark Mode Styles */
+    body.dark-mode {
+      background-color: #0f172a;
+      color: #e2e8f0;
+    }
+    
+    body.dark-mode .bg-white {
+      background-color: #1e293b !important;
+    }
+    
+    body.dark-mode .bg-gray-50 {
+      background-color: #0f172a !important;
+    }
+    
+    body.dark-mode .text-gray-900,
+    body.dark-mode .text-gray-800,
+    body.dark-mode .text-gray-700 {
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode .text-gray-600 {
+      color: #94a3b8 !important;
+    }
+    
+    body.dark-mode .border-gray-100 {
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode .border-gray-200 {
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode .bg-gray-100 {
+      background-color: #1e293b !important;
+    }
+    
+    body.dark-mode .bg-gray-200 {
+      background-color: #334155 !important;
+    }
+    
+    body.dark-mode header {
+      background-color: rgba(30, 41, 59, 0.95) !important;
+    }
+    
+    body.dark-mode .hero-pattern {
+      background-image: 
+        radial-gradient(circle at 20% 50%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),
+        radial-gradient(circle at 80% 80%, rgba(249, 115, 22, 0.1) 0%, transparent 50%);
+    }
+    
+    /* Dark mode for gradient backgrounds - Home page "Why Farmers Choose Us" tiles */
+    /* Target cards with gradient backgrounds and override with dark mode colors */
+    body.dark-mode .card-hover.bg-gradient-to-br {
+      background-image: none !important;
+    }
+    
+    body.dark-mode .card-hover[class*="from-green-50"][class*="to-green-100"] {
+      background: linear-gradient(to bottom right, rgba(6, 78, 59, 0.4), rgba(5, 150, 105, 0.3)) !important;
+      background-image: linear-gradient(to bottom right, rgba(6, 78, 59, 0.4), rgba(5, 150, 105, 0.3)) !important;
+    }
+    
+    body.dark-mode .card-hover[class*="from-orange-50"][class*="to-orange-100"] {
+      background: linear-gradient(to bottom right, rgba(124, 45, 18, 0.4), rgba(154, 52, 18, 0.3)) !important;
+      background-image: linear-gradient(to bottom right, rgba(124, 45, 18, 0.4), rgba(154, 52, 18, 0.3)) !important;
+    }
+    
+    body.dark-mode .card-hover[class*="from-green-50"][class*="to-orange-100"] {
+      background: linear-gradient(to bottom right, rgba(6, 78, 59, 0.4), rgba(154, 52, 18, 0.3)) !important;
+      background-image: linear-gradient(to bottom right, rgba(6, 78, 59, 0.4), rgba(154, 52, 18, 0.3)) !important;
+    }
+    
+    /* Dark mode for dashboard recent analysis cards */
+    body.dark-mode .card-hover[class*="from-red-50"][class*="to-orange-50"] {
+      background: linear-gradient(to bottom right, rgba(127, 29, 29, 0.4), rgba(124, 45, 18, 0.3)) !important;
+      background-image: linear-gradient(to bottom right, rgba(127, 29, 29, 0.4), rgba(124, 45, 18, 0.3)) !important;
+    }
+    
+    /* Dark mode for Analyze page "Analysis Complete" container */
+    body.dark-mode #results-section > div[class*="bg-gradient-to-br"][class*="from-green-50"][class*="to-orange-50"] {
+      background: linear-gradient(to bottom right, rgba(6, 78, 59, 0.6), rgba(154, 52, 18, 0.5)) !important;
+      background-image: linear-gradient(to bottom right, rgba(6, 78, 59, 0.6), rgba(154, 52, 18, 0.5)) !important;
+      border-color: rgba(34, 197, 94, 0.35) !important;
+    }
+    
+    /* Dark mode for card borders */
+    body.dark-mode .border-green-200 {
+      border-color: rgba(34, 197, 94, 0.3) !important;
+    }
+    
+    body.dark-mode .border-orange-200 {
+      border-color: rgba(249, 115, 22, 0.3) !important;
+    }
+    
+    body.dark-mode .border-red-200 {
+      border-color: rgba(239, 68, 68, 0.3) !important;
+    }
+    
+    /* Dark mode for input fields and textareas */
+    body.dark-mode input[type="text"],
+    body.dark-mode input[type="email"],
+    body.dark-mode input[type="password"],
+    body.dark-mode textarea {
+      background-color: #1e293b !important;
+      color: #e2e8f0 !important;
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode input[type="text"]:focus,
+    body.dark-mode input[type="email"]:focus,
+    body.dark-mode input[type="password"]:focus,
+    body.dark-mode textarea:focus {
+      border-color: #22c55e !important;
+      background-color: #1e293b !important;
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode input[type="text"]::placeholder,
+    body.dark-mode input[type="email"]::placeholder,
+    body.dark-mode input[type="password"]::placeholder,
+    body.dark-mode textarea::placeholder {
+      color: #64748b !important;
+    }
+    
+    /* Dark mode for text colors in cards */
+    body.dark-mode .text-gray-500 {
+      color: #94a3b8 !important;
+    }
+    
+    /* Dark mode for language switcher */
+    body.dark-mode #lang-menu {
+      background-color: #1e293b !important;
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode #lang-menu button {
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode #lang-menu button:hover {
+      background-color: #334155 !important;
+      color: #e2e8f0 !important;
+    }
+    
+    /* Dark mode for account dropdown */
+    body.dark-mode #account-menu {
+      background-color: #1e293b !important;
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode #account-menu button {
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode #account-menu button:hover {
+      background-color: #334155 !important;
+    }
+    
+    body.dark-mode #lang-switcher {
+      background-color: #1e293b !important;
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode #lang-switcher:hover {
+      background-color: #334155 !important;
+    }
+    
+    .dark-mode-toggle {
+      position: fixed;
+      top: 50%;
+      right: 2rem;
+      transform: translateY(-50%);
+      z-index: 40;
+      width: 60px;
+      height: 60px;
+      background: linear-gradient(135deg, #22c55e 0%, #f97316 100%);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+      transition: all 0.3s ease;
+    }
+    
+    .dark-mode-toggle:hover {
+      transform: translateY(-50%) scale(1.1);
+      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
+    }
+    
+    .dark-mode-toggle span {
+      font-size: 28px;
+      transition: transform 0.3s ease;
+    }
+    
+    .dark-mode-toggle:hover span {
+      transform: rotate(20deg);
+    }
+    
+    /* Mobile menu styles */
+    #mobile-menu-btn {
+      position: relative;
+    }
+    
+    #mobile-menu {
+      max-height: calc(100vh - 80px);
+      overflow-y: auto;
+    }
+    
+    #mobile-menu a {
+      transition: all 0.2s ease;
+    }
+    
+    #mobile-menu a:active {
+      background-color: #f3f4f6;
+    }
+    
+    /* Dark mode for mobile menu */
+    body.dark-mode #mobile-menu {
+      background-color: #1e293b !important;
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode #mobile-menu a {
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode #mobile-menu a:hover {
+      background-color: #334155 !important;
+    }
+    
+    body.dark-mode #mobile-menu a:active {
+      background-color: #475569 !important;
+    }
+    
+    body.dark-mode #mobile-menu .border-gray-200 {
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode #mobile-lang-switcher {
+      background-color: #334155 !important;
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode #mobile-lang-switcher:hover {
+      background-color: #475569 !important;
+    }
+    
+    body.dark-mode #mobile-lang-menu {
+      background-color: #1e293b !important;
+      border-color: #334155 !important;
+    }
+    
+    body.dark-mode #mobile-lang-menu button {
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode #mobile-lang-menu button:hover {
+      background-color: #334155 !important;
+    }
+    
+    body.dark-mode #mobile-menu-btn {
+      color: #e2e8f0 !important;
+    }
+    
+    body.dark-mode #mobile-menu-btn:hover {
+      background-color: #334155 !important;
+    }
+    
+    /* Mobile responsive adjustments */
+    @media (max-width: 768px) {
+      header nav {
+        position: relative;
+      }
+      
+      #mobile-menu {
+        position: fixed;
+        top: 73px;
+        left: 0;
+        right: 0;
+        max-height: calc(100vh - 73px);
+        z-index: 45;
+      }
+      
+      /* Ensure mobile menu button is visible */
+      #mobile-menu-btn {
+        z-index: 50;
+      }
+    }
+
+@view-transition { navigation: auto; }

static/translations.js

@@ -0,0 +1,331 @@
+// Translations for Agrovision
+const translations = {
+  en: {
+    nav: {
+      home: 'Home',
+      features: 'Features',
+      analyze: 'Analyze',
+      dashboard: 'Dashboard',
+      gallery: 'Gallery',
+      contact: 'Contact',
+      signout: 'Sign out'
+    },
+    home: {
+      heroTitle: 'Future of Farming',
+      heroDescription: 'Revolutionize your agricultural practices with cutting-edge AI technology. Monitor, analyze, and optimize your crops like never before.',
+      startTrial: 'Start Now',
+      learnMore: 'Learn More',
+      activeFarms: 'Active Farms',
+      accuracy: 'Accuracy',
+      monitoring: 'Monitoring'
+    },
+    analyze: {
+      title: 'AI Analysis',
+      studio: 'Studio',
+      subtitle: 'Upload your crop images for instant professional analysis',
+      dropImage: 'Drop Your Image Here',
+      clickBrowse: 'or click to browse from your device',
+      chooseFile: 'Choose File',
+      supports: 'Supports: JPG, PNG, WebP (Max 10MB)',
+      removeImage: 'Remove Image',
+      analyzeNow: '🔍 Analyze Now',
+      analysisComplete: 'Analysis Complete ✓',
+      shareQR: 'Share Analysis',
+      scanQR: 'Scan to view analysis',
+      cropHealth: 'Crop Health',
+      diseaseRisk: 'Disease Risk',
+      growthStage: 'Growth Stage',
+      estimatedYield: 'Estimated Yield',
+      aiRecommendations: 'AI Recommendations'
+    },
+    features: {
+      title: 'Powerful Features',
+      subtitle: 'Everything you need to transform your farm',
+      diseaseDetection: 'Disease Detection',
+      diseaseDetectionDesc: 'Identify plant diseases instantly with 98% accuracy using advanced computer vision',
+      smartIrrigation: 'Smart Irrigation',
+      smartIrrigationDesc: 'Optimize water usage with AI-driven irrigation scheduling and soil moisture analysis',
+      weatherForecasting: 'Weather Forecasting',
+      weatherForecastingDesc: 'Hyperlocal weather predictions to plan your farming activities perfectly',
+      yieldAnalytics: 'Yield Analytics',
+      yieldAnalyticsDesc: 'Predict harvest outcomes and optimize crop rotation strategies',
+      satelliteMapping: 'Satellite Mapping',
+      satelliteMappingDesc: 'Monitor large-scale farms with satellite imagery and drone integration',
+      expertSupport: 'Expert Support',
+      expertSupportDesc: '24/7 access to agricultural experts and AI-powered recommendations'
+    },
+    homeFeatures: {
+      title: 'Why Farmers Choose Us',
+      subtitle: 'Powerful tools designed for modern agriculture',
+      precisionAnalysis: 'Precision Analysis',
+      precisionAnalysisDesc: 'Advanced AI algorithms detect issues before they become problems',
+      realTimeInsights: 'Real-Time Insights',
+      realTimeInsightsDesc: 'Get instant feedback and actionable recommendations',
+      maximizeProfits: 'Maximize Profits',
+      maximizeProfitsDesc: 'Increase yields by up to 40% with smart farming'
+    },
+    dashboard: {
+      title: 'Your Dashboard',
+      subtitle: 'Track your crop analysis history and insights',
+      totalScans: 'Total Scans',
+      healthyCrops: 'Healthy Crops',
+      issuesFound: 'Issues Found',
+      avgHealth: 'Avg Health',
+      thisWeek: 'this week',
+      successRate: 'success rate',
+      needsAttention: 'Needs attention',
+      excellentOverall: 'Excellent overall',
+      recentAnalysis: 'Recent Analysis',
+      newScan: '+ New Scan',
+      scannedOn: 'Scanned on',
+      diseaseDetected: '⚠️ Disease Detected',
+      minorIssue: '⚠️ Minor Issue',
+      healthy: '✅ Healthy',
+      diseaseIdentified: 'Disease Identified',
+      confidenceLevel: 'Confidence Level',
+      severity: 'Severity',
+      affectedArea: 'Affected Area',
+      actionRequired: 'Action Required',
+      treatmentRecommendations: 'Treatment Recommendations',
+      managementRecommendations: 'Management Recommendations',
+      optimizationTips: 'Optimization Tips',
+      healthStatus: 'Health Status',
+      excellentCondition: 'Excellent Condition',
+      growthStage: 'Growth Stage',
+      vigorScore: 'Vigor Score',
+      yieldForecast: 'Yield Forecast',
+      aboveAvg: 'Above Avg',
+      moderate: 'Moderate',
+      low: 'Low',
+      urgent: '🚨 Urgent',
+      monitor: '📋 Monitor',
+      ofLeaves: 'of leaves',
+      percent: '%'
+    },
+    gallery: {
+      title: 'Success Stories',
+      subtitle: 'Real results from farms around the world',
+      cornExcellence: 'Corn Excellence',
+      yieldIncrease: 'yield increase',
+      tomatoPerfection: 'Tomato Perfection',
+      zeroDisease: 'Zero disease detected',
+      lettuceSuccess: 'Lettuce Success',
+      premiumQuality: 'Premium quality grade',
+      wheatTriumph: 'Wheat Triumph',
+      recordHarvest: 'Record harvest 2024',
+      berryBrilliance: 'Berry Brilliance',
+      organicCertified: 'Organic certified',
+      cucumberChampion: 'Cucumber Champion',
+      yearRoundProduction: 'Year-round production'
+    },
+    contact: {
+      title: 'Get In Touch',
+      subtitle: 'We\'re here to help you grow',
+      sendMessage: 'Send us a message',
+      fullName: 'Full Name',
+      emailAddress: 'Email Address',
+      locationAddress: 'Baku, Azerbaijan',
+      subject: 'Subject',
+      message: 'Message',
+      sendButton: 'Send Message 🚀',
+      messageSent: '✓ Message sent successfully! We\'ll respond within 24 hours.',
+      contactInfo: 'Contact Info',
+      email: 'Email',
+      phone: 'Phone',
+      location: 'Location',
+      officeHours: 'Office Hours',
+      mondayFriday: 'Monday - Friday',
+      saturday: 'Saturday',
+      sunday: 'Sunday',
+      closed: 'Closed',
+      followUs: 'Follow Us',
+      placeholderName: 'John Doe',
+      placeholderEmail: 'your.email@example.com',
+      placeholderSubject: 'How can we help?',
+      placeholderMessage: 'Tell us more about your inquiry...'
+    },
+    login: {
+      welcomeBack: 'Welcome Back!',
+      signInContinue: 'Sign in to continue to Agrovision',
+      login: 'Login',
+      signUp: 'Sign Up',
+      email: 'Email',
+      password: 'Password',
+      fullName: 'Full Name',
+      confirmPassword: 'Confirm Password',
+      signIn: 'Sign In',
+      forgotPassword: 'Forgot password?',
+      createAccount: 'Create Account',
+      successRedirect: '✓ Success! Redirecting to dashboard...'
+    },
+    common: {
+      signIn: 'Sign In',
+      confidence: 'Confidence'
+    }
+  },
+  az: {
+    nav: {
+      home: 'Ana səhifə',
+      features: 'Xüsusiyyətlər',
+      analyze: 'Təhlil',
+      dashboard: 'İdarə paneli',
+      gallery: 'Qalereya',
+      contact: 'Əlaqə',
+      signout: 'Çıxış'
+    },
+    home: {
+      heroTitle: 'Kənd təsərrüfatının gələcəyi',
+      heroDescription: 'Ən son AI texnologiyası ilə kənd təsərrüfatı praktikalarınızı inqilab edin. Məhsullarınızı əvvəl heç vaxt olmadığı kimi izləyin, təhlil edin və optimallaşdırın.',
+      startTrial: 'Şəkili yüklə!',
+      learnMore: 'Ətraflı öyrən',
+      activeFarms: 'Aktiv fermalar',
+      accuracy: 'Dəqiqlik',
+      monitoring: 'Monitorinq'
+    },
+    analyze: {
+      title: 'AI Təhlil',
+      studio: 'Studiyası',
+      subtitle: 'Peşəkar təhlil üçün məhsul şəkillərinizi yükləyin',
+      dropImage: 'Şəklinizi buraya atın',
+      clickBrowse: 'və ya cihazınızdan seçmək üçün klikləyin',
+      chooseFile: 'Fayl seç',
+      supports: 'Dəstəklənir: JPG, PNG, WebP (Maks 10MB)',
+      removeImage: 'Şəkli sil',
+      analyzeNow: '🔍 İndi təhlil et',
+      analysisComplete: 'Təhlil tamamlandı ✓',
+      shareQR: 'Təhlili paylaş',
+      scanQR: 'Təhlili görmək üçün skan edin',
+      cropHealth: 'Məhsul sağlamlığı',
+      diseaseRisk: 'Xəstəlik riski',
+      growthStage: 'Böyümə mərhələsi',
+      estimatedYield: 'Təxmini məhsul',
+      aiRecommendations: 'AI tövsiyələri'
+    },
+    features: {
+      title: 'Güclü xüsusiyyətlər',
+      subtitle: 'Fermanızı dəyişdirmək üçün lazım olan hər şey',
+      diseaseDetection: 'Xəstəlik aşkarlama',
+      diseaseDetectionDesc: 'Qabaqcıl kompüter görmə texnologiyası ilə bitki xəstəliklərini 98% dəqiqliklə ani aşkarlayın',
+      smartIrrigation: 'Ağıllı suvarma',
+      smartIrrigationDesc: 'AI ilə idarə olunan suvarma cədvəli və torpaq rütubəti təhlili ilə su istifadəsini optimallaşdırın',
+      weatherForecasting: 'Hava proqnozu',
+      weatherForecastingDesc: 'Kənd təsərrüfatı fəaliyyətlərinizi mükəmməl planlaşdırmaq üçün hiperlokal hava proqnozları',
+      yieldAnalytics: 'Məhsul analitikası',
+      yieldAnalyticsDesc: 'Məhsul nəticələrini proqnozlaşdırın və məhsul rotasiyası strategiyalarını optimallaşdırın',
+      satelliteMapping: 'Peyk xəritələşdirməsi',
+      satelliteMappingDesc: 'Peyk görüntüləri və dron inteqrasiyası ilə böyük miqyaslı fermaları izləyin',
+      expertSupport: 'Mütəxəssis dəstəyi',
+      expertSupportDesc: 'Kənd təsərrüfatı mütəxəssislərinə və AI ilə idarə olunan tövsiyələrə 24/7 çıxış'
+    },
+    homeFeatures: {
+      title: 'Fermerlər niyə bizi seçir',
+      subtitle: 'Müasir kənd təsərrüfatı üçün hazırlanmış güclü alətlər',
+      precisionAnalysis: 'Dəqiq təhlil',
+      precisionAnalysisDesc: 'Qabaqcıl AI alqoritmləri problemlərə çevrilməzdən əvvəl problemləri aşkarlayır',
+      realTimeInsights: 'Real xaxt içgörüləri',
+      realTimeInsightsDesc: 'Ani geri bildirim və hərəkətə keçirilə bilən tövsiyələr əldə edin',
+      maximizeProfits: 'Mənfəəti maksimallaşdırın',
+      maximizeProfitsDesc: 'Ağıllı fermerçilik ilə məhsuldarlığı 40%-ə qədər artırın'
+    },
+    dashboard: {
+      title: 'İdarə paneliniz',
+      subtitle: 'Məhsul təhlil tarixçənizi və içgörülərinizi izləyin',
+      totalScans: 'Ümumi skanlar',
+      healthyCrops: 'Sağlam məhsullar',
+      issuesFound: 'Tapılan problemlər',
+      avgHealth: 'Orta sağlamlıq',
+      thisWeek: 'bu həftə',
+      successRate: 'uğur dərəcəsi',
+      needsAttention: 'Diqqət tələb edir',
+      excellentOverall: 'Ümumilikdə əla',
+      recentAnalysis: 'Son təhlillər',
+      newScan: '+ Yeni skan',
+      scannedOn: 'Skan edildi',
+      diseaseDetected: '⚠️ Xəstəlik aşkarlandı',
+      minorIssue: '⚠️ Kiçik problem',
+      healthy: '✅ Sağlam',
+      diseaseIdentified: 'Aşkarlanan xəstəlik',
+      confidenceLevel: 'Etimad səviyyəsi',
+      severity: 'Ağırlıq',
+      affectedArea: 'Təsirlənmiş sahə',
+      actionRequired: 'Tələb olunan hərəkət',
+      treatmentRecommendations: 'Müalicə tövsiyələri',
+      managementRecommendations: 'İdarəetmə tövsiyələri',
+      optimizationTips: 'Optimallaşdırma məsləhətləri',
+      healthStatus: 'Sağlamlıq statusu',
+      excellentCondition: 'Əla vəziyyət',
+      growthStage: 'Böyümə mərhələsi',
+      vigorScore: 'Güc skoru',
+      yieldForecast: 'Məhsul proqnozu',
+      aboveAvg: 'Orta üzərində',
+      moderate: 'Orta',
+      low: 'Aşağı',
+      urgent: '🚨 Təcili',
+      monitor: '📋 İzlə',
+      ofLeaves: 'yarpaqların',
+      percent: '%'
+    },
+    gallery: {
+      title: 'Uğur hekayələri',
+      subtitle: 'Dünyanın hər yerindən fermalardan real nəticələr',
+      cornExcellence: 'Qarğıdalı',
+      yieldIncrease: 'məhsul artımı',
+      tomatoPerfection: 'Pomidor',
+      zeroDisease: 'Sıfır xəstəlik aşkarlandı',
+      lettuceSuccess: 'Kahı',
+      premiumQuality: 'Premium keyfiyyət dərəcəsi',
+      wheatTriumph: 'Buğda',
+      recordHarvest: 'Rekord məhsul 2024',
+      berryBrilliance: 'Giləmeyvə',
+      organicCertified: 'Orqanik sertifikatlı',
+      cucumberChampion: 'Xiyar',
+      yearRoundProduction: 'İlboyu istehsal'
+    },
+    contact: {
+      title: 'Əlaqə saxlayın',
+      subtitle: 'Böyüməyinizə kömək etmək üçün buradayıq',
+      sendMessage: 'Bizə mesaj göndərin',
+      fullName: 'Tam ad',
+      emailAddress: 'E-poçt ünvanı',
+      subject: 'Mövzu',
+      message: 'Mesaj',
+      sendButton: 'Mesaj göndər 🚀',
+      messageSent: '✓ Mesaj uğurla göndərildi! 24 saat ərzində cavab verəcəyik.',
+      contactInfo: 'Əlaqə məlumatı',
+      email: 'E-poçt',
+      phone: 'Telefon',
+      location: 'Ünvan',
+      locationAddress: 'Bakı, Azərbaycan',
+      officeHours: 'Ofis saatları',
+      mondayFriday: 'Bazar ertəsi - Cümə',
+      saturday: 'Şənbə',
+      sunday: 'Bazar',
+      closed: 'Bağlıdır',
+      followUs: 'Bizi izləyin',
+      placeholderName: 'Adınız Soyadınız',
+      placeholderEmail: 'sizin.email@misal.com',
+      placeholderSubject: 'Necə kömək edə bilərik?',
+      placeholderMessage: 'Sorğunuz haqqında daha çox məlumat verin...'
+    },
+    login: {
+      welcomeBack: 'Xoş gəlmisiniz!',
+      signInContinue: 'Agrovision-a davam etmək üçün daxil olun',
+      login: 'Daxil ol',
+      signUp: 'Qeydiyyat',
+      email: 'E-poçt',
+      password: 'Şifrə',
+      fullName: 'Tam ad',
+      confirmPassword: 'Şifrəni təsdiqlə',
+      signIn: 'Daxil ol',
+      forgotPassword: 'Şifrəni unutmusunuz?',
+      createAccount: 'Hesab yarat',
+      successRedirect: '✓ Uğur! İdarə panelinə yönləndirilir...'
+    },
+    common: {
+      signIn: 'Daxil ol',
+      confidence: 'Etimad'
+    }
+  }
+};
+
+

templates/base.html

@@ -0,0 +1,20 @@
+<!doctype html>
+<html lang="en">
+ <head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Agrovision - Future of Farming</title>
+  <link rel="stylesheet" href="/static/styles.css">
+  <script src="/_sdk/element_sdk.js"></script>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.3/build/qrcode.min.js"></script>
+ </head>
+ <body class="bg-gray-50">
+  {% include 'partials/dark_toggle.html' %}
+  {% include 'partials/sidebar.html' %}
+  {% include 'partials/header.html' %}
+  {% block content %}{% endblock %}
+  <script src="/static/translations.js"></script>
+  <script type="module" src="/static/js/main.js"></script>
+ </body>
+</html>

templates/index.html

@@ -0,0 +1,10 @@
+{% extends 'base.html' %}
+{% block content %}
+{% include 'sections/home.html' %}
+{% include 'sections/features.html' %}
+{% include 'sections/analyze.html' %}
+{% include 'sections/dashboard.html' %}
+{% include 'sections/gallery.html' %}
+{% include 'sections/contact.html' %}
+{% include 'sections/login.html' %}
+{% endblock %}

templates/partials/dark_toggle.html

@@ -0,0 +1 @@
+<div class="dark-mode-toggle" onclick="toggleDarkMode()" title="Toggle Dark Mode"><span id="dark-mode-icon">🌙</span></div>

templates/partials/header.html

@@ -0,0 +1,51 @@
+<header class="fixed top-0 left-0 right-0 bg-white/95 backdrop-blur-sm shadow-sm z-50">
+ <nav class="max-w-7xl mx-auto px-4 md:px-6 py-4">
+  <div class="flex justify-between items-center">
+   <div class="flex items-center space-x-2">
+    <div class="w-10 h-10 bg-gradient-to-br from-green-500 to-orange-500 rounded-lg flex items-center justify-center text-white text-xl font-bold">A</div><span id="nav-title" class="text-xl md:text-2xl font-bold gradient-text">Agrovision</span>
+   </div>
+   <div class="hidden md:flex items-center space-x-8"><a href="#home" class="nav-item text-gray-700 font-medium" data-i18n="nav.home" onclick="navigateTo('home', event)">Home</a> <a href="#features" class="nav-item text-gray-700 font-medium" data-i18n="nav.features" onclick="navigateTo('features', event)">Features</a> <a href="#analyze" class="nav-item text-gray-700 font-medium" data-i18n="nav.analyze" onclick="navigateTo('analyze', event)">Analyze</a> <a href="#dashboard" class="nav-item text-gray-700 font-medium" data-i18n="nav.dashboard" onclick="navigateTo('dashboard', event)">Dashboard</a> <a href="#gallery" class="nav-item text-gray-700 font-medium" data-i18n="nav.gallery" onclick="navigateTo('gallery', event)">Gallery</a> <a href="#contact" class="nav-item text-gray-700 font-medium" data-i18n="nav.contact" onclick="navigateTo('contact', event)">Contact</a></div>
+   <div class="hidden md:flex items-center space-x-4">
+    <div class="relative">
+     <button id="lang-switcher" class="bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-full font-semibold transition flex items-center space-x-2" onclick="toggleLanguageMenu()"><span id="current-lang">EN</span><span>▼</span></button>
+     <div id="lang-menu" class="hidden absolute right-0 mt-2 bg-white rounded-xl shadow-lg border border-gray-200 py-2 z-50 min-w-[120px]">
+      <button class="w-full text-left px-4 py-2 hover:bg-gray-100 text-gray-700 font-medium" onclick="switchLanguage('en')">🇬🇧 English</button>
+      <button class="w-full text-left px-4 py-2 hover:bg-gray-100 text-gray-700 font-medium" onclick="switchLanguage('az')">🇦🇿 Azərbaycanca</button>
+     </div>
+    </div>
+    <div class="relative">
+     <button id="sign-in-btn" class="btn-gradient-orange text-white px-6 py-2.5 rounded-full font-semibold" onclick="navigateTo('login', event)"> Sign In </button>
+     <div id="account-menu" class="hidden absolute right-0 mt-2 bg-white rounded-xl shadow-lg border border-gray-200 py-2 z-50 min-w-[160px]">
+      <button class="w-full text-left px-4 py-2 hover:bg-gray-100 text-gray-700 font-medium" data-i18n="nav.dashboard" onclick="navigateTo('dashboard', event)">Dashboard</button>
+      <button class="w-full text-left px-4 py-2 hover:bg-gray-100 text-red-600 font-medium" data-i18n="nav.signout" onclick="handleLogout()">Sign out</button>
+     </div>
+    </div>
+   </div>
+   <button id="mobile-menu-btn" class="md:hidden p-2 rounded-lg text-gray-700 hover:bg-gray-100 transition" onclick="toggleMobileMenu()" aria-label="Toggle menu">
+    <svg id="menu-icon" class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
+    <svg id="close-icon" class="w-6 h-6 hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
+   </button>
+  </div>
+  <div id="mobile-menu" class="hidden md:hidden absolute top-full left-0 right-0 bg-white shadow-lg border-t border-gray-200 py-4 z-40">
+   <div class="px-4 space-y-2">
+    <a href="#home" class="block px-4 py-3 rounded-lg text-gray-700 font-medium hover:bg-gray-100 transition" data-i18n="nav.home" onclick="navigateTo('home', event); closeMobileMenu();">Home</a>
+    <a href="#features" class="block px-4 py-3 rounded-lg text-gray-700 font-medium hover:bg-gray-100 transition" data-i18n="nav.features" onclick="navigateTo('features', event); closeMobileMenu();">Features</a>
+    <a href="#analyze" class="block px-4 py-3 rounded-lg text-gray-700 font-medium hover:bg-gray-100 transition" data-i18n="nav.analyze" onclick="navigateTo('analyze', event); closeMobileMenu();">Analyze</a>
+    <a href="#dashboard" class="block px-4 py-3 rounded-lg text-gray-700 font-medium hover:bg-gray-100 transition" data-i18n="nav.dashboard" onclick="navigateTo('dashboard', event); closeMobileMenu();">Dashboard</a>
+    <a href="#gallery" class="block px-4 py-3 rounded-lg text-gray-700 font-medium hover:bg-gray-100 transition" data-i18n="nav.gallery" onclick="navigateTo('gallery', event); closeMobileMenu();">Gallery</a>
+    <a href="#contact" class="block px-4 py-3 rounded-lg text-gray-700 font-medium hover:bg-gray-100 transition" data-i18n="nav.contact" onclick="navigateTo('contact', event); closeMobileMenu();">Contact</a>
+    <div class="border-t border-gray-200 my-2"></div>
+    <div class="px-4 py-2">
+     <div class="relative mb-3">
+      <button id="mobile-lang-switcher" class="w-full bg-gray-100 hover:bg-gray-200 text-gray-700 px-4 py-2 rounded-lg font-semibold transition flex items-center justify-between" onclick="toggleMobileLanguageMenu()"><span>Language</span><span id="mobile-current-lang">EN</span></button>
+      <div id="mobile-lang-menu" class="hidden absolute top-full left-0 right-0 mt-2 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-50">
+       <button class="w-full text-left px-4 py-2 hover:bg-gray-100 text-gray-700 font-medium" onclick="switchLanguage('en'); closeMobileMenu();">🇬🇧 English</button>
+       <button class="w-full text-left px-4 py-2 hover:bg-gray-100 text-gray-700 font-medium" onclick="switchLanguage('az'); closeMobileMenu();">🇦🇿 Azərbaycanca</button>
+      </div>
+     </div>
+     <button class="w-full btn-gradient-orange text-white px-6 py-3 rounded-lg font-semibold" onclick="navigateTo('login', event); closeMobileMenu();"> Sign In </button>
+    </div>
+   </div>
+  </div>
+ </nav>
+</header>

templates/partials/sidebar.html

@@ -0,0 +1,10 @@
+<div class="sidebar-nav hidden md:block">
+ <div class="flex flex-col space-y-4">
+  <div class="sidebar-dot active" onclick="navigateTo('home', event)" data-title-en="Home" data-title-az="Ana Səhifə" title="Home"></div>
+  <div class="sidebar-dot" onclick="navigateTo('features', event)" data-title-en="Features" data-title-az="Xüsusiyyətlər" title="Features"></div>
+  <div class="sidebar-dot" onclick="navigateTo('analyze', event)" data-title-en="Analyze" data-title-az="Təhlil" title="Analyze"></div>
+  <div class="sidebar-dot" onclick="navigateTo('gallery', event)" data-title-en="Gallery" data-title-az="Qalereya" title="Gallery"></div>
+  <div class="sidebar-dot" onclick="navigateTo('contact', event)" data-title-en="Contact" data-title-az="Əlaqə" title="Contact"></div>
+  <div class="sidebar-dot" onclick="navigateTo('login', event)" data-title-en="Login" data-title-az="Daxil Ol" title="Login"></div>
+ </div>
+</div>

templates/sections/analyze.html

@@ -0,0 +1,33 @@
+<div id="analyze-page" class="page pt-20">
+ <section class="py-20 min-h-screen">
+  <div class="max-w-5xl mx-auto px-6">
+   <div class="text-center mb-12"><h1 class="text-5xl font-extrabold text-gray-900 mb-4"><span class="gradient-text" data-i18n="analyze.title">AI Analysis</span> <span data-i18n="analyze.studio">Studio</span></h1><p class="text-xl text-gray-600" data-i18n="analyze.subtitle">Upload your crop images for instant professional analysis</p></div>
+   <div class="bg-white rounded-3xl shadow-2xl p-10 border-2 border-gray-100">
+    <div id="upload-area" class="upload-area rounded-2xl p-16 text-center cursor-pointer">
+     <div id="upload-prompt">
+      <div class="w-24 h-24 bg-gradient-to-br from-green-400 to-orange-400 rounded-full flex items-center justify-center text-5xl mx-auto mb-6">📷</div>
+      <h3 class="text-2xl font-bold text-gray-900 mb-3" data-i18n="analyze.dropImage">Drop Your Image Here</h3>
+      <p class="text-gray-600 mb-6 text-lg" data-i18n="analyze.clickBrowse">or click to browse from your device</p><input type="file" id="file-input" accept="image/*" class="hidden"> <button onclick="document.getElementById('file-input').click()" class="btn-gradient text-white px-8 py-4 rounded-full font-bold text-lg" data-i18n="analyze.chooseFile"> Choose File </button>
+      <p class="text-sm text-gray-500 mt-4" data-i18n="analyze.supports">Supports: JPG, PNG, WebP (Max 10MB)</p>
+     </div>
+     <div id="preview-section" class="hidden"><img id="image-preview" class="max-w-full max-h-96 mx-auto rounded-xl shadow-lg mb-6"><div class="flex justify-center gap-4"><button onclick="resetUpload()" class="bg-gray-200 text-gray-700 px-6 py-3 rounded-full font-semibold hover:bg-gray-300 transition" data-i18n="analyze.removeImage"> Remove Image </button> <button onclick="analyzeImage()" class="btn-gradient-orange text-white px-8 py-3 rounded-full font-bold" data-i18n="analyze.analyzeNow"> 🔍 Analyze Now </button></div></div>
+    </div>
+    <div id="results-section" class="hidden mt-10">
+     <div class="bg-gradient-to-br from-green-50 to-orange-50 rounded-2xl p-8 border-2 border-green-200">
+      <div class="flex items-center justify-between mb-6"><h3 class="text-2xl font-bold text-gray-900" data-i18n="analyze.analysisComplete">Analysis Complete ✓</h3><span id="confidence-badge" class="bg-green-500 text-white px-4 py-2 rounded-full text-sm font-bold">98% Confidence</span></div>
+      <div class="grid md:grid-cols-3 gap-6 mb-6">
+       <div class="bg-white rounded-xl p-6 shadow"><div class="flex items-center justify-between mb-2"><span class="text-gray-700 font-semibold" data-i18n="analyze.cropHealth">Crop Health</span> <span class="text-2xl">💚</span></div><div class="text-3xl font-bold text-green-600" id="health-status">Excellent</div><div class="w-full bg-gray-200 rounded-full h-3 mt-3"><div class="bg-gradient-to-r from-green-400 to-green-600 h-3 rounded-full" style="width: 92%"></div></div></div>
+       <div class="bg-white rounded-xl p-6 shadow"><div class="flex items-center justify-between mb-2"><span class="text-gray-700 font-semibold" data-i18n="analyze.diseaseRisk">Disease Risk</span> <span class="text-2xl">🛡️</span></div><div class="text-3xl font-bold text-green-600" id="disease-risk">Low</div><div class="w-full bg-gray-200 rounded-full h-3 mt-3"><div class="bg-gradient-to-r from-green-400 to-green-600 h-3 rounded-full" style="width: 15%"></div></div></div>
+       <div class="bg-white rounded-xl p-6 shadow text-center"><h4 class="font-bold text-gray-900 mb-3" data-i18n="analyze.shareQR">Share Analysis</h4><div id="qrcode" class="flex justify-center mb-3" style="min-height: 200px;"></div><p class="text-sm text-gray-600" data-i18n="analyze.scanQR">Scan to view analysis</p></div>
+      </div>
+      <div class="grid md:grid-cols-2 gap-6 mb-6">
+       <div class="bg-white rounded-xl p-6 shadow"><div class="text-gray-700 font-semibold mb-2" data-i18n="analyze.growthStage">Growth Stage</div><div class="text-xl font-bold text-gray-900">🌱 Vegetative Phase</div></div>
+       <div class="bg-white rounded-xl p-6 shadow"><div class="text-gray-700 font-semibold mb-2" data-i18n="analyze.estimatedYield">Estimated Yield</div><div class="text-xl font-bold text-gray-900">📈 Above Average</div></div>
+      </div>
+      <div class="bg-white rounded-xl p-6 shadow"><h4 class="font-bold text-gray-900 mb-3 flex items-center"><span class="text-2xl mr-2">💡</span> <span data-i18n="analyze.aiRecommendations">AI Recommendations</span></h4><ul class="space-y-2 text-gray-700"><li class="flex items-start"><span class="text-green-500 mr-2">✓</span> <span>Continue current irrigation schedule - soil moisture levels are optimal</span></li><li class="flex items-start"><span class="text-green-500 mr-2">✓</span> <span>Consider nitrogen-rich fertilizer application in 7-10 days</span></li><li class="flex items-start"><span class="text-green-500 mr-2">✓</span> <span>Monitor for pest activity - conditions are favorable for aphids</span></li></ul></div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+</div>

templates/sections/contact.html

@@ -0,0 +1,42 @@
+<div id="contact-page" class="page pt-20">
+ <section class="py-20 min-h-screen">
+  <div class="max-w-6xl mx-auto px-6">
+   <div class="text-center mb-16"><h1 class="text-5xl font-extrabold text-gray-900 mb-4"><span data-i18n="contact.title">Get In</span> <span class="gradient-text">Touch</span></h1><p class="text-xl text-gray-600" data-i18n="contact.subtitle">We're here to help you grow</p></div>
+   <div class="grid md:grid-cols-5 gap-8">
+    <div class="md:col-span-3">
+     <div class="bg-white rounded-3xl shadow-2xl p-10 border-2 border-gray-100">
+      <h2 class="text-3xl font-bold text-gray-900 mb-8" data-i18n="contact.sendMessage">Send us a message</h2>
+      <form id="contact-form" onsubmit="handleContactSubmit(event)">
+       <div class="grid md:grid-cols-2 gap-6 mb-6">
+        <div><label for="name" class="block text-gray-700 font-semibold mb-3" data-i18n="contact.fullName">Full Name</label> <input type="text" id="name" required data-i18n-placeholder="contact.placeholderName" placeholder="John Doe" class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div>
+        <div><label for="email" class="block text-gray-700 font-semibold mb-3" data-i18n="contact.emailAddress">Email Address</label> <input type="email" id="email" required data-i18n-placeholder="contact.placeholderEmail" placeholder="your.email@example.com" class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div>
+       </div>
+       <div class="mb-6"><label for="subject" class="block text-gray-700 font-semibold mb-3" data-i18n="contact.subject">Subject</label> <input type="text" id="subject" required data-i18n-placeholder="contact.placeholderSubject" placeholder="How can we help?" class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div>
+       <div class="mb-6"><label for="message" class="block text-gray-700 font-semibold mb-3" data-i18n="contact.message">Message</label> <textarea id="message" required rows="5" data-i18n-placeholder="contact.placeholderMessage" placeholder="Tell us more about your inquiry..." class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></textarea></div>
+       <button type="submit" class="btn-gradient text-white w-full py-4 rounded-xl font-bold text-lg" data-i18n="contact.sendButton"> Send Message 🚀 </button>
+      </form>
+      <div id="contact-success" class="hidden mt-6 p-5 bg-green-100 text-green-700 rounded-xl text-center font-semibold" data-i18n="contact.messageSent">✓ Message sent successfully! We'll respond within 24 hours.</div>
+     </div>
+    </div>
+    <div class="md:col-span-2 space-y-6">
+     <div class="bg-gradient-to-br from-green-500 to-green-600 rounded-3xl shadow-2xl p-8 text-white">
+      <h3 class="text-2xl font-bold mb-6" data-i18n="contact.contactInfo">Contact Info</h3>
+      <div class="space-y-6">
+       <div class="flex items-start"><div class="w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center text-2xl mr-4">📧</div><div><div class="font-semibold mb-1" data-i18n="contact.email">Email</div><div id="contact-email-display" class="text-white/90">hello@agrovision.io</div></div></div>
+       <div class="flex items-start"><div class="w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center text-2xl mr-4">📞</div><div><div class="font-semibold mb-1" data-i18n="contact.phone">Phone</div><div id="contact-phone-display" class="text-white/90">+994 50 705 26 16</div></div></div>
+       <div class="flex items-start"><div class="w-12 h-12 bg-white/20 rounded-xl flex items-center justify-center text-2xl mr-4">📍</div><div><div class="font-semibold mb-1" data-i18n="contact.location">Location</div><div class="text-white/90" data-i18n="contact.locationAddress">Baku, Azerbaijan</div></div></div>
+      </div>
+     </div>
+     <div class="bg-gradient-to-br from-orange-500 to-orange-600 rounded-3xl shadow-2xl p-8 text-white">
+      <h3 class="text-2xl font-bold mb-4" data-i18n="contact.officeHours">Office Hours</h3>
+      <div class="space-y-3"><div class="flex justify-between"><span data-i18n="contact.mondayFriday">Monday - Friday</span> <span class="font-bold">8AM - 8PM</span></div><div class="flex justify-between"><span data-i18n="contact.saturday">Saturday</span> <span class="font-bold">9AM - 5PM</span></div><div class="flex justify-between"><span data-i18n="contact.sunday">Sunday</span> <span class="font-bold" data-i18n="contact.closed">Closed</span></div></div>
+     </div>
+     <div class="bg-white rounded-3xl shadow-2xl p-8 border-2 border-gray-100">
+      <h3 class="text-xl font-bold text-gray-900 mb-4" data-i18n="contact.followUs">Follow Us</h3>
+      <div class="flex gap-4"><div class="w-12 h-12 bg-gradient-to-br from-green-400 to-green-600 rounded-xl flex items-center justify-center text-white text-xl cursor-pointer hover:scale-110 transition">f</div><div class="w-12 h-12 bg-gradient-to-br from-blue-400 to-blue-600 rounded-xl flex items-center justify-center text-white text-xl cursor-pointer hover:scale-110 transition">t</div><div class="w-12 h-12 bg-gradient-to-br from-pink-400 to-pink-600 rounded-xl flex items-center justify-center text-white text-xl cursor-pointer hover:scale-110 transition">in</div></div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </section>
+</div>

templates/sections/dashboard.html

@@ -0,0 +1,17 @@
+<div id="dashboard-page" class="page pt-20">
+ <section class="py-20 min-h-screen">
+  <div class="max-w-7xl mx-auto px-6">
+   <div class="mb-12"><h1 class="text-5xl font-extrabold text-gray-900 mb-4"><span data-i18n="dashboard.title">Your</span> <span class="gradient-text">Dashboard</span></h1><p class="text-xl text-gray-600" data-i18n="dashboard.subtitle">Track your crop analysis history and insights</p></div>
+   <div class="grid md:grid-cols-4 gap-6 mb-12">
+    <div class="bg-white rounded-2xl shadow-lg p-6 border border-gray-100"><div class="flex items-center justify-between mb-3"><span class="text-gray-600 font-semibold" data-i18n="dashboard.totalScans">Total Scans</span> <span class="text-3xl">📊</span></div><div class="text-4xl font-bold gradient-text">24</div><div class="text-sm text-gray-500 mt-2" data-i18n="dashboard.thisWeek">+3 this week</div></div>
+    <div class="bg-white rounded-2xl shadow-lg p-6 border border-gray-100"><div class="flex items-center justify-between mb-3"><span class="text-gray-600 font-semibold" data-i18n="dashboard.healthyCrops">Healthy Crops</span> <span class="text-3xl">✅</span></div><div class="text-4xl font-bold text-green-600">18</div><div class="text-sm text-gray-500 mt-2" data-i18n="dashboard.successRate">75% success rate</div></div>
+    <div class="bg-white rounded-2xl shadow-lg p-6 border border-gray-100"><div class="flex items-center justify-between mb-3"><span class="text-gray-600 font-semibold" data-i18n="dashboard.issuesFound">Issues Found</span> <span class="text-3xl">⚠️</span></div><div class="text-4xl font-bold text-orange-600">6</div><div class="text-sm text-gray-500 mt-2" data-i18n="dashboard.needsAttention">Needs attention</div></div>
+    <div class="bg-white rounded-2xl shadow-lg p-6 border border-gray-100"><div class="flex items-center justify-between mb-3"><span class="text-gray-600 font-semibold" data-i18n="dashboard.avgHealth">Avg Health</span> <span class="text-3xl">💚</span></div><div class="text-4xl font-bold text-green-600">87%</div><div class="text-sm text-gray-500 mt-2" data-i18n="dashboard.excellentOverall">Excellent overall</div></div>
+   </div>
+   <div class="bg-white rounded-3xl shadow-2xl p-8 border-2 border-gray-100">
+    <div class="flex items-center justify-between mb-8"><h2 class="text-3xl font-bold text-gray-900" data-i18n="dashboard.recentAnalysis">Recent Analysis</h2><button class="btn-gradient text-white px-6 py-3 rounded-full font-semibold" onclick="navigateTo('analyze', event)" data-i18n="dashboard.newScan"> + New Scan </button></div>
+    <div class="space-y-6"></div>
+   </div>
+  </div>
+ </section>
+</div>

templates/sections/features.html

@@ -0,0 +1,15 @@
+<div id="features-page" class="page pt-20">
+ <section class="py-20 min-h-screen">
+  <div class="max-w-7xl mx-auto px-6">
+   <div class="text-center mb-16"><h1 class="text-5xl font-extrabold text-gray-900 mb-4"><span data-i18n="features.title">Powerful</span> <span class="gradient-text">Features</span></h1><p class="text-xl text-gray-600" data-i18n="features.subtitle">Everything you need to transform your farm</p></div>
+   <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+    <div class="card-hover bg-white p-8 rounded-2xl shadow-lg border border-gray-100"><div class="w-16 h-16 bg-gradient-to-br from-green-400 to-green-600 rounded-xl flex items-center justify-center text-3xl mb-6">🔬</div><h3 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="features.diseaseDetection">Disease Detection</h3><p class="text-gray-600 leading-relaxed" data-i18n="features.diseaseDetectionDesc">Identify plant diseases instantly with 98% accuracy using advanced computer vision</p></div>
+    <div class="card-hover bg-white p-8 rounded-2xl shadow-lg border border-gray-100"><div class="w-16 h-16 bg-gradient-to-br from-blue-400 to-blue-600 rounded-xl flex items-center justify-center text-3xl mb-6">💧</div><h3 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="features.smartIrrigation">Smart Irrigation</h3><p class="text-gray-600 leading-relaxed" data-i18n="features.smartIrrigationDesc">Optimize water usage with AI-driven irrigation scheduling and soil moisture analysis</p></div>
+    <div class="card-hover bg-white p-8 rounded-2xl shadow-lg border border-gray-100"><div class="w-16 h-16 bg-gradient-to-br from-orange-400 to-orange-600 rounded-xl flex items-center justify-center text-3xl mb-6">🌡️</div><h3 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="features.weatherForecasting">Weather Forecasting</h3><p class="text-gray-600 leading-relaxed" data-i18n="features.weatherForecastingDesc">Hyperlocal weather predictions to plan your farming activities perfectly</p></div>
+    <div class="card-hover bg-white p-8 rounded-2xl shadow-lg border border-gray-100"><div class="w-16 h-16 bg-gradient-to-br from-purple-400 to-purple-600 rounded-xl flex items-center justify-center text-3xl mb-6">📊</div><h3 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="features.yieldAnalytics">Yield Analytics</h3><p class="text-gray-600 leading-relaxed" data-i18n="features.yieldAnalyticsDesc">Predict harvest outcomes and optimize crop rotation strategies</p></div>
+    <div class="card-hover bg-white p-8 rounded-2xl shadow-lg border border-gray-100"><div class="w-16 h-16 bg-gradient-to-br from-pink-400 to-pink-600 rounded-xl flex items-center justify-center text-3xl mb-6">🛰️</div><h3 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="features.satelliteMapping">Satellite Mapping</h3><p class="text-gray-600 leading-relaxed" data-i18n="features.satelliteMappingDesc">Monitor large-scale farms with satellite imagery and drone integration</p></div>
+    <div class="card-hover bg-white p-8 rounded-2xl shadow-lg border border-gray-100"><div class="w-16 h-16 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-xl flex items-center justify-center text-3xl mb-6">🤝</div><h3 class="text-2xl font-bold text-gray-900 mb-4" data-i18n="features.expertSupport">Expert Support</h3><p class="text-gray-600 leading-relaxed" data-i18n="features.expertSupportDesc">24/7 access to agricultural experts and AI-powered recommendations</p></div>
+   </div>
+  </div>
+ </section>
+</div>

templates/sections/gallery.html

@@ -0,0 +1,15 @@
+<div id="gallery-page" class="page pt-20">
+ <section class="py-20 min-h-screen">
+  <div class="max-w-7xl mx-auto px-6">
+   <div class="text-center mb-16"><h1 class="text-5xl font-extrabold text-gray-900 mb-4"><span data-i18n="gallery.title">Success</span> <span class="gradient-text">Stories</span></h1><p class="text-xl text-gray-600" data-i18n="gallery.subtitle">Real results from farms around the world</p></div>
+   <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+    <div class="gallery-item rounded-2xl overflow-hidden shadow-xl cursor-pointer"><div class="h-80 bg-gradient-to-br from-green-300 via-green-400 to-green-600 flex flex-col items-center justify-center p-8 text-white"><span class="text-8xl mb-4">🌽</span><h3 class="text-2xl font-bold mb-2" data-i18n="gallery.cornExcellence">Corn Excellence</h3><p class="text-center" data-i18n="gallery.yieldIncrease">+45% yield increase</p></div></div>
+    <div class="gallery-item rounded-2xl overflow-hidden shadow-xl cursor-pointer"><div class="h-80 bg-gradient-to-br from-red-300 via-red-400 to-red-600 flex flex-col items-center justify-center p-8 text-white"><span class="text-8xl mb-4">🍅</span><h3 class="text-2xl font-bold mb-2" data-i18n="gallery.tomatoPerfection">Tomato Perfection</h3><p class="text-center" data-i18n="gallery.zeroDisease">Zero disease detected</p></div></div>
+    <div class="gallery-item rounded-2xl overflow-hidden shadow-xl cursor-pointer"><div class="h-80 bg-gradient-to-br from-green-400 via-green-500 to-green-700 flex flex-col items-center justify-center p-8 text-white"><span class="text-8xl mb-4">🥬</span><h3 class="text-2xl font-bold mb-2" data-i18n="gallery.lettuceSuccess">Lettuce Success</h3><p class="text-center" data-i18n="gallery.premiumQuality">Premium quality grade</p></div></div>
+    <div class="gallery-item rounded-2xl overflow-hidden shadow-xl cursor-pointer"><div class="h-80 bg-gradient-to-br from-yellow-300 via-yellow-400 to-orange-500 flex flex-col items-center justify-center p-8 text-white"><span class="text-8xl mb-4">🌾</span><h3 class="text-2xl font-bold mb-2" data-i18n="gallery.wheatTriumph">Wheat Triumph</h3><p class="text-center" data-i18n="gallery.recordHarvest">Record harvest 2024</p></div></div>
+    <div class="gallery-item rounded-2xl overflow-hidden shadow-xl cursor-pointer"><div class="h-80 bg-gradient-to-br from-pink-300 via-red-400 to-red-600 flex flex-col items-center justify-center p-8 text-white"><span class="text-8xl mb-4">🍓</span><h3 class="text-2xl font-bold mb-2" data-i18n="gallery.berryBrilliance">Berry Brilliance</h3><p class="text-center" data-i18n="gallery.organicCertified">Organic certified</p></div></div>
+    <div class="gallery-item rounded-2xl overflow-hidden shadow-xl cursor-pointer"><div class="h-80 bg-gradient-to-br from-green-500 via-green-600 to-green-800 flex flex-col items-center justify-center p-8 text-white"><span class="text-8xl mb-4">🥒</span><h3 class="text-2xl font-bold mb-2" data-i18n="gallery.cucumberChampion">Cucumber Champion</h3><p class="text-center" data-i18n="gallery.yearRoundProduction">Year-round production</p></div></div>
+   </div>
+  </div>
+ </section>
+</div>

templates/sections/home.html

@@ -0,0 +1,32 @@
+<main id="home-page" class="page active pt-20">
+ <section class="hero-pattern min-h-screen flex items-center py-20">
+  <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
+   <div>
+    <div class="inline-block bg-green-100 text-green-700 px-4 py-2 rounded-full text-sm font-semibold mb-6">🚀 AI-Powered Agriculture</div>
+    <h1 id="hero-tagline" class="text-6xl font-extrabold text-gray-900 mb-6 leading-tight">Future of <span class="gradient-text">Farming</span></h1>
+    <p id="hero-description" class="text-xl text-gray-600 mb-8 leading-relaxed" data-i18n="home.heroDescription">Revolutionize your agricultural practices with cutting-edge AI technology. Monitor, analyze, and optimize your crops like never before.</p>
+    <div class="flex flex-wrap gap-4"><button id="cta-button" class="btn-gradient text-white px-8 py-4 rounded-full font-bold text-lg" onclick="navigateTo('analyze', event)" data-i18n="home.startTrial"> Start Free Trial </button> <button class="bg-white text-gray-700 px-8 py-4 rounded-full font-bold text-lg border-2 border-gray-200 hover:border-green-500 transition" onclick="navigateTo('features', event)" data-i18n="home.learnMore"> Learn More </button></div>
+    <div class="grid grid-cols-3 gap-6 mt-12">
+     <div><div class="stat-number gradient-text">50K+</div><div class="text-gray-600 font-medium" data-i18n="home.activeFarms">Active Farms</div></div>
+     <div><div class="stat-number gradient-text">98%</div><div class="text-gray-600 font-medium" data-i18n="home.accuracy">Accuracy</div></div>
+     <div><div class="stat-number gradient-text">24/7</div><div class="text-gray-600 font-medium" data-i18n="home.monitoring">Monitoring</div></div>
+    </div>
+   </div>
+   <div class="relative">
+    <div class="w-full h-96 bg-gradient-to-br from-green-400 via-green-500 to-orange-500 rounded-3xl shadow-2xl flex items-center justify-center transform rotate-3 hover:rotate-0 transition duration-500"><span class="text-9xl">🌾</span></div>
+    <div class="absolute -bottom-6 -left-6 w-32 h-32 bg-orange-400 rounded-2xl shadow-xl flex items-center justify-center text-5xl transform -rotate-12">📊</div>
+    <div class="absolute -top-6 -right-6 w-32 h-32 bg-green-400 rounded-2xl shadow-xl flex items-center justify-center text-5xl transform rotate-12">🤖</div>
+   </div>
+  </div>
+ </section>
+ <section class="py-20 bg-white">
+  <div class="max-w-7xl mx-auto px-6">
+   <div class="text-center mb-16"><h2 class="text-4xl font-bold text-gray-900 mb-4" data-i18n="homeFeatures.title">Why Farmers Choose Us</h2><p class="text-xl text-gray-600" data-i18n="homeFeatures.subtitle">Powerful tools designed for modern agriculture</p></div>
+   <div class="grid md:grid-cols-3 gap-8">
+    <div class="card-hover bg-gradient-to-br from-green-50 to-green-100 p-8 rounded-2xl border-2 border-green-200"><div class="feature-icon text-6xl mb-4">🎯</div><h3 class="text-2xl font-bold text-gray-900 mb-3" data-i18n="homeFeatures.precisionAnalysis">Precision Analysis</h3><p class="text-gray-700" data-i18n="homeFeatures.precisionAnalysisDesc">Advanced AI algorithms detect issues before they become problems</p></div>
+    <div class="card-hover bg-gradient-to-br from-orange-50 to-orange-100 p-8 rounded-2xl border-2 border-orange-200"><div class="feature-icon text-6xl mb-4">⚡</div><h3 class="text-2xl font-bold text-gray-900 mb-3" data-i18n="homeFeatures.realTimeInsights">Real-Time Insights</h3><p class="text-gray-700" data-i18n="homeFeatures.realTimeInsightsDesc">Get instant feedback and actionable recommendations</p></div>
+    <div class="card-hover bg-gradient-to-br from-green-50 to-orange-100 p-8 rounded-2xl border-2 border-green-200"><div class="feature-icon text-6xl mb-4">💰</div><h3 class="text-2xl font-bold text-gray-900 mb-3" data-i18n="homeFeatures.maximizeProfits">Maximize Profits</h3><p class="text-gray-700" data-i18n="homeFeatures.maximizeProfitsDesc">Increase yields by up to 40% with smart farming</p></div>
+   </div>
+  </div>
+ </section>
+</main>

templates/sections/login.html

@@ -0,0 +1,13 @@
+<div id="login-page" class="page pt-20">
+ <section class="py-20 min-h-screen flex items-center">
+  <div class="max-w-md mx-auto px-6 w-full">
+   <div class="bg-white rounded-3xl shadow-2xl p-10 border-2 border-gray-100">
+    <div class="text-center mb-8"><div class="w-20 h-20 bg-gradient-to-br from-green-500 to-orange-500 rounded-2xl flex items-center justify-center text-white text-3xl font-bold mx-auto mb-4">A</div><h1 class="text-3xl font-extrabold text-gray-900 mb-2" data-i18n="login.welcomeBack">Welcome Back!</h1><p class="text-gray-600" data-i18n="login.signInContinue">Sign in to continue to Agrovision</p></div>
+    <div class="flex mb-8 bg-gray-100 rounded-xl p-1.5"><button id="login-tab" class="flex-1 py-3 rounded-lg font-bold transition bg-white shadow-sm text-green-600" onclick="switchAuthTab('login')" data-i18n="login.login"> Login </button> <button id="signup-tab" class="flex-1 py-3 rounded-lg font-bold transition text-gray-600" onclick="switchAuthTab('signup')" data-i18n="login.signUp"> Sign Up </button></div>
+    <form id="login-form" onsubmit="handleLogin(event)"><div class="mb-5"><label for="login-email" class="block text-gray-700 font-semibold mb-3" data-i18n="login.email">Email</label> <input type="email" id="login-email" required class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div><div class="mb-6"><label for="login-password" class="block text-gray-700 font-semibold mb-3" data-i18n="login.password">Password</label> <input type="password" id="login-password" required class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div><button type="submit" class="btn-gradient text-white w-full py-4 rounded-xl font-bold text-lg mb-4" data-i18n="login.signIn"> Sign In </button><p class="text-center text-gray-600"><a href="#" class="text-green-600 font-semibold hover:underline" data-i18n="login.forgotPassword">Forgot password?</a></p></form>
+    <form id="signup-form" class="hidden" onsubmit="handleSignup(event)"><div class="mb-5"><label for="signup-name" class="block text-gray-700 font-semibold mb-3" data-i18n="login.fullName">Full Name</label> <input type="text" id="signup-name" required class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div><div class="mb-5"><label for="signup-email" class="block text-gray-700 font-semibold mb-3" data-i18n="login.email">Email</label> <input type="email" id="signup-email" required class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div><div class="mb-5"><label for="signup-password" class="block text-gray-700 font-semibold mb-3" data-i18n="login.password">Password</label> <input type="password" id="signup-password" required class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div><div class="mb-6"><label for="signup-confirm" class="block text-gray-700 font-semibold mb-3" data-i18n="login.confirmPassword">Confirm Password</label> <input type="password" id="signup-confirm" required class="w-full px-5 py-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-green-500 transition"></div><button type="submit" class="btn-gradient-orange text-white w-full py-4 rounded-xl font-bold text-lg" data-i18n="login.createAccount"> Create Account </button></form>
+    <div id="auth-success" class="hidden mt-6 p-5 bg-green-100 text-green-700 rounded-xl text-center font-semibold" data-i18n="login.successRedirect">✓ Success! Redirecting to dashboard...</div>
+   </div>
+  </div>
+ </section>
+</div>

train_model.py

@@ -0,0 +1,253 @@
+import json
+from pathlib import Path
+import numpy as np
+import tensorflow as tf
+from sklearn.utils.class_weight import compute_class_weight
+from sklearn.metrics import classification_report, confusion_matrix
+import matplotlib.pyplot as plt
+import seaborn as sns
+
+
+BASE_DIR = Path("data")
+TRAIN_DIR = BASE_DIR / "train"
+VAL_DIR = BASE_DIR / "val"
+TEST_DIR = BASE_DIR / "test"
+
+IMAGE_SIZE = (224, 224)
+BATCH_SIZE = 32
+SEED = 42
+EPOCHS = 25
+
+OUTPUT_DIR = Path("models")
+OUTPUT_DIR.mkdir(exist_ok=True)
+
+
+def load_datasets():
+    train_ds = tf.keras.utils.image_dataset_from_directory(
+        TRAIN_DIR,
+        labels="inferred",
+        label_mode="int",
+        image_size=IMAGE_SIZE,
+        batch_size=BATCH_SIZE,
+        shuffle=True,
+        seed=SEED,
+    )
+
+    val_ds = tf.keras.utils.image_dataset_from_directory(
+        VAL_DIR,
+        labels="inferred",
+        label_mode="int",
+        image_size=IMAGE_SIZE,
+        batch_size=BATCH_SIZE,
+        shuffle=False,
+    )
+
+    test_ds = tf.keras.utils.image_dataset_from_directory(
+        TEST_DIR,
+        labels="inferred",
+        label_mode="int",
+        image_size=IMAGE_SIZE,
+        batch_size=BATCH_SIZE,
+        shuffle=False,
+    )
+
+    class_names = train_ds.class_names
+
+    autotune = tf.data.AUTOTUNE
+    train_ds = train_ds.prefetch(autotune)
+    val_ds = val_ds.prefetch(autotune)
+    test_ds = test_ds.prefetch(autotune)
+
+    return train_ds, val_ds, test_ds, class_names
+
+
+def compute_weights():
+    raw_train = tf.keras.utils.image_dataset_from_directory(
+        TRAIN_DIR,
+        labels="inferred",
+        label_mode="int",
+        image_size=IMAGE_SIZE,
+        batch_size=BATCH_SIZE,
+        shuffle=True,
+        seed=SEED,
+    )
+
+    labels = []
+    for _, y in raw_train.unbatch():
+        labels.append(int(y.numpy()))
+    labels = np.array(labels)
+
+    classes = np.arange(labels.max() + 1)
+    weights = compute_class_weight(
+        class_weight="balanced",
+        classes=classes,
+        y=labels,
+    )
+
+    return {int(i): float(w) for i, w in enumerate(weights)}
+
+
+def build_model(num_classes):
+    data_augmentation = tf.keras.Sequential(
+        [
+            tf.keras.layers.RandomFlip("horizontal"),
+            tf.keras.layers.RandomRotation(0.1),
+            tf.keras.layers.RandomZoom(0.1),
+            tf.keras.layers.RandomTranslation(0.05, 0.05),
+        ],
+        name="data_augmentation",
+    )
+
+    rescale = tf.keras.layers.Rescaling(1.0 / 255.0, name="rescale")
+
+    base_model = tf.keras.applications.MobileNetV2(
+        input_shape=IMAGE_SIZE + (3,),
+        include_top=False,
+        weights="imagenet",
+    )
+    base_model.trainable = False
+
+    inputs = tf.keras.Input(shape=IMAGE_SIZE + (3,), name="image")
+    x = data_augmentation(inputs)
+    x = rescale(x)
+    x = base_model(x, training=False)
+    x = tf.keras.layers.GlobalAveragePooling2D()(x)
+    x = tf.keras.layers.Dropout(0.3)(x)
+    outputs = tf.keras.layers.Dense(num_classes, activation="softmax")(x)
+
+    model = tf.keras.Model(inputs, outputs, name="agrovision_mobilenetv2")
+
+    model.compile(
+        optimizer=tf.keras.optimizers.Adam(learning_rate=1e-4),
+        loss=tf.keras.losses.SparseCategoricalCrossentropy(),
+        metrics=[
+            "accuracy",
+            tf.keras.metrics.SparseTopKCategoricalAccuracy(
+                k=3, name="top3_accuracy"
+            ),
+        ],
+    )
+
+    return model
+
+
+def plot_history(history, out_path):
+    acc = history.history.get("accuracy", [])
+    val_acc = history.history.get("val_accuracy", [])
+    loss = history.history.get("loss", [])
+    val_loss = history.history.get("val_loss", [])
+
+    epochs_range = range(1, len(acc) + 1)
+
+    plt.figure(figsize=(10, 4))
+    plt.subplot(1, 2, 1)
+    plt.plot(epochs_range, acc, label="train_acc")
+    plt.plot(epochs_range, val_acc, label="val_acc")
+    plt.legend()
+    plt.title("Accuracy")
+
+    plt.subplot(1, 2, 2)
+    plt.plot(epochs_range, loss, label="train_loss")
+    plt.plot(epochs_range, val_loss, label="val_loss")
+    plt.legend()
+    plt.title("Loss")
+
+    plt.tight_layout()
+    plt.savefig(out_path)
+    plt.close()
+
+
+def evaluate_on_test(model, test_ds, class_names, out_cm_path):
+    y_true = []
+    y_pred = []
+
+    for x_batch, y_batch in test_ds:
+        preds = model.predict(x_batch, verbose=0)
+        y_true.extend(y_batch.numpy().tolist())
+        y_pred.extend(np.argmax(preds, axis=1).tolist())
+
+    y_true = np.array(y_true)
+    y_pred = np.array(y_pred)
+
+    print("\nClassification report:")
+    print(classification_report(y_true, y_pred, target_names=class_names))
+
+    cm = confusion_matrix(y_true, y_pred)
+    plt.figure(figsize=(14, 12))
+    sns.heatmap(
+        cm,
+        annot=False,
+        cmap="Blues",
+        xticklabels=class_names,
+        yticklabels=class_names,
+    )
+    plt.xlabel("Predicted")
+    plt.ylabel("True")
+    plt.xticks(rotation=90)
+    plt.yticks(rotation=0)
+    plt.tight_layout()
+    plt.savefig(out_cm_path)
+    plt.close()
+
+
+def main():
+    train_ds, val_ds, test_ds, class_names = load_datasets()
+    num_classes = len(class_names)
+
+    (OUTPUT_DIR / "class_names.json").write_text(
+        json.dumps(class_names, indent=2),
+        encoding="utf-8",
+    )
+
+    class_weight = compute_weights()
+    model = build_model(num_classes)
+
+    checkpoint_path = OUTPUT_DIR / "agrovision_best.keras"
+
+    callbacks = [
+        tf.keras.callbacks.ModelCheckpoint(
+            filepath=str(checkpoint_path),
+            monitor="val_accuracy",
+            save_best_only=True,
+            verbose=1,
+        ),
+        tf.keras.callbacks.EarlyStopping(
+            monitor="val_accuracy",
+            patience=5,
+            restore_best_weights=True,
+            verbose=1,
+        ),
+        tf.keras.callbacks.ReduceLROnPlateau(
+            monitor="val_loss",
+            factor=0.5,
+            patience=3,
+            verbose=1,
+        ),
+    ]
+
+    history = model.fit(
+        train_ds,
+        validation_data=val_ds,
+        epochs=EPOCHS,
+        class_weight=class_weight,
+        callbacks=callbacks,
+    )
+
+    hist_path = OUTPUT_DIR / "training_curves.png"
+    plot_history(history, hist_path)
+
+    print("\nTest evaluation:")
+    test_metrics = model.evaluate(test_ds, verbose=1)
+    for name, value in zip(model.metrics_names, test_metrics):
+        print(f"{name}: {value:.4f}")
+
+    cm_path = OUTPUT_DIR / "confusion_matrix.png"
+    evaluate_on_test(model, test_ds, class_names, cm_path)
+
+    final_path = OUTPUT_DIR / "agrovision_final.keras"
+    model.save(final_path)
+    print(f"\nSaved final model to: {final_path}")
+
+
+if __name__ == "__main__":
+    main()