From c6e4801ff6d7dbb436e8c756cf04f1da31eed6c3 Mon Sep 17 00:00:00 2001
From: Oleg Urin <olegurin76@mail.ru>
Date: Wed, 23 Sep 2026 15:58:51 +0300
Subject: [PATCH] .

---
 src/config/routes.tsx                | 4 ++++
 src/pages/Main/Main.tsx              | 5 +++++
 src/pages/Picture/Picture.module.css | 0
 src/pages/Picture/Picture.tsx        | 8 ++++++++
 src/pages/Video/VideoPage.module.css | 0
 src/pages/Video/VideoPage.tsx        | 6 ++++++
 6 files changed, 23 insertions(+)
 create mode 100644 src/pages/Picture/Picture.module.css
 create mode 100644 src/pages/Picture/Picture.tsx
 create mode 100644 src/pages/Video/VideoPage.module.css
 create mode 100644 src/pages/Video/VideoPage.tsx

diff --git a/src/config/routes.tsx b/src/config/routes.tsx
index b96738d..08bf7fa 100644
--- a/src/config/routes.tsx
+++ b/src/config/routes.tsx
@@ -1,12 +1,16 @@
 import { Routes, Route } from 'react-router-dom';
 import Layout from '../pages/Layout/Layout';
 import Main from '../pages/Main/Main';
+import Picture from '../pages/Picture/Picture';
+import Video from '../pages/Video/VideoPage';
 
 export default function AppRoutes(){
     return (
         <Routes>
             <Route path='/' element={<Layout />}>
                 <Route index element={<Main />} />
+                <Route path='picture' element={<Picture />} />
+                <Route path="video" element={<Video />} />
             </Route>
         </Routes>
     );
diff --git a/src/pages/Main/Main.tsx b/src/pages/Main/Main.tsx
index 5d019ce..d8c4a25 100644
--- a/src/pages/Main/Main.tsx
+++ b/src/pages/Main/Main.tsx
@@ -1,10 +1,15 @@
 import styles from "./Main.module.css";
+import {useNavigate} from "react-router-dom";
 
 export default function Main() {
+  const navigate = useNavigate();
+
   return (
     <main className={styles.page}>
       <h1 className={styles.title}>Главная</h1>
       <p className={styles.text}>Базовая страница приложения готова.</p>
+      <button onClick={() => navigate('/picture')}>Go to Picture</button>
+      <button onClick={() => navigate('/video')}>Go to Video</button>
     </main>
   );
 }
diff --git a/src/pages/Picture/Picture.module.css b/src/pages/Picture/Picture.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/Picture/Picture.tsx b/src/pages/Picture/Picture.tsx
new file mode 100644
index 0000000..902ba1b
--- /dev/null
+++ b/src/pages/Picture/Picture.tsx
@@ -0,0 +1,8 @@
+
+export default function Picture() {
+    return (
+        <main>
+            <h1>Picture</h1>
+        </main>
+    );
+}
\ No newline at end of file
diff --git a/src/pages/Video/VideoPage.module.css b/src/pages/Video/VideoPage.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/Video/VideoPage.tsx b/src/pages/Video/VideoPage.tsx
new file mode 100644
index 0000000..9f31087
--- /dev/null
+++ b/src/pages/Video/VideoPage.tsx
@@ -0,0 +1,6 @@
+
+export default function Video() {
+    return (
+        <div>video</div>
+    )
+}
\ No newline at end of file