Add Torob tags, Meshkee SEO routes, and updated static-image slots.

Product pages emit crawler-readable meta, public URLs use id plus Farsi slugs, and the homepage catalog matches the dashboard slot keys.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/aboutus/page.tsx

@@ -5,27 +5,30 @@ import { SlotImage } from "@/components/SlotImage";
 import { SITE } from "@/lib/site";
 import {
   STATIC_IMAGE_KEYS,
-  firstImageForSlot,
   getStaticImageSlot,
+  imagesForSlot,
   slotAlt,
 } from "@/lib/static-images";
 
 export const metadata: Metadata = {
   title: `درباره ما | ${SITE.nameFa}`,
   description: SITE.about,
+  alternates: { canonical: "/aboutus" },
 };
 
 export default async function AboutPage() {
   const slot = await getStaticImageSlot(STATIC_IMAGE_KEYS.aboutUsImage);
-  const image = slot ? firstImageForSlot([slot], STATIC_IMAGE_KEYS.aboutUsImage) : undefined;
+  const images = slot ? imagesForSlot([slot], STATIC_IMAGE_KEYS.aboutUsImage) : [];
+  const hero = images[0];
+  const side = images[1];
 
   return (
     <>
       <PageHero title="درباره ما" english="About Us" />
       <section className="container-site py-10 md:py-14">
         <div className="relative overflow-hidden rounded-2xl min-h-[280px] md:min-h-[360px]">
-          {image ? (
-            <SlotImage image={image} fill alt={slotAlt(image, SITE.nameFa)} />
+          {hero ? (
+            <SlotImage image={hero} fill alt={slotAlt(hero, SITE.nameFa)} />
           ) : (
             <Image
               src="/images/pages/about-bg.webp"
@@ -56,13 +59,21 @@ export default async function AboutPage() {
             <p className="text-zinc-600 leading-8 text-justify">{SITE.about}</p>
           </div>
           <div className="relative mx-auto w-full max-w-xs">
-            <Image
-              src="/images/pages/about-side.png"
-              alt={SITE.nameFa}
-              width={300}
-              height={603}
-              className="h-auto w-full object-contain"
-            />
+            {side ? (
+              <SlotImage
+                image={side}
+                alt={slotAlt(side, SITE.nameFa)}
+                imgClassName="h-auto w-full object-contain"
+              />
+            ) : (
+              <Image
+                src="/images/pages/about-side.png"
+                alt={SITE.nameFa}
+                width={300}
+                height={603}
+                className="h-auto w-full object-contain"
+              />
+            )}
           </div>
         </div>
       </section>