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/blog/[id]/[slug]/page.tsx

@@ -1,25 +1,27 @@
 import type { Metadata } from "next";
-import { notFound } from "next/navigation";
+import { notFound, permanentRedirect } from "next/navigation";
 import { Media } from "@/components/Media";
 import { PageHero } from "@/components/PageHero";
 import { RichContent } from "@/components/RichContent";
-import { getBlog } from "@/lib/api";
+import { getBlogById } from "@/lib/api";
 import { formatDate } from "@/lib/format";
 import { PLACEHOLDER } from "@/lib/data";
+import { blogHref, blogTitleSlug } from "@/lib/paths";
 import { SITE } from "@/lib/site";
 
 type Props = {
-  params: Promise<{ slug: string }>;
+  params: Promise<{ id: string; slug: string }>;
 };
 
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
-  const { slug } = await params;
+  const { id } = await params;
   try {
-    const blog = await getBlog(slug);
+    const blog = await getBlogById(id);
     if (!blog) return { title: SITE.nameFa };
     return {
       title: `${blog.title} | ${SITE.nameFa}`,
-      description: blog.abstract || SITE.aboutShort,
+      description: blog.abstract?.trim() || SITE.aboutShort,
+      alternates: { canonical: blogHref(blog) },
     };
   } catch {
     return { title: SITE.nameFa };
@@ -27,10 +29,14 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 }
 
 export default async function BlogDetailPage({ params }: Props) {
-  const { slug } = await params;
-  const blog = await getBlog(slug);
+  const { id, slug } = await params;
+  const blog = await getBlogById(id);
   if (!blog) notFound();
 
+  if (decodeURIComponent(slug) !== blogTitleSlug(blog.title)) {
+    permanentRedirect(blogHref(blog));
+  }
+
   const author = [blog.author?.firstName, blog.author?.lastName].filter(Boolean).join(" ");
 
   return (

app/blog/[id]/page.tsx

@@ -0,0 +1,20 @@
+import { notFound, permanentRedirect } from "next/navigation";
+import { getBlog, getBlogById } from "@/lib/api";
+import { blogHref } from "@/lib/paths";
+
+/** Legacy `/blog/{slug-or-id}` → canonical `/blog/{id}/{titleSlug}`. */
+export default async function LegacyBlogRedirect({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  const byId = await getBlogById(id);
+  if (byId) permanentRedirect(blogHref(byId));
+
+  const bySlug = await getBlog(id);
+  if (bySlug) permanentRedirect(blogHref(bySlug));
+
+  notFound();
+}

app/blog/page.tsx

@@ -9,7 +9,8 @@ import { SITE } from "@/lib/site";
 
 export const metadata: Metadata = {
   title: `وبلاگ | ${SITE.nameFa}`,
-  description: "آخرین مقالات سالار استور",
+  description: "مقالات کوهنوردی، کمپینگ و راهنمای خرید لوازم ورزشی از سالار استور",
+  alternates: { canonical: "/blog" },
 };
 
 type Props = {
@@ -35,11 +36,11 @@ export default async function BlogPage({ searchParams }: Props) {
           <div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
             {posts.map((post) => (
               <Link
-                key={post.slug}
-                href={`/blog/${post.slug}`}
+                key={post.id || post.slug}
+                href={post.href || `/blog/${post.slug}`}
                 className="overflow-hidden rounded-2xl border border-black/5 bg-white hover:border-brand/40"
               >
-                <Media src={post.image} alt="" className="aspect-[16/10]" sizes="400px" />
+                <Media src={post.image} alt={post.title} className="aspect-[16/10]" sizes="400px" />
                 <div className="p-4">
                   <time className="text-xs text-zinc-400">{post.date}</time>
                   <h2 className="mt-2 text-base font-bold leading-8 line-clamp-2">{post.title}</h2>