feat: add product category components and services

- Implemented ProductCategoryCard component for displaying product categories with icons, titles, and counts.
- Created ProductCategoryCardInProducts component for rendering product categories in a product context.
- Defined TypeScript interfaces for product category props.
- Added ProductCard component for individual product display with image and title.
- Established Axios instance for API calls with request and response interceptors.
- Developed services for fetching product categories and category details from the API.

src/app/api/product_categories/[id]/route.ts

@@ -0,0 +1,39 @@
+import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
+import { productCategories } from '../data';
+
+export async function GET(
+  request: Request,
+  { params }: { params: { id: string } },
+) {
+  const cookieStore = await cookies();
+  const lang = cookieStore.get('lang')?.value || 'en';
+
+  const category = productCategories.find((cat) => cat.id === params.id);
+
+  if (!category) {
+    return NextResponse.json({ error: 'Not found' }, { status: 404 });
+  }
+
+  const titleData =
+    lang === 'fa' && category.fa_title ? category.fa_title : category.title;
+  const priceTypeTitleData =
+    lang === 'fa' && category.fa_priceTypeTitle
+      ? category.fa_priceTypeTitle
+      : category.priceTypeTitle;
+  const bestForTitleData =
+    lang === 'fa' && category.fa_bestForTitle
+      ? category.fa_bestForTitle
+      : category.bestForTitle;
+
+  return NextResponse.json({
+    data: {
+      id: category.id,
+      icon: category.icon,
+      typesCount: category.typesCount,
+      title: titleData,
+      priceTypeTitle: priceTypeTitleData,
+      bestForTitle: bestForTitleData,
+    },
+  });
+}

src/app/api/product_categories/data.ts

@@ -0,0 +1,58 @@
+export const productCategories = [
+  {
+    id: '1',
+    title: 'Ghazaghi',
+    fa_title: 'قزاقی',
+    icon: 'categoryGhazaghi',
+    typesCount: 22,
+    priceTypeTitle: 'Economy',
+    fa_priceTypeTitle: 'اقتصادی',
+    bestForTitle: 'Best For Interior Part',
+    fa_bestForTitle: 'Best For Interior Part',
+  },
+  {
+    id: '2',
+    title: 'Ghermez',
+    fa_title: 'قرمز',
+    icon: 'categoryGhermez',
+    typesCount: 12,
+    priceTypeTitle: 'Luxury',
+    fa_priceTypeTitle: 'لاکچری',
+    bestForTitle: 'Best For Exterior Part',
+    fa_bestForTitle: 'Best For Exterior Part',
+  },
+  {
+    id: '3',
+    title: 'oryZard',
+    fa_title: 'زرد',
+    icon: 'categoryZard',
+    typesCount: 11,
+    priceTypeTitle: 'Economy',
+    fa_priceTypeTitle: 'اقتصادی',
+    bestForTitle: 'Best For Facing',
+    fa_bestForTitle: 'Best For Facing',
+  },
+  {
+    id: '40',
+    title: 'Semirom',
+    fa_title: 'سمیرم',
+    icon: 'categorySemirom',
+    typesCount: 40,
+    priceTypeTitle: 'Economy',
+    fa_priceTypeTitle: 'اقتصادی',
+    bestForTitle: 'Best For Building',
+    fa_bestForTitle: 'Best For Building',
+  },
+] as APIProductCategoryEntity[];
+
+interface APIProductCategoryEntity {
+  id: string;
+  title: string;
+  fa_title?: string;
+  icon: string;
+  typesCount: number;
+  priceTypeTitle: string;
+  fa_priceTypeTitle?: string;
+  bestForTitle: string;
+  fa_bestForTitle?: string;
+}

src/app/api/product_categories/route.ts

@@ -0,0 +1,44 @@
+import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
+import { productCategories } from './data';
+
+export async function GET(request: Request) {
+  let data = productCategories;
+
+  const cookieStore = cookies();
+  const lang = (await cookieStore).get('lang')?.value || 'fa';
+
+  if (lang === 'fa') {
+    data = productCategories.map(
+      ({
+        id,
+        title,
+        fa_title,
+        icon,
+        typesCount,
+        priceTypeTitle,
+        fa_priceTypeTitle,
+        bestForTitle,
+        fa_bestForTitle,
+      }) => {
+        const titleData = lang === 'fa' && fa_title ? fa_title : title;
+        const priceTypeTitleData =
+          lang === 'fa' && fa_priceTypeTitle
+            ? fa_priceTypeTitle
+            : priceTypeTitle;
+        const bestForTitleData =
+          lang === 'fa' && fa_bestForTitle ? fa_bestForTitle : bestForTitle;
+        return {
+          id,
+          icon,
+          typesCount,
+          title: titleData,
+          priceTypeTitle: priceTypeTitleData,
+          bestForTitle: bestForTitleData,
+        };
+      },
+    );
+  }
+
+  return NextResponse.json({ data: productCategories });
+}

src/app/api/product_category/route.ts

@@ -0,0 +1,42 @@
+import { NextResponse } from 'next/server';
+import { cookies } from 'next/headers';
+import { productCategories } from '../product_categories/data';
+
+export async function GET(request: Request) {
+  const data = productCategories.find(
+    (productCategory) => productCategory.id === request.url.split('/').pop(),
+  );
+
+  const cookieStore = cookies();
+  const lang = (await cookieStore).get('lang')?.value || 'fa';
+
+  // if (lang === 'fa') {
+  //   data = productCategories.find(
+  //     ({
+  //       id,
+  //       title,
+  //       fa_title,
+  //       icon,
+  //       typesCount,
+  //       priceTypeTitle,
+  //       fa_priceTypeTitle,
+  //       bestForTitle,
+  //       fa_bestForTitle,
+  //     }) => {
+  //       const titleData = lang === 'fa' && fa_title ? fa_title : title;
+  //       const priceTypeTitleData =
+  //         lang === 'fa' && fa_priceTypeTitle
+  //           ? fa_priceTypeTitle
+  //           : priceTypeTitle;
+  //       const bestForTitleData =
+  //         lang === 'fa' && fa_bestForTitle ? fa_bestForTitle : bestForTitle;
+  // return {data}
+  // }
+
+  return NextResponse.json({ data });
+}
+
+export async function POST(request: Request) {
+  const data = await request.json();
+  return NextResponse.json({ message: 'Received POST request', data });
+}