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/about/page.tsx

@@ -1,14 +1,18 @@
+import type { Metadata } from "next";
 import Image from "next/image";
 import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero } from "@/components/PageShared";
 import { aboutPage } from "@/data/company";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "درباره ما | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "درباره ما",
   description:
     "درباره شرکت رسام تجارت هواران؛ طراحی، تامین و تولید تجهیزات تهویه مطبوع و سیستم‌های مدیریت دود",
-};
+  path: "/about",
+  image: aboutPage.image,
+});
 
 export default function AboutUsPage() {
   return (

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

@@ -18,11 +18,37 @@ export async function generateMetadata({ params }: PageProps) {
   const { slug } = await params;
   const { item } = await getBlog(slug);
   if (!item) {
-    return { title: "مقاله | رسام تجارت هواران" };
-  }
     return {
-    title: `${item.title} | رسام تجارت هواران`,
-    description: item.excerpt || item.title,
+      title: "مقاله",
+      robots: { index: false, follow: true },
+    };
+  }
+
+  const description = item.excerpt || item.title;
+  const image = item.image || "/images/brand/logo.png";
+
+  return {
+    title: item.title,
+    description,
+    alternates: {
+      canonical: `/articles/${item.slug}`,
+    },
+    openGraph: {
+      type: "article",
+      locale: "fa_IR",
+      url: `/articles/${item.slug}`,
+      siteName: "رسام تجارت هواران",
+      title: item.title,
+      description,
+      images: [{ url: image, alt: item.title }],
+      publishedTime: item.date || undefined,
+    },
+    twitter: {
+      card: "summary_large_image",
+      title: item.title,
+      description,
+      images: [image],
+    },
   };
 }
 

src/app/articles/page.tsx

@@ -4,11 +4,14 @@ import { PageHero } from "@/components/PageShared";
 import { ArticlesGrid } from "@/components/ArticlesGrid";
 import { Pagination } from "@/components/Pagination";
 import { DEFAULT_LIST_PAGE_SIZE, listBlogs } from "@/lib/meshkee";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "مقالات | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "مقالات",
   description: "مقالات و دانشنامه تخصصی شرکت رسام تجارت هواران",
-};
+  path: "/articles",
+});
 
 type PageProps = {
   searchParams: Promise<{ page?: string }>;

src/app/catalog/page.tsx

@@ -3,12 +3,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero } from "@/components/PageShared";
 import { catalogPage } from "@/data/company";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "کاتالوگ | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "کاتالوگ",
   description:
     "دانلود کاتالوگ عمومی شرکت رسام تجارت هواران؛ محصولات و فعالیت‌ها",
