+
+
+ {products.map((product, index) => (
+
+
+
-
+
);
diff --git a/src/components/pages/productCategories/ProductCategoryCardIcon.tsx b/src/components/pages/productCategories/ProductCategoryCardIcon.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/pages/productCategories/ProductCategoryCardInProducts.tsx b/src/components/pages/productCategories/ProductCategoryCardInProducts.tsx
new file mode 100644
index 0000000..eaf3eac
--- /dev/null
+++ b/src/components/pages/productCategories/ProductCategoryCardInProducts.tsx
@@ -0,0 +1,9 @@
+import type { IProductCategoryCardProps } from './productCategoryCard.d';
+
+export default function ProductCategoryCardInProducts(
+ productCategory: IProductCategoryCardProps,
+) {
+ return (
+
+ );
+}
diff --git a/src/components/pages/products/productCategoryCard.d.ts b/src/components/pages/productCategories/productCategoryCard.d.ts
similarity index 100%
rename from src/components/pages/products/productCategoryCard.d.ts
rename to src/components/pages/productCategories/productCategoryCard.d.ts
diff --git a/src/components/pages/productCategories/productCategoryCardIcon.d.ts b/src/components/pages/productCategories/productCategoryCardIcon.d.ts
new file mode 100644
index 0000000..96f745b
--- /dev/null
+++ b/src/components/pages/productCategories/productCategoryCardIcon.d.ts
@@ -0,0 +1,5 @@
+export interface IProductCategoryCardIconProps {
+ type: IProductCategory;
+}
+
+export type IProductCategory = 'ghazaghi' | 'ghermez' | 'zard' | 'semirom';
diff --git a/src/components/pages/products/ProductCard.tsx b/src/components/pages/products/ProductCard.tsx
new file mode 100644
index 0000000..6f68b0f
--- /dev/null
+++ b/src/components/pages/products/ProductCard.tsx
@@ -0,0 +1,21 @@
+import type { IProductCardProps } from './productCard.d';
+
+export default function ProductCard({
+ title,
+ imageSrc,
+ size,
+}: IProductCardProps) {
+ return (
+
+
+
+ );
+}
diff --git a/src/components/pages/products/productCard.d.ts b/src/components/pages/products/productCard.d.ts
new file mode 100644
index 0000000..99f10f1
--- /dev/null
+++ b/src/components/pages/products/productCard.d.ts
@@ -0,0 +1,5 @@
+export interface IProductCardProps {
+ imageSrc: string;
+ title: string;
+ size: string;
+}
diff --git a/src/lib/axios.ts b/src/lib/axios.ts
new file mode 100644
index 0000000..933e69d
--- /dev/null
+++ b/src/lib/axios.ts
@@ -0,0 +1,30 @@
+import axios from 'axios';
+
+// Create an Axios instance
+const api = axios.create({
+ baseURL: process.env.NEXT_PUBLIC_API_BASE_URL || 'http://localhost:3000/api',
+ withCredentials: true, // Send cookies with requests if needed
+});
+
+api.interceptors.request.use(
+ (config) => {
+ // Example: Add lang cookie from browser (client-side only)
+ if (typeof window !== 'undefined') {
+ const match = document.cookie.match(/(^| )lang=([^;]+)/);
+ if (match) {
+ config.headers['lang'] = decodeURIComponent(match[2]);
+ }
+ }
+ return config;
+ },
+ (error) => Promise.reject(error),
+);
+
+api.interceptors.response.use(
+ (response) => response,
+ (error) => {
+ return Promise.reject(error);
+ },
+);
+
+export default api;
diff --git a/src/locales/en.ts b/src/locales/en.ts
index ec3f2c2..92c55d1 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -4,6 +4,7 @@ const en = {
pages_about_title: 'About Us',
pages_about_description: 'Learn more about us on this page',
pages_contact_title: 'Contact Us',
+ pages_product_categories_title: 'Products',
pages_products_title: 'Products',
pages_blog_title: 'Blog',
pages_projects_title: 'Projects',
@@ -59,6 +60,18 @@ const en = {
com_products_category_Zard_title: 'Zard',
com_products_category_types_count: ({ count }: { count: number }) =>
`${count} Types`,
+ com_products_category_show_all_CTA: 'Show Products',
+ pages_products_content_title:
+ 'Brick Classification: Understanding the Variety and Applications',
+ pages_products_content_description: `Bricks, as one of humanity's oldest and most widely used building materials, have evolved significantly throughout history. Today, they are produced and supplied in an incredibly diverse range, allowing engineers and architects to choose the most suitable brick for any project and need, from traditional and historic structures to modern and advanced buildings. To better understand this diversity, we can classify bricks based on several key criteria, each with its own specific characteristics and applications.
+\n 1. Classification by Manufacturing Method: From Tradition to Advanced Industry
+The method by which bricks are produced directly impacts their appearance, texture, and properties.
+Hand-moulded/Stock Bricks: These bricks are produced by manually pressing clay into molds. The result is a brick with a relatively rough texture, uneven edges, and a more traditional appearance, where each piece feels unique. This type of brick is often used for restoration projects or for constructing buildings with a rustic or antique style.
+Machine-made Bricks: These bricks are produced using industrial machinery, resulting in much higher precision in dimensions and uniformity in appearance. Machine-made bricks themselves are divided into two main categories:
+Perforated/Hollow Bricks: These bricks have holes, offering several advantages: they reduce building weight, improve thermal and acoustic insulation, and enhance mortar adhesion.
+Solid Bricks: These bricks are without holes and possess very high compressive strength. They are ideal for load-bearing structures and walls requiring maximum strength.
+2. Classification by Raw Material Type and Composition: From Clay to Concrete
+The material from which a brick is made determines its physical and chemical properties.`,
};
export default en;
diff --git a/src/locales/fa.ts b/src/locales/fa.ts
index d3b336e..8f3ac9b 100644
--- a/src/locales/fa.ts
+++ b/src/locales/fa.ts
@@ -6,7 +6,7 @@ const fa = {
pages_about_title: 'About Us',
pages_about_description: 'Learn more about us on this page',
pages_contact_title: 'Contact Us',
- pages_products_title: 'Product',
+ pages_product_categories_title: 'Product',
pages_blog_title: 'Blog',
pages_projects_title: 'Project',
pages_contact_description: 'Get in touch with us through this page',
diff --git a/src/services/products.ts b/src/services/products.ts
new file mode 100644
index 0000000..0194442
--- /dev/null
+++ b/src/services/products.ts
@@ -0,0 +1,19 @@
+import api from '@/lib/axios';
+
+export function getProductCategories() {
+ return api
+ .get('/product_categories')
+ .then(({ data }) => {
+ return Promise.resolve(data.data);
+ })
+ .catch((error) => Promise.reject(error));
+}
+
+export function getProductCategoryById(categoryId: string) {
+ return api
+ .get(`/product_categories/${categoryId}`)
+ .then(({ data }) => {
+ return Promise.resolve(data.data);
+ })
+ .catch((error) => Promise.reject(error));
+}
+ 
+
+