marked ou the project

src/pages/Layout/Layout.module.css

@@ -0,0 +1,4 @@
+.layout {
+  min-height: 100vh;
+  padding-block: var(--space-8);
+}

src/pages/Layout/Layout.tsx

@@ -0,0 +1,14 @@
+import { Navigate, Outlet } from "react-router-dom";
+import { useAppSelector } from "../../store/hooks";
+import styles from "./Layout.module.css";
+
+export default function Layout() {
+
+  return (
+    <div className={styles.layout}>
+      <div className="page-shell">
+        <Outlet />
+      </div>
+    </div>
+  );
+}

src/pages/Main/Main.module.css

@@ -0,0 +1,15 @@
+.page {
+  display: grid;
+  gap: var(--space-4);
+}
+
+.title {
+  margin: 0;
+  font-size: 32px;
+  line-height: 1.15;
+}
+
+.text {
+  margin: 0;
+  color: var(--color-text-muted);
+}

src/pages/Main/Main.tsx

@@ -0,0 +1,10 @@
+import styles from "./Main.module.css";
+
+export default function Main() {
+  return (
+    <main className={styles.page}>
+      <h1 className={styles.title}>Главная</h1>
+      <p className={styles.text}>Базовая страница приложения готова.</p>
+    </main>
+  );
+}