-};
+  path: "/catalog",
+});
 
 export default function CatalogPage() {
   return (

src/app/contact/page.tsx

@@ -1,10 +1,13 @@
 import type { Metadata } from "next";
 import { ContactUsView } from "@/components/ContactUsView";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata: Metadata = {
-  title: "تماس باما | هواران",
-  description: "تماس با رسام تجارت هواران؛ آدرس، تلفن، ایمیل و فرم پیام",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "تماس با ما",
+  description:
+    "تماس با رسام تجارت هواران؛ آدرس دفتر و کارخانه، تلفن، ایمیل و فرم پیام",
+  path: "/contact",
+});
 
 export default function ContactUsPage() {
   return <ContactUsView />;

src/app/documents/page.tsx

@@ -3,12 +3,14 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero } from "@/components/PageShared";
 import { documentsCerts, documentsSatisfaction } from "@/data/documents";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "مدارک | رسام تجارت هواران",
-  description:
-    "گواهینامه‌ها و رضایتمندی‌های مشتریان رسام تجارت هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "مدارک",
+  description: "گواهینامه‌ها و رضایتمندی‌های مشتریان رسام تجارت هواران",
+  path: "/documents",
+});
 
 export default function DocumentsPage() {
   return (

src/app/globals.css

@@ -165,6 +165,86 @@ img {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
 }
 
+.meshkee-credit {
+  position: relative;
+}
+
+.meshkee-credit__frame {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+
+.meshkee-credit__line {
+  position: absolute;
+  background: #c8c8c8;
+  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+/* Draw clockwise starting from the left edge */
+.meshkee-credit__line--l {
+  top: 0;
+  left: 0;
+  width: 1px;
+  height: 100%;
+  transform: scaleY(0);
+  transform-origin: top;
+  transition-delay: 0s;
+}
+
+.meshkee-credit__line--b {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  transform: scaleX(0);
+  transform-origin: left;
+  transition-delay: 0.14s;
+}
+
+.meshkee-credit__line--r {
+  top: 0;
+  right: 0;
+  width: 1px;
+  height: 100%;
+  transform: scaleY(0);
+  transform-origin: bottom;
+  transition-delay: 0.28s;
+}
+
+.meshkee-credit__line--t {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  transform: scaleX(0);
+  transform-origin: right;
+  transition-delay: 0.42s;
+}
+
+.meshkee-credit:hover .meshkee-credit__line--l,
+.meshkee-credit:hover .meshkee-credit__line--r {
+  transform: scaleY(1);
+}
+
+.meshkee-credit:hover .meshkee-credit__line--t,
+.meshkee-credit:hover .meshkee-credit__line--b {
+  transform: scaleX(1);
+}
+
+.meshkee-credit:not(:hover) .meshkee-credit__line--l {
+  transition-delay: 0.42s;
+}
+.meshkee-credit:not(:hover) .meshkee-credit__line--b {
+  transition-delay: 0.28s;
+}
+.meshkee-credit:not(:hover) .meshkee-credit__line--r {
+  transition-delay: 0.14s;
+}
+.meshkee-credit:not(:hover) .meshkee-credit__line--t {
+  transition-delay: 0s;
+}
+
 .round-box {
   border-radius: 8px;
   overflow: hidden;

src/app/ims-policy/page.tsx

@@ -2,12 +2,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero } from "@/components/PageShared";
 import { imsPolicy } from "@/data/company";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "خط مشی سیستم مدیریت یکپارچه | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "خط مشی سیستم مدیریت یکپارچه",
   description:
     "خط مشی سیستم مدیریت یکپارچه (IMS) شرکت رسام تجارت هواران بر اساس استانداردهای ISO 9001، ISO 14001 و ISO 45001",
-};
+  path: "/ims-policy",
+});
 
 export default function ImsPolicyPage() {
   return (

src/app/layout.tsx

@@ -1,14 +1,84 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { LatinDigitsEnhancer } from "@/components/LatinDigits";
+import {
+  DEFAULT_DESCRIPTION,
+  DEFAULT_OG_IMAGE,
+  SITE_KEYWORDS,
+  SITE_NAME,
+  SITE_NAME_EN,
+  SITE_URL,
+  organizationJsonLd,
+  websiteJsonLd,
+} from "@/lib/seo";
 import "./globals.css";
 
 export const metadata: Metadata = {
-  title: "صفحه اصلی | رسام تجارت هواران",
-  description:
-    "شرکت رسام تجارت هواران در حوزه طراحی و تولید تجهیزاتی نظیر چیلر، فن، هواساز، فن کویل و غیره و همچنین توان و تجربه در امور بازرگانی اعضای مجموعه خود آماده همکاری و ارائه خدمات در این زمینه است.",
-  icons: {
-    icon: "/favicon.png",
+  metadataBase: new URL(SITE_URL),
+  title: {
+    default: `${SITE_NAME} | طراحی و تولید تجهیزات تهویه مطبوع`,
+    template: `%s | ${SITE_NAME}`,
   },
+  description: DEFAULT_DESCRIPTION,
+  applicationName: SITE_NAME,
+  authors: [{ name: SITE_NAME, url: SITE_URL }],
+  creator: SITE_NAME,
+  publisher: SITE_NAME,
+  keywords: SITE_KEYWORDS,
+  category: "business",
+  icons: {
+    icon: [
+      { url: "/favicon.ico", sizes: "any" },
+      { url: "/favicon.png", type: "image/png", sizes: "512x512" },
+      { url: "/images/brand/logo.png", type: "image/png" },
+    ],
+    apple: [{ url: "/favicon.png", type: "image/png", sizes: "512x512" }],
+    shortcut: ["/favicon.ico"],
+  },
+  openGraph: {
+    type: "website",
+    locale: "fa_IR",
+    url: SITE_URL,
+    siteName: SITE_NAME,
+    title: `${SITE_NAME} | ${SITE_NAME_EN}`,
+    description: DEFAULT_DESCRIPTION,
+    images: [
+      {
+        url: DEFAULT_OG_IMAGE,
+        alt: SITE_NAME,
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: `${SITE_NAME} | ${SITE_NAME_EN}`,
+    description: DEFAULT_DESCRIPTION,
+    images: [DEFAULT_OG_IMAGE],
+  },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      "max-image-preview": "large",
+      "max-snippet": -1,
+      "max-video-preview": -1,
+    },
+  },
+  alternates: {
+    canonical: "/",
+  },
+  formatDetection: {
+    telephone: true,
+    email: true,
+    address: true,
+  },
+};
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  themeColor: "#002776",
 };
 
 export default function RootLayout({
@@ -16,9 +86,15 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const jsonLd = [organizationJsonLd(), websiteJsonLd()];
+
   return (
     <html lang="fa" dir="rtl">
       <body className="min-h-full antialiased">
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+        />
         {children}
         <LatinDigitsEnhancer />
       </body>

src/app/manifest.ts

@@ -0,0 +1,30 @@
+import type { MetadataRoute } from "next";
+import { SITE_NAME, SITE_NAME_EN, DEFAULT_DESCRIPTION } from "@/lib/seo";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: SITE_NAME,
+    short_name: SITE_NAME_EN,
+    description: DEFAULT_DESCRIPTION,
+    start_url: "/",
+    display: "standalone",
+    background_color: "#ffffff",
+    theme_color: "#002776",
+    lang: "fa",
+    dir: "rtl",
+    icons: [
+      {
+        src: "/favicon.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "any",
+      },
+      {
+        src: "/images/brand/logo.png",
+        sizes: "512x512",
+        type: "image/png",
+        purpose: "any",
+      },
+    ],
+  };
+}

src/app/not-found.tsx

@@ -0,0 +1,35 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { Footer } from "@/components/Footer";
+import { Header } from "@/components/Header";
+
+export const metadata: Metadata = {
+  title: "صفحه پیدا نشد",
+  robots: {
+    index: false,
+    follow: true,
+  },
+};
+
+export default function NotFound() {
+  return (
+    <>
+      <Header />
+      <main className="section">
+        <div className="container-page py-20 text-center">
+          <p className="mb-2 text-sm tracking-[2px] text-[#9a9a9a]">404</p>
+          <h1 className="mb-4 text-2xl font-bold text-[#232323] sm:text-[32px]">
+            صفحه مورد نظر پیدا نشد
+          </h1>
+          <p className="mb-8 text-sm leading-8 text-[#666]">
+            ممکن است آدرس تغییر کرده باشد یا صفحه حذف شده باشد.
+          </p>
+          <Link href="/" className="btn-more">
+            بازگشت به صفحه اصلی
+          </Link>
+        </div>
+      </main>
+      <Footer />
+    </>
+  );
+}

src/app/page.tsx

@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import { About } from "@/components/About";
 import { Articles } from "@/components/Articles";
 import { Clients } from "@/components/Clients";
@@ -10,6 +11,18 @@ import { Products } from "@/components/Products";
 import { Services } from "@/components/Services";
 import { Solutions } from "@/components/Solutions";
 import { SpecialProducts } from "@/components/SpecialProducts";
+import { DEFAULT_DESCRIPTION, pageMetadata } from "@/lib/seo";
+
+export const metadata: Metadata = {
+  ...pageMetadata({
+    title: "صفحه اصلی",
+    description: DEFAULT_DESCRIPTION,
+    path: "/",
+  }),
+  title: {
+    absolute: "رسام تجارت هواران | طراحی و تولید تجهیزات تهویه مطبوع",
+  },
+};
 
 export default function Home() {
   return (

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: `${item.title} | رسام تجارت هواران`,
-    description:
-      item.description ||
-      `نمونه کار ${item.title} — شرکت رسام تجارت هواران`,
+      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,
+    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],
+    },
   };
 }
 

src/app/portfolios/page.tsx

@@ -4,11 +4,14 @@ import { PageHero } from "@/components/PageShared";
 import { PortfolioGrid } from "@/components/PortfolioGrid";
 import { Pagination } from "@/components/Pagination";
 import { DEFAULT_LIST_PAGE_SIZE, listPortfolios } from "@/lib/meshkee";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "پروژه ها | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "پروژه ها",
   description: "پروژه ها و نمونه کار های شرکت رسام تجارت هواران",
-};
+  path: "/portfolios",
+});
 
 type PageProps = {
   searchParams: Promise<{ page?: string }>;

src/app/products/air-conditioner/page.tsx

@@ -4,11 +4,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero, SpecList } from "@/components/PageShared";
 import { ahuAdvantages, ahuFaq, ahuIntro } from "@/data/ahu";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "هواساز | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "هواساز",
   description: "خرید انواع هواساز با قیمت مناسب و گارانتی معتبر",
