Merge branch 'main' of https://github.com/ViktorSvertoka/power-pulse

package.json

@@ -37,4 +37,4 @@
     "*.{js,jsx}": "eslint --cache --fix",
     "*./src": "prettier --write"
   }
-}
+}

src/App.jsx

@@ -1,9 +1,19 @@
 import { Route, Routes } from 'react-router-dom';
 import SharedLayout from './components/SharedLayout/SharedLayout';
-import FirstPage from './pages/FirstPage/FirstPage';
-import SecondPage from './pages/SecondPage/SecondPage';
-import HalfPage from './pages/HalfPage/HalfPage';
+// import FirstPage from './pages/FirstPage/FirstPage';
+// import SecondPage from './pages/SecondPage/SecondPage';
+// import HalfPage from './pages/HalfPage/HalfPage';
 import ErrorPage from './pages/ErrorPage/ErrorPage';
+import SignUpPage from './pages/SignUpPage/SignUpPage';
+import SignUpBodyPage from './pages/SignUpBodyPage/SignUpBodyPage';
+import SignInPage from './pages/SignInPage/SignInPage';
+import DiaryPage from './pages/DiaryPage/DiaryPage';
+import ProductsPage from './pages/ProductsPage/ProductsPage';
+import ExercisesPage from './pages/ExercisesPage/ExercisesPage';
+import ProfilePage from './pages/ProfilePage/ProfilePage';
+import HomePage from './pages/HomePage/HomePage';
+import SignUpAccessPage from './pages/SignUpAccessPage/SignUpAccessPage';
+import SignUpBloodPage from './pages/SignUpBloodPage/SignUpBloodPage';
 
 const test = import.meta.env.VITE_API_TEST;
 
@@ -12,10 +22,18 @@ function App() {
   return (
     <Routes>
       <Route path="/" element={<SharedLayout />}>
-        <Route path="/first" element={<FirstPage />} />
-        <Route path="/second" element={<SecondPage />}>
-          <Route path=":half" element={<HalfPage />} />
+        <Route index element={<HomePage />} />
+        <Route path="signup" element={<SignUpPage />} />
+        <Route path="params">
+          <Route path="body" element={<SignUpBodyPage />} />
+          <Route path="blood" element={<SignUpBloodPage />} />
+          <Route path="access" element={<SignUpAccessPage />} />
         </Route>
+        <Route path="signin" element={<SignInPage />} />
+        <Route path="diary" element={<DiaryPage />} />
+        <Route path="products" element={<ProductsPage />} />
+        <Route path="exercises" element={<ExercisesPage />} />
+        <Route path="profile" element={<ProfilePage />} />
 
         <Route path="*" element={<ErrorPage />} />
       </Route>

src/components/Header/Header.jsx

@@ -4,8 +4,8 @@ export const Header = () => {
   return (
     <HeaderContainer>
       <Navigation>
-        <StyledLink to="/first">First</StyledLink>
-        <StyledLink to="/second">Second</StyledLink>
+        <StyledLink to="/signup">SignUpPage</StyledLink>
+        <StyledLink to="/signin">SignInPage</StyledLink>
       </Navigation>
     </HeaderContainer>
   );

src/index.css

@@ -1,6 +1,6 @@
 body {
-  background-color: #000;
-  background-image: url('./assets/background.png');
+  background-color: #fff;
+  /* background-image: url('./assets/background.png'); */
   background-size: auto 100%;
   background-position: center center;
   background-repeat: no-repeat;

src/pages/DiaryPage/DiaryPage.jsx

@@ -0,0 +1,5 @@
+const DiaryPage = () => {
+  return <div>Diary page</div>;
+};
+
+export default DiaryPage;

src/pages/ExercisesPage/ExercisesPage.jsx

@@ -0,0 +1,5 @@
+const ExercisesPage = () => {
+  return <div>ExercisesPage</div>;
+};
+
+export default ExercisesPage;

src/pages/HomePage/HomePage.jsx

@@ -0,0 +1,5 @@
+const HomePage = () => {
+  return <div>HomePage</div>;
+};
+
+export default HomePage;

src/pages/ProductsPage/ProductsPage.jsx

@@ -0,0 +1,5 @@
+const ProductsPage = () => {
+  return <div>ProductsPage</div>;
+};
+
+export default ProductsPage;

src/pages/ProfilePage/ProfilePage.jsx

@@ -0,0 +1,5 @@
+const ProfilePage = () => {
+  return <div>ProfilePage</div>;
+};
+
+export default ProfilePage;

src/pages/SignInPage/SignInPage.jsx

@@ -0,0 +1,5 @@
+const SignInPage = () => {
+  return <div>SignInPage</div>;
+};
+
+export default SignInPage;

src/pages/SignUpAccessPage/SignUpAccessPage.jsx

@@ -0,0 +1,5 @@
+const SignUpAccessPage = () => {
+  return <div>SignUpAccessPage</div>;
+};
+
+export default SignUpAccessPage;

src/pages/SignUpBloodPage/SignUpBloodPage.jsx

@@ -0,0 +1,5 @@
+const SignUpBloodPage = () => {
+  return <div>SignUpBloodPage</div>;
+};
+
+export default SignUpBloodPage;

src/pages/SignUpBodyPage/SignUpBodyPage.jsx

@@ -0,0 +1,5 @@
+const SignUpBodyPage = () => {
+  return <div>SignUpBodyPage Page</div>;
+};
+
+export default SignUpBodyPage;

src/pages/SignUpPage/SignUpPage.jsx

@@ -0,0 +1,5 @@
+const SignUpPage = () => {
+  return <div>SignUp Page</div>;
+};
+
+export default SignUpPage;