From 27523cb2a12595caa5898aee21d3b616db15c937 Mon Sep 17 00:00:00 2001
From: Oleg Urin <olegurin76@mail.ru>
Date: Tue, 7 Apr 2026 15:18:09 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BD=D0=B0=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Banner/Banner.tsx         | 3 +++
 src/components/Categories/Categories.tsx | 7 +++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Banner/Banner.tsx b/src/components/Banner/Banner.tsx
index 652bb4b..68d49bf 100644
--- a/src/components/Banner/Banner.tsx
+++ b/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('Кнопка нажата!');
     };
 
diff --git a/src/components/Categories/Categories.tsx b/src/components/Categories/Categories.tsx
index 2a72a39..25c29fe 100644
--- a/src/components/Categories/Categories.tsx
+++ b/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}>