-};
+  path: "/products/air-conditioner",
+  image: "/images/products/ahu.png",
+});
 
 export default function AirConditionerPage() {
   return (

src/app/products/chiller/page.tsx

@@ -4,11 +4,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero, SpecList } from "@/components/PageShared";
 import { chillerBlocks, chillerFaq, chillerIntro } from "@/data/chiller";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "چیلر | رسام تجارت هواران",
-  description: "خرید انواع چیلر با قیمت مناسب و کیفیت بالا | رسام تجارت هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "چیلر",
+  description: "خرید انواع چیلر با قیمت مناسب و کیفیت بالا",
+  path: "/products/chiller",
+  image: "/images/pages/chiller/air-cooled.png",
+});
 
 export default function ChillerPage() {
   return (

src/app/products/f300/page.tsx

@@ -4,12 +4,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero } from "@/components/PageShared";
 import { f300Blocks, f300Intro } from "@/data/f300";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "فن تخلیه دود F300 | رسام تجارت هواران",
-  description:
-    "فن تخلیه دود f300 با بهترین قیمت و کیفیت مناسب | رسام تجارت هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "فن تخلیه دود F300",
+  description: "فن تخلیه دود F300 با بهترین قیمت و کیفیت مناسب",
+  path: "/products/f300",
+  image: "/images/pages/f300/hero.jpg",
+});
 
 export default function F300Page() {
   return (

src/app/products/fancoil/page.tsx

@@ -4,11 +4,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero, SpecList } from "@/components/PageShared";
 import { fancoilBlocks, fancoilFaq, fancoilIntro } from "@/data/fancoil";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "فن کویل | رسام تجارت هواران",
-  description: "خرید انواع فن کویل با کیفیت مناسب | رسام تجارت هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "فن کویل",
+  description: "خرید انواع فن کویل با کیفیت مناسب",
+  path: "/products/fancoil",
+  image: "/images/products/fancoil.png",
+});
 
 export default function FanCoilPage() {
   return (

src/app/products/havaran-fan/page.tsx

@@ -1,3 +1,4 @@
+import type { Metadata } from "next";
 import Image from "next/image";
 import { Accordion } from "@/components/Accordion";
 import { Footer } from "@/components/Footer";
@@ -9,11 +10,14 @@ import {
   havaranFanCentrifugal,
   havaranFanFaq,
 } from "@/data/havaranFan";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "فن هواران | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "فن هواران",
   description: "خرید انواع فن های هواران با بهترین کیفیت",
-};
+  path: "/products/havaran-fan",
+  image: "/images/products/havaran-fan.png",
+});
 
 export default function HavaranFanPage() {
   const axialBlocks = havaranFanBlocks.filter((b) => b.group === "axial");

src/app/products/page.tsx

@@ -2,12 +2,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { CatalogCard, PageHero } from "@/components/PageShared";
 import { productsList } from "@/data/pages";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "محصولات | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "محصولات",
   description:
     "خرید انواع فن تخلیه دود F300، فن هواران، چیلر، فن کویل و هواساز از رسام تجارت هواران",
-};
+  path: "/products",
+});
 
 export default function ProductsPage() {
   return (

src/app/robots.ts

@@ -0,0 +1,16 @@
+import type { MetadataRoute } from "next";
+import { SITE_URL } from "@/lib/seo";
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: [
+      {
+        userAgent: "*",
+        allow: "/",
+        disallow: ["/api/", "/blogs", "/projects", "/article-details/", "/portfolio-details/"],
+      },
+    ],
+    sitemap: `${SITE_URL}/sitemap.xml`,
+    host: SITE_URL,
+  };
+}

