Add SEO metadata and fix mobile horizontal overflow.

Prevent homepage layout shift on small screens by constraining the hero aspect box and service/product carousels.

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

src/app/portfolios/[slug]/page.tsx

@@ -18,13 +18,37 @@ export async function generateMetadata({ params }: PageProps) {
   const { slug } = await params;
   const { item } = await getPortfolio(slug);
   if (!item) {
-    return { title: "پروژه | رسام تجارت هواران" };
+    return {
+      title: "پروژه",
+      robots: { index: false, follow: true },
+    };
   }
+
+  const description =
+    item.description || `نمونه کار ${item.title} — شرکت رسام تجارت هواران`;
+  const image = item.coverImage || item.image || "/images/brand/logo.png";
+
   return {
-    title: `${item.title} | رسام تجارت هواران`,
-    description:
-      item.description ||
-      `نمونه کار ${item.title} — شرکت رسام تجارت هواران`,
+    title: item.title,
+    description,
+    alternates: {
+      canonical: `/portfolios/${item.slug}`,
+    },
+    openGraph: {
+      type: "website",
+      locale: "fa_IR",
+      url: `/portfolios/${item.slug}`,
+      siteName: "رسام تجارت هواران",
+      title: item.title,
+      description,
+      images: [{ url: image, alt: item.title }],
+    },
+    twitter: {
+      card: "summary_large_image",
+      title: item.title,
+      description,
+      images: [image],
+    },
   };
 }