fixed: image url, and updated form phone input validation

components/productsPage/emptyData.tsx

@@ -7,7 +7,7 @@ import { useLanguage } from "@/context/language-context";
 
 //salomalr
 
-export default function EmptyState() {
+export default function EmptyState({page}:{page: string}) {
   const { t } = useLanguage();
 
   const container = {
@@ -23,7 +23,7 @@ export default function EmptyState() {
       animate="show"
       variants={container}
     >
-      <div className="max-w-5xl w-full bg-white/60 bg-linear-to-br from-primary to-gray-800 backdrop-blur-md rounded-2xl shadow-lg overflow-hidden">
+      <div className="max-w-5xl w-full bg-linear-to-br from-primary via-primary/50 to-gray-300 backdrop-blur-md rounded-2xl shadow-lg overflow-hidden">
         <div className="grid grid-cols-1 md:grid-cols-2 gap-6 items-center p-8 md:p-12">
           {/* Illustration / Icon */}
           <motion.div className="flex items-center justify-center">
@@ -54,14 +54,16 @@ export default function EmptyState() {
               {t.empty_data.description}
             </p>
 
-            <div className="mt-6 flex flex-col sm:flex-row items-center sm:items-start gap-3 md:gap-4 justify-center md:justify-start">
-              <motion.div
-                className="inline-flex items-center justify-center px-5 py-2.5 bg-primary/70 hover:bg-primary text-white rounded-lg shadow-md transition-colors text-sm font-medium"
-                // @ts-ignore allow Link-like anchor
-              >
-                <Link href="/">{t.empty_data.back || "Bosh sahifa"}</Link>
-              </motion.div>
-            </div>
+            {page !== "main" && (
+              <div className="mt-6 flex flex-col sm:flex-row items-center sm:items-start gap-3 md:gap-4 justify-center md:justify-start">
+                <motion.div
+                  className="inline-flex items-center justify-center px-5 py-2.5 bg-primary/70 hover:bg-primary text-white rounded-lg shadow-md transition-colors text-sm font-medium"
+                  // @ts-ignore allow Link-like anchor
+                >
+                  <Link href="/">{t.empty_data.back || "Bosh sahifa"}</Link>
+                </motion.div>
+              </div>
+            )}
           </motion.div>
         </div>
       </div>

components/productsPage/products.tsx

@@ -46,7 +46,7 @@ export default function Products() {
           ))}
         </div>
       ) : (
-        <EmptyState />
+        <EmptyState page="products" />
       )}
       {/* Product Modal */}
       {selectedProduct && (