lab5

src/App.jsx

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Routes, Route, Link } from 'react-router-dom';
+import HomePage from './pages/HomePage';
+import CatalogPage from './pages/CatalogPage';
+import AddMoviePage from './pages/AddMoviePage';
+import EditMoviePage from './pages/EditMoviePage';
+import AboutPage from './pages/AboutPage';
+
+function App() {
+  return (
+    <div className="app">
+      <nav className="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div className="container">
+          <Link className="navbar-brand" to="/">
+            <i className="bi bi-film text-orange me-2"></i>
+            Кинотеатр
+          </Link>
+          <button
+            className="navbar-toggler"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#navbarNav"
+            aria-controls="navbarNav"
+            aria-expanded="false"
+            aria-label="Toggle navigation"
+          >
+            <span className="navbar-toggler-icon"></span>
+          </button>
+          <div className="collapse navbar-collapse" id="navbarNav">
+            <ul className="navbar-nav">
+              <li className="nav-item">
+                <Link className="nav-link" to="/">Главная</Link>
+              </li>
+              <li className="nav-item">
+                <Link className="nav-link" to="/catalog">Каталог</Link>
+              </li>
+              <li className="nav-item">
+                <Link className="nav-link" to="/about">О нас</Link>
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+
+      <div className="container py-4">
+        <Routes>
+          <Route path="/" element={<HomePage />} />
+          <Route path="/catalog" element={<CatalogPage />} />
+          <Route path="/add-movie" element={<AddMoviePage />} />
+          <Route path="/edit-movie/:id" element={<EditMoviePage />} />
+          <Route path="/about" element={<AboutPage />} />
+        </Routes>
+      </div>
+
+      <footer className="bg-dark text-white py-4">
+        <div className="container">
+          <div className="row">
+            <div className="col-md-6">
+              <h5>Кинотеатр</h5>
+              <p>Лучшие фильмы и сериалы в одном месте</p>
+            </div>
+            <div className="col-md-6 text-md-end">
+              <p>&copy; 2023 Кинотеатр. Все права защищены.</p>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+}
+
+export default App;