src/app/sitemap.ts

@@ -0,0 +1,63 @@
+import type { MetadataRoute } from "next";
+import { articlesFallback } from "@/data/articles";
+import { productsList, solutionsList } from "@/data/pages";
+import { portfoliosFallback } from "@/data/portfolios";
+import { SITE_URL } from "@/lib/seo";
+
+const staticRoutes: Array<{
+  path: string;
+  changeFrequency: MetadataRoute.Sitemap[number]["changeFrequency"];
+  priority: number;
+}> = [
+  { path: "/", changeFrequency: "weekly", priority: 1 },
+  { path: "/products", changeFrequency: "weekly", priority: 0.9 },
+  { path: "/solutions", changeFrequency: "weekly", priority: 0.9 },
+  { path: "/portfolios", changeFrequency: "weekly", priority: 0.8 },
+  { path: "/articles", changeFrequency: "weekly", priority: 0.8 },
+  { path: "/documents", changeFrequency: "monthly", priority: 0.7 },
+  { path: "/catalog", changeFrequency: "monthly", priority: 0.7 },
+  { path: "/about", changeFrequency: "monthly", priority: 0.7 },
+  { path: "/contact", changeFrequency: "monthly", priority: 0.7 },
+  { path: "/ims-policy", changeFrequency: "yearly", priority: 0.5 },
+];
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const lastModified = new Date();
+
+  const pages = staticRoutes.map((route) => ({
+    url: `${SITE_URL}${route.path === "/" ? "" : route.path}`,
+    lastModified,
+    changeFrequency: route.changeFrequency,
+    priority: route.priority,
+  }));
+
+  const products = productsList.map((item) => ({
+    url: `${SITE_URL}${item.href}`,
+    lastModified,
+    changeFrequency: "monthly" as const,
+    priority: 0.8,
+  }));
+
+  const solutions = solutionsList.map((item) => ({
+    url: `${SITE_URL}${item.href}`,
+    lastModified,
+    changeFrequency: "monthly" as const,
+    priority: 0.75,
+  }));
+
+  const articles = articlesFallback.map((item) => ({
+    url: `${SITE_URL}/articles/${item.slug}`,
+    lastModified: item.date ? new Date(item.date) : lastModified,
+    changeFrequency: "monthly" as const,
+    priority: 0.6,
+  }));
+
+  const portfolios = portfoliosFallback.map((item) => ({
+    url: `${SITE_URL}/portfolios/${item.slug}`,
+    lastModified,
+    changeFrequency: "monthly" as const,
+    priority: 0.6,
+  }));
+
+  return [...pages, ...products, ...solutions, ...articles, ...portfolios];
+}

