add title and description in head , responsive home page

2025-06-11 17:13:51 +03:30
parent ab37893d1b
commit 594643816a
18 changed files with 166 additions and 111 deletions
@@ -6,6 +6,7 @@ import ProjectsGridView from '@/components/pages/project/projectGridView';
 import { IPageParams } from '@/models/layout';
 import { getProjects } from '@/services/projects';
 import { getTranslations } from 'next-intl/server';
+import Head from 'next/head';

 export default async function ProjectsPage({
  params,
@@ -17,22 +18,23 @@ export default async function ProjectsPage({
  const projects: IProjectCardProps[] = await getProjects();
  console.log(projects, 'proj');
  return (
-    <main>
-      <InnerPageBanner
-        title={t('pages_projects_title')}
-        imageSrc={images.aboutBanner.src}
-      />
-      <div className="container-fluid mx-auto my-24">
-        <ProjectsGridView />
-        {/* <div className="grid w-full grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3">
-          {projects?.map((project, index) => (
-            <>
-              yyy {project.title}
-              <ProjectsGrid key={index} {...project} />
-            </>
-          ))}
-        </div> */}
-      </div>
-    </main>
+    <>
+      <Head>
+        <title>پروژه‌های اجراشده با آجر پاسارگاد</title>
+        <meta
+          name="description"
+          content="نمونه پروژه‌های موفق اجراشده با آجرهای باکیفیت کارخانه آجرپزی پاسارگاد در سراسر کشور."
+        />
+      </Head>
+      <main>
+        <InnerPageBanner
+          title={t('pages_projects_title')}
+          imageSrc={images.aboutBanner.src}
+        />
+        <div className="container-fluid mx-auto my-24">
+          <ProjectsGridView />
+        </div>
+      </main>
+    </>
  );
 }