diff --git a/src/app/[locale]/product-categories/page.tsx b/src/app/[locale]/product-categories/page.tsx
index 0cfc7b8..dac70cd 100644
--- a/src/app/[locale]/product-categories/page.tsx
+++ b/src/app/[locale]/product-categories/page.tsx
@@ -4,7 +4,18 @@ import ProductsCategoryCard from '@/components/pages/productCategories/ProductCa
import type { IProductCategoryCardProps } from '@/components/pages/productCategories/productCategoryCard.d';
import { IPageParams } from '@/models/layout';
import { getProductCategories } from '@/services/products';
-import { getTranslations } from 'next-intl/server';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
+
+export async function generateMetadata({ params }: { params: IPageParams }) {
+ const { locale } = await params;
+ setRequestLocale(locale);
+ const t = await getTranslations({ locale });
+
+ return {
+ title: t('page_products_metadata_title'),
+ description: t('page_products_metadata_description'),
+ };
+}
export default async function ProductsPage({
params,
diff --git a/src/app/[locale]/projects/page.tsx b/src/app/[locale]/projects/page.tsx
index 1118adb..849c847 100644
--- a/src/app/[locale]/projects/page.tsx
+++ b/src/app/[locale]/projects/page.tsx
@@ -5,9 +5,19 @@ import ProjectsGrid from '@/components/pages/project/ProjectGrid';
import ProjectsGridView from '@/components/pages/project/projectGridView';
import { IPageParams } from '@/models/layout';
import { getProjects } from '@/services/projects';
-import { getTranslations } from 'next-intl/server';
+import { getTranslations, setRequestLocale } from 'next-intl/server';
import Head from 'next/head';
+export async function generateMetadata({ params }: { params: IPageParams }) {
+ const { locale } = await params;
+ setRequestLocale(locale);
+ const t = await getTranslations({ locale });
+
+ return {
+ title: t('page_projects_metadata_title'),
+ description: t('page_projects_metadata_description'),
+ };
+}
export default async function ProjectsPage({
params,
}: {
@@ -16,25 +26,15 @@ export default async function ProjectsPage({
const { locale } = await params;
const t = await getTranslations({ locale });
const projects: IProjectCardProps[] = await getProjects();
- console.log(projects, 'proj');
return (
- <>
-
-
پروژههای اجراشده با آجر پاسارگاد
-
-
-
-
-
-
-
+
+
+
+
);
}
diff --git a/src/app/api/blog/data.ts b/src/app/api/blog/data.ts
new file mode 100644
index 0000000..5943695
--- /dev/null
+++ b/src/app/api/blog/data.ts
@@ -0,0 +1,61 @@
+import images from '@/assets/images/images';
+
+export interface IPostCardProps {
+ id: string;
+ title: string;
+ fa_title?: string;
+ imageSrc: string;
+ link: string;
+}
+
+export const posts: IPostCardProps[] = [
+ {
+ id: '1',
+ title: 'Sustainable Practices Reducing Waste in Industrial Production',
+ fa_title: 'روشهای پایدار برای کاهش ضایعات در تولید صنعتی',
+ imageSrc: images.blogImg_1.src,
+ link: '#',
+ },
+ {
+ id: '2',
+ title: 'Advanced Robotics Revolutionizing Industrial Workflows',
+ fa_title: 'رباتیک پیشرفته و تحول فرآیندهای صنعتی',
+ imageSrc: images.blogImg_1.src,
+ link: '#',
+ },
+ {
+ id: '3',
+ title: 'Top Benefits of the Robotics in Manufacturing',
+ fa_title: 'مزایای اصلی استفاده از رباتیک در تولید',
+ imageSrc: images.blogImg_1.src,
+ link: '#',
+ },
+ {
+ id: '4',
+ title: 'Leveraging Data Analytics for Smarter Production',
+ fa_title: 'استفاده از تحلیل داده برای تولید هوشمندتر',
+ imageSrc: images.blogImg_1.src,
+ link: '#',
+ },
+ {
+ id: '5',
+ title: 'Reducing Operational Costs Through Automation',
+ fa_title: 'کاهش هزینهها با اتوماسیون',
+ imageSrc: '/images/post5.jpg',
+ link: '#',
+ },
+ {
+ id: '6',
+ title: 'The Advantages of Customized Manufacturing Solutions',
+ fa_title: 'مزایای راهحلهای سفارشیسازی در تولید',
+ imageSrc: '/images/post6.jpg',
+ link: '#',
+ },
+];
+
+export function generatePosts(): IPostCardProps[] {
+ return [...posts, ...posts, ...posts].map((e, i) => ({
+ ...e,
+ id: String(i + 1),
+ }));
+}
diff --git a/src/app/api/blog/route.ts b/src/app/api/blog/route.ts
new file mode 100644
index 0000000..41746a9
--- /dev/null
+++ b/src/app/api/blog/route.ts
@@ -0,0 +1,37 @@
+import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
+import { generatePosts, IPostCardProps } from './data';
+
+export async function GET(request: Request) {
+ const { searchParams } = new URL(request.url);
+ const page = parseInt(searchParams.get('page') || '1', 10);
+ const limit = parseInt(searchParams.get('limit') || '6', 10);
+ const lang = (await cookies()).get('lang')?.value || 'fa';
+
+ let posts = generatePosts();
+
+ let data: IPostCardProps[] = posts.map(
+ ({ id, title, fa_title, imageSrc, link }) => ({
+ id,
+ title: lang === 'fa' && fa_title ? fa_title : title,
+ imageSrc,
+ link,
+ }),
+ );
+
+ const totalItems = data.length;
+ const totalPages = Math.ceil(totalItems / limit);
+ const startIndex = (page - 1) * limit;
+ const endIndex = startIndex + limit;
+ const paginatedData = data.slice(startIndex, endIndex);
+
+ return NextResponse.json({
+ data: paginatedData,
+ pagination: {
+ currentPage: page,
+ totalPages,
+ totalItems,
+ limit,
+ },
+ });
+}
diff --git a/src/app/api/product_categories/data.ts b/src/app/api/product_categories/data.ts
index bc7c753..dbdddff 100644
--- a/src/app/api/product_categories/data.ts
+++ b/src/app/api/product_categories/data.ts
@@ -5,6 +5,11 @@ export const productCategories = [
fa_title: 'قزاقی',
icon: 'categoryGhazaghi',
typesCount: 22,
+ meta_title: 'Ghazaghi Bricks',
+ meta_description:
+ 'Ghazaghi Bricks are known for their durability and aesthetic appeal.',
+ meta_keywords: 'Ghazaghi, bricks, construction, building materials',
+ slug: 'ghazaghi',
priceTypeTitle: 'Economy',
fa_priceTypeTitle: 'اقتصادی',
bestForTitle: 'Best For Interior Part',
@@ -28,6 +33,11 @@ Facing Bricks: Characteristics and Features`,
fa_title: 'قرمز',
icon: 'categoryGhermez',
typesCount: 12,
+ meta_title: 'Ghermez Bricks',
+ meta_description:
+ 'Ghermez Bricks are known for their durability and aesthetic appeal.',
+ meta_keywords: 'Ghermez, bricks, construction, building materials',
+ slug: 'ghermez',
priceTypeTitle: 'Luxury',
fa_priceTypeTitle: 'لاکچری',
bestForTitle: 'Best For Exterior Part',
@@ -51,6 +61,11 @@ Facing Bricks: Characteristics and Features`,
fa_title: 'زرد',
icon: 'categoryZard',
typesCount: 11,
+ meta_title: 'Zard Bricks',
+ meta_description:
+ 'Zard Bricks are known for their durability and aesthetic appeal.',
+ meta_keywords: 'Zard, bricks, construction, building materials',
+ slug: 'zard',
priceTypeTitle: 'Economy',
fa_priceTypeTitle: 'اقتصادی',
bestForTitle: 'Best For Facing',
@@ -74,6 +89,11 @@ Facing Bricks: Characteristics and Features`,
fa_title: 'سمیرم',
icon: 'categorySemirom',
typesCount: 40,
+ meta_title: 'Semirom Bricks',
+ meta_description:
+ 'Semirom Bricks are known for their durability and aesthetic appeal.',
+ meta_keywords: 'Semirom, bricks, construction, building materials',
+ slug: 'semirom',
priceTypeTitle: 'Economy',
fa_priceTypeTitle: 'اقتصادی',
bestForTitle: 'Best For Building',
@@ -99,6 +119,10 @@ interface APIProductCategoryEntity {
fa_title?: string;
icon: string;
typesCount: number;
+ meta_title: string;
+ meta_description: string;
+ meta_keywords: string;
+ slug: string;
priceTypeTitle: string;
fa_priceTypeTitle?: string;
bestForTitle: string;
diff --git a/src/app/api/product_categories/route.ts b/src/app/api/product_categories/route.ts
index 4cb1e56..7652ca3 100644
--- a/src/app/api/product_categories/route.ts
+++ b/src/app/api/product_categories/route.ts
@@ -18,6 +18,10 @@ export async function GET(request: Request) {
typesCount,
priceTypeTitle,
fa_priceTypeTitle,
+ meta_description,
+ meta_keywords,
+ meta_title,
+ slug,
bestForTitle,
fa_bestForTitle,
description,
@@ -28,6 +32,10 @@ export async function GET(request: Request) {
id,
icon,
typesCount,
+ meta_description,
+ meta_keywords,
+ meta_title,
+ slug,
title: fa_title || title,
priceTypeTitle: fa_priceTypeTitle || priceTypeTitle,
bestForTitle: fa_bestForTitle || bestForTitle,
@@ -41,6 +49,10 @@ export async function GET(request: Request) {
title,
priceTypeTitle,
bestForTitle,
+ meta_description,
+ meta_keywords,
+ meta_title,
+ slug,
description,
};
},
diff --git a/src/assets/constants/routeFactory/index.ts b/src/assets/constants/routeFactory/index.ts
index 8db0ada..4dd2e59 100644
--- a/src/assets/constants/routeFactory/index.ts
+++ b/src/assets/constants/routeFactory/index.ts
@@ -34,7 +34,7 @@ const routeFactory: RouteFactory = (t, locale) => ({
},
blog: {
title: t('pages_blog_title'),
- route: () => `/${locale}/blog-us`,
+ route: () => `/${locale}/blog`,
},
contact: {
title: t('pages_contact_title'),
diff --git a/src/components/layout/hamburgerMenu/index.tsx b/src/components/layout/hamburgerMenu/index.tsx
index cf446e3..b9ba01e 100644
--- a/src/components/layout/hamburgerMenu/index.tsx
+++ b/src/components/layout/hamburgerMenu/index.tsx
@@ -24,7 +24,14 @@ export default function HamburgerMenu({ isOpen, onClose }: Props) {
// Generate links dynamically with current locale and translations
const routes = routeFactory(t, locale);
- const links = [routes.home, routes.about, routes.contact];
+ const links = [
+ routes.home,
+ routes.about,
+ routes.contact,
+ routes.products,
+ routes.projects,
+ routes.blog,
+ ];
useEffect(() => {
function handleClickOutside(event: MouseEvent) {
diff --git a/src/components/pages/blog/PostsGrid.tsx b/src/components/pages/blog/PostsGrid.tsx
index 1d13e33..b6db168 100644
--- a/src/components/pages/blog/PostsGrid.tsx
+++ b/src/components/pages/blog/PostsGrid.tsx
@@ -1,64 +1,67 @@
-import images from '@/assets/images/images';
+'use client';
+
+import { useState } from 'react';
+import Pagination from '@/components/layout/pagination';
+
import Image from 'next/image';
+import Link from 'next/link';
+import { getPosts } from '@/services/blog';
+import { IPostCardProps } from '@/app/api/blog/data';
-const posts = [
- {
- title: 'Sustainable Practices Reducing Waste in Industrial Production',
- image: images.blogImg_1.src,
- link: '#',
- },
- {
- title: 'Advanced Robotics Revolutionizing Industrial Workflows',
- image: images.blogImg_1.src,
- link: '#',
- },
- {
- title: 'Top Benefits of the Robotics in Manufacturing',
- image: images.blogImg_1.src,
- link: '#',
- },
- {
- title: 'Leveraging Data Analytics for Smarter Production',
- image: images.blogImg_1.src,
- link: '#',
- },
- {
- title: 'Reducing Operational Costs Through Automation',
- image: '/images/post5.jpg',
- link: '#',
- },
- {
- title: 'The Advantages of Customized Manufacturing Solutions',
- image: '/images/post6.jpg',
- link: '#',
- },
-];
+export interface IPostsGridProps {
+ initialPosts: IPostCardProps[];
+ initialPagination: {
+ currentPage: number;
+ totalPages: number;
+ totalItems: number;
+ limit: number;
+ };
+}
+
+export default function PostsGrid({
+ initialPosts,
+ initialPagination,
+}: IPostsGridProps) {
+ const [posts, setPosts] = useState(initialPosts);
+ const [pagination, setPagination] = useState(initialPagination);
+
+ const fetchPage = (page: number) => {
+ getPosts(page)
+ .then((res) => {
+ setPosts(res.data);
+ setPagination(res.pagination);
+ })
+ .catch((error) => {
+ console.error('Failed to fetch posts:', error);
+ });
+ };
-export default function PostsGrid() {
return (
-
- {posts.map((post, index) => (
-
-
-
+
+
+ {posts.map((post) => (
+
-
-
-
- ))}
+ ))}
+
+
);
}
diff --git a/src/components/pages/productCategories/productCategoryCard.d.ts b/src/components/pages/productCategories/productCategoryCard.d.ts
index 9c9d1d8..cce6959 100644
--- a/src/components/pages/productCategories/productCategoryCard.d.ts
+++ b/src/components/pages/productCategories/productCategoryCard.d.ts
@@ -7,5 +7,9 @@ export interface IProductCategoryCardProps {
typesCount: number;
priceTypeTitle: string;
bestForTitle: string;
+ meta_description: string;
+ meta_keywords: string;
+ meta_title: string;
+ slug: string;
description: string;
}
diff --git a/src/services/blog.ts b/src/services/blog.ts
new file mode 100644
index 0000000..e059a15
--- /dev/null
+++ b/src/services/blog.ts
@@ -0,0 +1,33 @@
+'use server';
+
+import { IPostCardProps } from '@/app/api/blog/data';
+import api from '@/lib/axios';
+import { cookies } from 'next/headers';
+
+export interface IResponse
{
+ data: T;
+ pagination: {
+ currentPage: number;
+ totalPages: number;
+ totalItems: number;
+ limit: number;
+ };
+}
+
+export async function getPosts(
+ page = 1,
+ limit = 6,
+): Promise> {
+ const cookiesStore = await cookies();
+ return api
+ .get('/blog', {
+ headers: {
+ Cookie: cookiesStore.toString(),
+ },
+ params: { page, limit },
+ })
+ .then(({ data }) => {
+ return Promise.resolve(data);
+ })
+ .catch((error) => Promise.reject(error));
+}