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/assets/constants/footerMenu/quickLinks.const.ts

@@ -6,8 +6,8 @@ export const quickLinks = [
     link: routeFactory.home.route(),
   },
   {
-    title: routeFactory.products.title,
-    link: routeFactory.products.route(),
+    title: routeFactory.productCategories.title,
+    link: routeFactory.productCategories.route(),
   },
   {
     title: routeFactory.projects.title,

src/assets/constants/routeFactory/index.ts

@@ -5,9 +5,13 @@ export default {
     title: t('pages_home_title'),
     route: () => '/',
   },
+  productCategories: {
+    title: t('pages_product_categories_title'),
+    route: () => '/product-categories',
+  },
   products: {
     title: t('pages_products_title'),
-    route: () => '/products',
+    route: (productId: string) => `/product-categories/${productId}`,
   },
   projects: {
     title: t('pages_projects_title'),

src/assets/images/images.ts

@@ -6,6 +6,7 @@ import aboutImg_1 from './about-img-1.png';
 import aboutImg_2 from './about-img-2.png';
 import homeProductBack from './home_product_back.jpeg';
 import whatWeDoImage from './what-we-do-image.png';
+import product1 from './product1.png';
 
 export default {
   homeBanner,
@@ -16,4 +17,5 @@ export default {
   aboutImg_2,
   homeProductBack,
   whatWeDoImage,
+  product1,
 };