src/app/solutions/building-installations/page.tsx

@@ -1,10 +1,14 @@
 import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero, UpdatingNotice } from "@/components/PageShared";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "تاسیسات ساختمانی | هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "تاسیسات ساختمانی",
+  description: "خدمات و تجهیزات تاسیسات ساختمانی رسام تجارت هواران",
+  path: "/solutions/building-installations",
+});
 
 export default function BuildingInstallationsPage() {
   return (

src/app/solutions/building-smoke-management/page.tsx

@@ -3,11 +3,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero } from "@/components/PageShared";
 import { smokeBlocks, smokeIntro } from "@/data/smoke";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "مدیریت دود ساختمان | هواران",
-  description: "سیستم های مدیریت دود ساختمان | رسام تجارت هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "مدیریت دود ساختمان",
+  description: "طراحی، تامین و اجرای سیستم‌های مدیریت دود ساختمان",
+  path: "/solutions/building-smoke-management",
+  image: "/images/pages/smoke/hero.png",
+});
 
 export default function SmokeManagementPage() {
   return (

src/app/solutions/hvac/page.tsx

@@ -1,10 +1,14 @@
 import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero, UpdatingNotice } from "@/components/PageShared";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "تهویه مطبوع | هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "تهویه مطبوع",
+  description: "سیستم‌های تهویه مطبوع برای فضاهای مسکونی، اداری و تجاری",
+  path: "/solutions/hvac",
+});
 
 export default function HvacSolutionPage() {
   return (

src/app/solutions/page.tsx

@@ -2,12 +2,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { CatalogCard, PageHero } from "@/components/PageShared";
 import { solutionsList } from "@/data/pages";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "راهکارها | رسام تجارت هواران",
+export const metadata: Metadata = pageMetadata({
+  title: "راهکارها",
   description:
     "راهکارهای مدیریت دود ساختمان، تهویه فضاهای مختلف، تهویه مطبوع، تونل و مترو و تاسیسات ساختمانی",
-};
+  path: "/solutions",
+});
 
 export default function SolutionsPage() {
   return (

src/app/solutions/tunnels-and-subways/page.tsx

@@ -3,11 +3,15 @@ import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero } from "@/components/PageShared";
 import { tunnelBlocks, tunnelIntro } from "@/data/tunnel";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "تونل و مترو | هواران",
-  description: "راهکارهای تهویه تونل و مترو | رسام تجارت هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "تونل و مترو",
+  description: "راهکارهای تهویه تونل و مترو",
+  path: "/solutions/tunnels-and-subways",
+  image: "/images/pages/f300/axial-jet.png",
+});
 
 export default function TunnelsPage() {
   return (

src/app/solutions/ventilation-spaces/page.tsx

@@ -1,10 +1,14 @@
 import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
 import { PageHero, UpdatingNotice } from "@/components/PageShared";
+import type { Metadata } from "next";
+import { pageMetadata } from "@/lib/seo";
 
-export const metadata = {
-  title: "تهویه فضاهای مختلف | هواران",
-};
+export const metadata: Metadata = pageMetadata({
+  title: "تهویه فضاهای مختلف",
+  description: "راهکارهای تهویه برای فضاهای گوناگون ساختمانی و صنعتی",
+  path: "/solutions/ventilation-spaces",
+});
 
 export default function VentilationSpacesPage() {
   return (

src/components/ContactUsView.tsx

@@ -152,7 +152,8 @@ export function ContactUsView() {
                   <p key={phone}>
                     <a
                       href={`tel:${phone.replace(/\D/g, "")}`}
-                      className="hover:text-brand-navy"
+                      className="latin-digits hover:text-brand-navy"
+                      dir="ltr"
                     >
                       {phone}
                     </a>

src/components/Footer.tsx

@@ -1,11 +1,9 @@
-"use client";
-
 import Image from "next/image";
 import { footerLinks, site } from "@/data/home";
 
 export function Footer() {
   return (
-    <footer id="contact" className="bg-[#f7f7f7] text-[#333]">
+    <footer id="contact" className="border-t-4 border-brand-navy bg-white text-[#333]">
       <div className="container-page grid gap-8 py-12 md:grid-cols-2 lg:grid-cols-4">
         <div>
           <Image
@@ -21,7 +19,9 @@ export function Footer() {
             <p>{site.factory}</p>
             <p>{site.factoryAddress}</p>
             {site.phones.map((phone) => (
-              <p key={phone}>{phone}</p>
+              <p key={phone} className="latin-digits" dir="ltr">
+                {phone}
+              </p>
             ))}
           </div>
         </div>
@@ -54,7 +54,7 @@ export function Footer() {
 
         <div>
           <h4 className="mb-4 text-sm font-bold">همراه ما باشید</h4>
-          <ul className="mb-5 space-y-2 text-sm text-[#666]">
+          <ul className="space-y-2 text-sm text-[#666]">
             {footerLinks.pages.map((item) => (
               <li key={item.label}>
                 <a href={item.href} className="hover:text-brand">
@@ -63,33 +63,42 @@ export function Footer() {
               </li>
             ))}
           </ul>
-          <form
-            className="space-y-2"
-            onSubmit={(e) => {
-              e.preventDefault();
-            }}
-          >
-            <input
-              type="text"
-              placeholder="نام خانوادگی"
-              className="w-full border border-[#ddd] bg-white px-3 py-2 text-sm outline-none"
-            />
-            <input
-              type="tel"
-              placeholder="شماره همراه"
-              className="w-full border border-[#ddd] bg-white px-3 py-2 text-sm outline-none"
-            />
-            <button type="submit" className="btn-more w-full">
-              عضویت
-            </button>
-          </form>
         </div>
       </div>
 
-      <div className="border-t border-[#e5e5e5] bg-white">
-        <div className="container-page py-4 text-center text-xs text-[#999]">
+      <div className="border-t border-[#e5e5e5] bg-[#f7f7f7]">
+        <div className="container-page flex flex-col items-center justify-between gap-3 py-4 text-xs text-[#999] sm:flex-row">
+          <div>
             © {new Date().getFullYear()} {site.name}
           </div>
+          <a
+            href="https://meshkee.com"
+            target="_blank"
+            rel="noopener noreferrer"
+            dir="ltr"
+            className="meshkee-credit group inline-flex items-center gap-2.5 px-2.5 py-1.5 text-[#999] transition-colors duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:text-[#555]"
+          >
+            <span className="meshkee-credit__frame" aria-hidden>
+              <span className="meshkee-credit__line meshkee-credit__line--l" />
+              <span className="meshkee-credit__line meshkee-credit__line--t" />
+              <span className="meshkee-credit__line meshkee-credit__line--r" />
+              <span className="meshkee-credit__line meshkee-credit__line--b" />
+            </span>
+            <Image
+              src="/images/brand/MeshkeeLogo.png"
+              alt="Meshkee"
+              width={36}
+              height={32}
+              className="relative h-8 w-auto shrink-0 object-contain opacity-50 transition-opacity duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:opacity-100"
+            />
+            <span className="relative flex flex-col leading-snug">
+              <span className="text-[11px]">Designed And Developed By</span>
+              <span className="text-[13px] font-semibold text-[#666] transition-colors duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] group-hover:text-[#333]">
+                Meshkee E-Commerece Team
+              </span>
+            </span>
+          </a>
+        </div>
       </div>
     </footer>
   );

src/components/Hero.tsx

@@ -19,8 +19,8 @@ export function Hero() {
       <div className="container-page">
         <div className="grid items-stretch gap-3 md:grid-cols-12 md:gap-4">
           {/* In RTL: order-1 sits on the right (main slider), order-2 on the left (side banners) */}
-          <div className="order-1 h-full md:col-span-8">
-            <div className="round-box card-shadow relative aspect-[800/474] h-full min-h-[280px] overflow-hidden bg-[#f3f3f3] md:aspect-auto">
+          <div className="order-1 min-w-0 md:col-span-8 md:h-full">
+            <div className="round-box card-shadow relative aspect-[800/474] w-full overflow-hidden bg-[#f3f3f3] md:aspect-auto md:h-full md:min-h-[280px]">
               {heroSlides.map((slide, i) => (
                 <a
                   key={`${slide.title}-${i}`}

src/components/Products.tsx

@@ -19,7 +19,7 @@ export function Products() {
           <p>HAVARAN Products</p>
         </div>
 
-        <div className="relative">
+        <div className="relative min-w-0">
           <button
             type="button"
             aria-label="قبلی"
@@ -39,7 +39,7 @@ export function Products() {
 
           <div
             ref={scroller}
-            className="flex gap-4 overflow-x-auto px-1 pb-2 scrollbar-none"
+            className="flex max-w-full gap-4 overflow-x-auto px-1 pb-2 scrollbar-none"
             style={{ scrollbarWidth: "none" }}
           >
             {productCategories.map((item) => (

src/components/Services.tsx

@@ -16,9 +16,9 @@ export function Services() {
           <p>Havaran Services</p>
         </div>
 
-        <div className="grid gap-6 lg:grid-cols-12">
-          <div className="lg:col-span-3">
-            <div className="flex flex-row gap-2 overflow-x-auto lg:flex-col lg:overflow-visible">
+        <div className="grid min-w-0 gap-6 lg:grid-cols-12">
+          <div className="min-w-0 lg:col-span-3">
+            <div className="flex max-w-full flex-row gap-2 overflow-x-auto lg:flex-col lg:overflow-visible">
               {services.map((item) => {
                 const isActive = item.id === active;
                 return (
@@ -39,7 +39,7 @@ export function Services() {
             </div>
           </div>
 
-          <div className="grid overflow-hidden border border-[#eee] bg-white lg:col-span-9 md:grid-cols-2">
+          <div className="grid min-w-0 overflow-hidden border border-[#eee] bg-white lg:col-span-9 md:grid-cols-2">
             <div className="relative min-h-[280px] bg-[#f7f7f7]">
               <Image
                 key={current.image}

src/components/SpecialProducts.tsx

@@ -19,7 +19,7 @@ export function SpecialProducts() {
           <p>Special Products</p>
         </div>
 
-        <div className="relative">
+        <div className="relative min-w-0">
           <button
             type="button"
             aria-label="قبلی"
@@ -39,7 +39,7 @@ export function SpecialProducts() {
 
           <div
             ref={scroller}
-            className="flex items-stretch gap-4 overflow-x-auto px-1 pb-2"
+            className="flex max-w-full items-stretch gap-4 overflow-x-auto px-1 pb-2"
             style={{ scrollbarWidth: "none" }}
           >
             {specialProducts.map((item) => (
@@ -60,23 +60,18 @@ export function SpecialProducts() {
                   <h3 className="mb-1 line-clamp-2 h-12 text-sm font-bold leading-6 text-[#232323]">
                     {item.title}
                   </h3>
-                  <p className="mb-3 text-xs text-[#999]">{item.code}</p>
-                  <p className="mb-4 text-sm font-bold text-[#232323]">
-                    {item.price} <span className="font-medium">تومان</span>
-                  </p>
-                  <button type="button" className="btn-cart mt-auto">
+                  <p className="mb-4 text-xs text-[#999]">{item.code}</p>
+                  <a href="tel:02146144267" className="btn-cart mt-auto">
                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
                       <path
-                        d="M6 6h15l-1.5 9h-12z"
+                        d="M8.5 3.5h3l1 5-2 1.5a12 12 0 0 0 5.5 5.5l1.5-2 5 1v3c0 1.1-.9 2-2 2A16 16 0 0 1 4.5 5.5c0-1.1.9-2 2-2Z"
                         stroke="currentColor"
                         strokeWidth="1.6"
+                        strokeLinejoin="round"
                       />
-                      <circle cx="9" cy="20" r="1.3" fill="currentColor" />
-                      <circle cx="18" cy="20" r="1.3" fill="currentColor" />
-                      <path d="M6 6 5 3H2" stroke="currentColor" strokeWidth="1.6" />
                     </svg>
-                    افزودن به سبد خرید
-                  </button>
+                    تماس بگیرید
+                  </a>
                 </div>
               </article>
             ))}

src/data/home.ts

@@ -293,13 +293,9 @@ export const footerLinks = {
   ],
   pages: [
     { label: "صفحه اصلی", href: "/" },
-    { label: "دانشنامه", href: "/articles" },
     { label: "پروژه ها", href: "/portfolios" },
     { label: "درباره ما", href: "/about" },
     { label: "تماس با ما", href: "/contact" },
     { label: "کاتالوگ", href: "/catalog" },
-    { label: "راهنمای خرید", href: "#" },
-    { label: "سوالات متداول", href: "#" },
-    { label: "قوانین سایت", href: "#" },
   ],
 };

src/lib/seo.ts

@@ -0,0 +1,128 @@
+import type { Metadata } from "next";
+import { site } from "@/data/home";
+
+export const SITE_URL =
+  process.env.NEXT_PUBLIC_SITE_URL ?? "https://www.havaran.com";
+
+export const SITE_NAME = site.name;
+export const SITE_NAME_EN = site.nameEn;
+
+export const DEFAULT_DESCRIPTION = site.description;
+
+export const SITE_KEYWORDS = [
+  "هواران",
+  "رسام تجارت هواران",
+  "HAVARAN",
+  "فن تخلیه دود",
+  "F300",
+  "چیلر",
+  "فن کویل",
+  "هواساز",
+  "تهویه مطبوع",
+  "مدیریت دود",
+  "جت فن",
+  "تاسیسات ساختمانی",
+];
+
+export const DEFAULT_OG_IMAGE = "/images/brand/logo.png";
+
+export function absoluteUrl(path = "/"): string {
+  const normalized = path.startsWith("/") ? path : `/${path}`;
+  return `${SITE_URL}${normalized === "/" ? "" : normalized}`;
+}
+
+type PageMetaInput = {
+  title: string;
+  description: string;
+  path: string;
+  image?: string;
+  noIndex?: boolean;
+};
+
+export function pageMetadata({
+  title,
+  description,
+  path,
+  image = DEFAULT_OG_IMAGE,
+  noIndex = false,
+}: PageMetaInput): Metadata {
+  const url = absoluteUrl(path);
+
+  return {
+    title,
+    description,
+    alternates: {
+      canonical: path,
+    },
+    openGraph: {
+      type: "website",
+      locale: "fa_IR",
+      url,
+      siteName: SITE_NAME,
+      title: `${title} | ${SITE_NAME}`,
+      description,
+      images: [
+        {
+          url: image,
+          alt: title,
+        },
+      ],
+    },
+    twitter: {
+      card: "summary_large_image",
+      title: `${title} | ${SITE_NAME}`,
+      description,
+      images: [image],
+    },
+    robots: noIndex
+      ? { index: false, follow: false }
+      : { index: true, follow: true },
+  };
+}
+
+export function organizationJsonLd() {
+  return {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    name: SITE_NAME,
+    alternateName: SITE_NAME_EN,
+    url: SITE_URL,
+    logo: absoluteUrl("/images/brand/logo.png"),
+    email: site.email,
+    telephone: site.phones.map((phone) => phone.replace(/\s/g, "")),
+    address: {
+      "@type": "PostalAddress",
+      addressCountry: "IR",
+      addressLocality: "تهران",
+      streetAddress: site.office,
+    },
+    contactPoint: [
+      {
+        "@type": "ContactPoint",
+        telephone: "+982146144267",
+        contactType: "customer service",
+        areaServed: "IR",
+        availableLanguage: ["fa", "en"],
+      },
+    ],
+  };
+}
+
+export function websiteJsonLd() {
+  return {
+    "@context": "https://schema.org",
+    "@type": "WebSite",
+    name: SITE_NAME,
+    alternateName: SITE_NAME_EN,
+    url: SITE_URL,
+    inLanguage: "fa-IR",
+    publisher: {
+      "@type": "Organization",
+      name: SITE_NAME,
+      logo: {
+        "@type": "ImageObject",
+        url: absoluteUrl("/images/brand/logo.png"),
+      },
+    },
+  };
+}