добавил навигацию

src/components/Banner/Banner.tsx

@@ -4,6 +4,7 @@ import { Carousel } from "antd";
 import Button from '../Button/Button.tsx';
 import banner_img1 from '../../assets/images/mainPage/ChatGPT-Image-Oct-1_-2025_-05_29_18-PM.png'
 import banner_img2 from '../../assets/images/mainPage/296170994030930.jpg'
+import { useNavigate } from 'react-router-dom';
 
 export interface SlideItem {
 id: number;
@@ -33,8 +34,10 @@ const slides: SlideItem[] = [
 
 
 const BannerSlider: React.FC = () => {
+const navigate = useNavigate();
 
 const handleClick = () => {
+    navigate('/products')
         console.log('Кнопка нажата!');
     };
 

src/components/Categories/Categories.tsx

@@ -4,6 +4,7 @@ import Button from "../Button/Button";
 import category_internal1 from "../../assets/images/mainPage/category_internal1.jpg"
 import category_interna2 from "../../assets/images/mainPage/category_internal2.jpg"
 import { useAppSelector, useAppDispatch } from "../../app/hooks";
+import { useNavigate } from "react-router-dom";
 
 interface CategoryItem {
 id: number;
@@ -40,10 +41,12 @@ image: category_internal1,
 
 
 const CategoriesGrid: React.FC = () => {
+const navigate = useNavigate();
 
 const handleClick = () => {
-        console.log('Кнопка нажата!');
-    };
+    navigate('/products');
+    console.log('Кнопка нажата!');
+};
 
 return (
 <div className={styles.wrapper}>