Merge branch 'develop'

frontend/application/app/HomeClient.tsx

@@ -9,6 +9,7 @@ import Link from 'next/link';
 import { toPersian } from "../lib/utils";
 import { useSettingsStore } from "../lib/store/settingsStore";
 import api from "../lib/services/api";
+import Image from "next/image";
 
 export default function HomeClient() {
     const getText = useSettingsStore(state => state.getText);
@@ -77,10 +78,13 @@ export default function HomeClient() {
                 <div className="max-w-7xl mx-auto px-4 grid lg:grid-cols-2 gap-16 lg:gap-24 items-center">
                     <div className="relative overflow-hidden rounded-[3rem]">
                         <div className="absolute -top-10 -right-10 w-40 h-40 bg-canina-blue/5 rounded-full blur-3xl" />
-                   <img 
+                        <Image
                             src="/assets/images/regenerated_image_1779109861747.png"
                             alt="آزمایشگاه تخصصی تولید مکمل‌های دارویی کانینا آلمان"
                             className="rounded-[3rem] shadow-2xl relative z-10 grayscale-[10%] w-full"
+                            width={640}
+                            height={425}
+                            loading="lazy"
                         />
                         <div className="absolute bottom-4 left-4 sm:bottom-6 sm:left-6 bg-canina-blue text-white p-4 sm:p-6 md:p-8 rounded-[1.5rem] sm:rounded-[2rem] shadow-2xl z-20 max-w-[80%] border border-white/10">
                             <div className="text-2xl sm:text-4xl font-black mb-1 font-lalezar tracking-wide">{getText('quality', "کیفیت")}</div>
@@ -129,7 +133,7 @@ export default function HomeClient() {
             <section className="bg-canina-blue py-12 relative overflow-hidden font-sans">
                 <div className="absolute inset-0 opacity-10">
                     <div className="grid grid-cols-10 h-full w-full">
-                  {Array.from({length: 100}).map((_, i) => (
+                        {Array.from({ length: 100 }).map((_, i) => (
                             <div key={i} className="border border-white/20" />
                         ))}
                     </div>