diff --git a/src/Api/tournaments.json b/src/Api/tournaments.json
index 6cf721c..ec604f9 100644
--- a/src/Api/tournaments.json
+++ b/src/Api/tournaments.json
@@ -55,9 +55,9 @@
         "date": "2023-07-16",
         "players": [
           { "member_id": "39", "win": 2, "defeat": 3, "position": 3 },
-          { "member_id": "57", "win": 0, "defeat": 3, "position": 1 },
+          { "member_id": "57", "win": 0, "defeat": 3, "position": 4 },
           { "member_id": "5", "win": 0, "defeat": 3, "position": 4 },
-          { "member_id": "85", "win": 5, "defeat": 0, "position": 4 },
+          { "member_id": "85", "win": 5, "defeat": 0, "position": 1 },
           { "member_id": "76", "win": 4, "defeat": 2, "position": 2 }
         ]
       },
@@ -182,6 +182,16 @@
           { "member_id": "11", "win": 5, "defeat": 1, "position": 2 },
           { "member_id": "1", "win": 3, "defeat": 3, "position": 3 }
         ]
+      },
+      {
+        "date": "2024-05-19",
+        "players": [
+          { "member_id": "30", "win": 0, "defeat": 8, "position": 5 },
+          { "member_id": "85", "win": 5, "defeat": 6, "position": 4 },
+          { "member_id": "76", "win": 6, "defeat": 3, "position": 2 },
+          { "member_id": "57", "win": 6, "defeat": 4, "position": 3 },
+          { "member_id": "1", "win": 7, "defeat": 3, "position": 1 }
+        ]
       }
     ]
   }
diff --git a/src/App.js b/src/App.js
index 297eecf..b81c439 100644
--- a/src/App.js
+++ b/src/App.js
@@ -18,11 +18,9 @@ function App() {
         <Routes>
           <Route path="/" element={<Layout />}>
             <Route index element={<HomePage />} />F
-            
             <Route path="tournaments" element={<TournamentsPage />} />
             <Route path="tournaments/:id" element={<StagesList />} />
             <Route path="tournaments/:id/:id" element={<ParticipantsList />} />
-
             <Route path="members" element={<MembersPage />}>
               <Route path="user/:id" element={<MembersModal />} />
             </Route>
diff --git a/src/Layout/Layout.jsx b/src/Layout/Layout.jsx
index a5be209..d0fca78 100644
--- a/src/Layout/Layout.jsx
+++ b/src/Layout/Layout.jsx
@@ -4,8 +4,32 @@ import { Footer } from "../components/Footer/Footer";
 import { ScrollToTopButton } from "../components/ScrollToTopButton/ScrollToTopButton";
 import { ContactsSection } from "../components/ContactsSection/ContactsSection";
 import { LastUpdateSection } from "../components/LastUpdateSection/LastUpdateSection";
+import { useEffect } from "react";
+import { useStateContext } from "../state/stateContext";
+import { membersApi, photosApi, tournamentsApi } from "../Api/ApiRequest";
 
 const Layout = () => {
+  const { setGlobalState } = useStateContext();
+
+  useEffect(() => {
+    const members = membersApi();
+    members?.sort((a, b) => a.name.localeCompare(b.name));
+
+    const tournaments = tournamentsApi();
+    tournaments?.sort((a, b) => a.name.localeCompare(b.name));
+
+    const photos = photosApi();
+    photos?.sort((a, b) => b.date.localeCompare(a.date));
+
+    setGlobalState((prev) => ({
+      ...prev,
+      members,
+      tournaments,
+      photos,
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   return (
     <>
       <AppBar />
diff --git a/src/components/ImageGallery/ImageGalleryModal.jsx b/src/components/ImageGallery/ImageGalleryModal.jsx
index 44725ed..f0b12dc 100644
--- a/src/components/ImageGallery/ImageGalleryModal.jsx
+++ b/src/components/ImageGallery/ImageGalleryModal.jsx
@@ -14,9 +14,12 @@ import sprite from "../../sprite.svg";
 import { Loader } from "../Loaders/Loaders";
 import { Modal } from "../Modal/Modal";
 import { Portal } from "../../Routes/Portal/Portal";
-import { photosApi } from "../../Api/ApiRequest";
+import { useStateContext } from "../../state/stateContext";
 
 export const ImageGalleryModal = () => {
+  const { globalState } = useStateContext();
+  const { photos } = globalState;
+
   const { id } = useParams();
   const navigate = useNavigate();
 
@@ -39,9 +42,7 @@ export const ImageGalleryModal = () => {
       setScrollPosition(rect.y - window.innerHeight / 2 + 100);
     }
 
-    const gallery = photosApi();
-    const orderedGallery =
-      order === "newest" ? gallery : [...gallery].reverse();
+    const orderedGallery = order === "newest" ? photos : [...photos].reverse();
     setGalleryArray(orderedGallery);
 
     const current = orderedGallery.find((el) => String(el.id) === String(id));
@@ -52,7 +53,7 @@ export const ImageGalleryModal = () => {
       document.documentElement.classList.remove("modal-open");
       window.scrollTo(0, scrollPosition);
     };
-  }, [id, liElement, order, scrollPosition]);
+  }, [id, liElement, order, photos, scrollPosition]);
 
   const closeModal = () => {
     navigate("/gallery");
diff --git a/src/components/LastUpdateSection/LastUpdateSection.jsx b/src/components/LastUpdateSection/LastUpdateSection.jsx
index e507a01..da44b6a 100644
--- a/src/components/LastUpdateSection/LastUpdateSection.jsx
+++ b/src/components/LastUpdateSection/LastUpdateSection.jsx
@@ -11,7 +11,7 @@ export const LastUpdateSection = () => {
               <use href={sprite + "#icon-loop"}></use>
             </IconSvg>
           </IconWrap>
-          Останнє оновлення: 03.05.2024
+          Останнє оновлення: 25.05.2024
         </Text>
       </Section>
     </>
diff --git a/src/components/MembersList/MembersModal.jsx b/src/components/MembersList/MembersModal.jsx
index 6fe454d..1f7e085 100644
--- a/src/components/MembersList/MembersModal.jsx
+++ b/src/components/MembersList/MembersModal.jsx
@@ -13,9 +13,12 @@ import {
 
 import { Modal } from "../Modal/Modal";
 import { Portal } from "../../Routes/Portal/Portal";
-import { membersApi } from "../../Api/ApiRequest";
+import { useStateContext } from "../../state/stateContext";
 
 export const MembersModal = () => {
+  const { globalState } = useStateContext();
+  const { members } = globalState;
+
   const { id } = useParams();
   const navigate = useNavigate();
 
@@ -50,8 +53,7 @@ export const MembersModal = () => {
     document.body.classList.add("modal-open");
     document.documentElement.classList.add("modal-open");
 
-    const members = membersApi();
-    const current = members.find((el) => String(el.id) === String(id));
+    const current = members?.find((el) => String(el.id) === String(id));
     setCurrentMember(current);
 
     return () => {
@@ -59,7 +61,7 @@ export const MembersModal = () => {
       document.documentElement.classList.remove("modal-open");
       window.scrollTo(0, scrollPosition);
     };
-  }, [id, scrollPosition]);
+  }, [id, members, scrollPosition]);
 
   const closeModal = () => {
     navigate("/members");
diff --git a/src/components/MembersList/avatars/1.jpg b/src/components/MembersList/avatars/1.jpg
index 8752f00..cbdcaaa 100644
Binary files a/src/components/MembersList/avatars/1.jpg and b/src/components/MembersList/avatars/1.jpg differ
diff --git a/src/components/ParticipantsList/ParticipantsItem.jsx b/src/components/ParticipantsList/ParticipantsItem.jsx
index 3275302..a3624c2 100644
--- a/src/components/ParticipantsList/ParticipantsItem.jsx
+++ b/src/components/ParticipantsList/ParticipantsItem.jsx
@@ -1,17 +1,19 @@
 import { Item, ItemText, ItemWrap } from "./ParticipantsList-styled";
-import { membersApi } from "../../Api/ApiRequest";
 import { useParams } from "react-router-dom";
 import { defineRank } from "../../helpers/defineRank";
+import { useStateContext } from "../../state/stateContext";
+import { isDateHidden } from "../../helpers/isDateHidden";
 
 export const ParticipantsItem = ({ el, index }) => {
+  const { globalState } = useStateContext();
+  const { members } = globalState;
+
   const { id } = useParams();
-  const members = membersApi();
   const participant = members.find((member) => member.id === el.member_id);
 
   const participantRank = defineRank(el.position);
 
-  const isHide =
-    id === "2024-04-07" || id === "2024-04-21" || id === "2024-04-28";
+  const isHide = isDateHidden(id);
 
   return (
     <>
diff --git a/src/components/ParticipantsList/ParticipantsList.jsx b/src/components/ParticipantsList/ParticipantsList.jsx
index f94c08d..15ce7c8 100644
--- a/src/components/ParticipantsList/ParticipantsList.jsx
+++ b/src/components/ParticipantsList/ParticipantsList.jsx
@@ -10,22 +10,30 @@ import {
 import { ParticipantsListHeading } from "./ParticipantsListHeading";
 import sprite from "../../sprite.svg";
 import { ParticipantsItem } from "./ParticipantsItem";
+import { useStateContext } from "../../state/stateContext";
 
 export const ParticipantsList = () => {
-  const { state } = useLocation();
+  const { globalState } = useStateContext();
+  const { tournaments } = globalState;
+
+  const { pathname } = useLocation();
   const navigate = useNavigate();
 
+  const parts = pathname.split("/");
+  const tournamentId = parts[2];
+  const stageId = parts[3];
+
+  const { stages } = tournaments?.find((t) => t.id === tournamentId);
+  const currentStage = stages?.find((s) => s.date === stageId);
+
   const handleBack = () => {
-    navigate(-1);
+    navigate(`/tournaments/${tournamentId}`);
   };
 
   return (
     <>
       <Section>
-        <TitleSection
-          icon={"#icon-users"}
-          title={"Кількість учасників: " + state?.players?.length}
-        >
+        <TitleSection icon={"#icon-users"} title={currentStage?.date}>
           <Button onClick={handleBack}>
             <ButtonIconSvg>
               <use href={sprite + "#icon-undo"}></use>
@@ -35,7 +43,7 @@ export const ParticipantsList = () => {
         </TitleSection>
         <List>
           <ParticipantsListHeading />
-          {state?.players?.map((el, index) => (
+          {currentStage?.players?.map((el, index) => (
             <ParticipantsItem key={el.member_id} el={el} index={index} />
           ))}
         </List>
diff --git a/src/components/StagesList/StagesItem.jsx b/src/components/StagesList/StagesItem.jsx
index 423c33a..ef7f218 100644
--- a/src/components/StagesList/StagesItem.jsx
+++ b/src/components/StagesList/StagesItem.jsx
@@ -1,17 +1,17 @@
 import { format } from "date-fns";
 import ukLocale from "date-fns/locale/uk";
 import { Item, ItemText, ItemWrap } from "./StagesList-styled";
-import { membersApi } from "../../Api/ApiRequest";
 import { useNavigate } from "react-router-dom";
+import { useStateContext } from "../../state/stateContext";
+import { isDateHidden } from "../../helpers/isDateHidden";
 
 export const StagesItem = ({ el, index }) => {
-  const isHide =
-    el.date === "2024-04-07" ||
-    el.date === "2024-04-21" ||
-    el.date === "2024-04-28";
+  const { globalState } = useStateContext();
+  const { members } = globalState;
+
   const navigate = useNavigate();
 
-  const members = membersApi();
+  const isHide = isDateHidden(el.date);
 
   const winner = el?.players?.find((player) => player.position === 1);
   const { name } = members?.find((member) => member.id === winner.member_id);
diff --git a/src/components/StagesList/StagesList.jsx b/src/components/StagesList/StagesList.jsx
index 9f04a3c..9467fb9 100644
--- a/src/components/StagesList/StagesList.jsx
+++ b/src/components/StagesList/StagesList.jsx
@@ -1,16 +1,21 @@
-import { useLocation, useNavigate } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 import { TitleSection } from "../TitleSection/TitleSection";
 import { StagesItem } from "./StagesItem";
 import { Button, ButtonIconSvg, List, Section } from "./StagesList-styled";
 import { StagesListHeading } from "./StagesListHeading";
 import sprite from "../../sprite.svg";
+import { useStateContext } from "../../state/stateContext";
 
 export const StagesList = () => {
-  const { state } = useLocation();
+  const { globalState } = useStateContext();
+  const { tournaments } = globalState;
+
   const navigate = useNavigate();
+  const { id } = useParams();
+  const currentTournament = tournaments?.find((t) => t.id === id);
 
   const handleBack = () => {
-    navigate(-1);
+    navigate("/tournaments");
   };
 
   return (
@@ -18,7 +23,7 @@ export const StagesList = () => {
       <Section>
         <TitleSection
           icon={"#icon-medal"}
-          title={"Кількість етапів: " + state?.stages?.length}
+          title={"Кількість етапів: " + currentTournament?.stages?.length}
         >
           <Button onClick={handleBack}>
             <ButtonIconSvg>
@@ -29,7 +34,7 @@ export const StagesList = () => {
         </TitleSection>
         <List>
           <StagesListHeading />
-          {state?.stages?.map((el, index) => (
+          {currentTournament?.stages?.map((el, index) => (
             <StagesItem key={el.date} el={el} index={index} />
           ))}
         </List>
diff --git a/src/components/StatsSection/StatsSection.jsx b/src/components/StatsSection/StatsSection.jsx
index 03eb64d..5545167 100644
--- a/src/components/StatsSection/StatsSection.jsx
+++ b/src/components/StatsSection/StatsSection.jsx
@@ -1,10 +1,14 @@
 import { List, Section, SectionWrap } from "./StatsSection-styled";
 
 import { StatItem } from "./StatsItem";
+import { useStateContext } from "../../state/stateContext";
 
-export const StatsSection = ({ membersArray }) => {
-  const players = membersArray.length;
-  const trainers = membersArray.filter((member) => member.type === "Тренер");
+export const StatsSection = () => {
+  const { globalState } = useStateContext();
+  const { members } = globalState;
+
+  const players = members.length;
+  const trainers = members.filter((member) => member.type === "Тренер");
   const experience = new Date().getFullYear() - 2016;
 
   const stats = [
diff --git a/src/components/TournamentsList/TournamentsItem.jsx b/src/components/TournamentsList/TournamentsItem.jsx
index 7a4358d..bb0dcb8 100644
--- a/src/components/TournamentsList/TournamentsItem.jsx
+++ b/src/components/TournamentsList/TournamentsItem.jsx
@@ -10,7 +10,7 @@ export const TournamentsItem = ({ el, index }) => {
   const navigate = useNavigate();
 
   const handleItemClick = () => {
-    navigate(el.id, { state: { stages: el.stages } });
+    navigate(el.id);
   };
 
   return (
diff --git a/src/components/TournamentsList/TournamentsList.jsx b/src/components/TournamentsList/TournamentsList.jsx
index 4287b7b..9da6a6d 100644
--- a/src/components/TournamentsList/TournamentsList.jsx
+++ b/src/components/TournamentsList/TournamentsList.jsx
@@ -1,24 +1,23 @@
 import { List, Section } from "./TournamentsList-styled";
 import { TournamentsItem } from "./TournamentsItem";
 import { TitleSection } from "../TitleSection/TitleSection";
+import { useStateContext } from "../../state/stateContext";
+
+export const TournamentsList = () => {
+  const { globalState } = useStateContext();
+  const { tournaments } = globalState;
 
-export const TournamentsList = ({ tournamentsArray, membersArray }) => {
   return (
     <>
       <Section>
         <TitleSection
           icon={"#icon-cup"}
-          title={"Кількість турнірів: " + tournamentsArray.length}
+          title={"Кількість турнірів: " + tournaments?.length}
         />
 
         <List>
-          {tournamentsArray?.map((el, index) => (
-            <TournamentsItem
-              key={el.id}
-              el={el}
-              index={index}
-              membersArray={membersArray}
-            />
+          {tournaments?.map((el, index) => (
+            <TournamentsItem key={el.id} el={el} index={index} />
           ))}
         </List>
       </Section>
diff --git a/src/helpers/isDateHidden.js b/src/helpers/isDateHidden.js
new file mode 100644
index 0000000..3248d13
--- /dev/null
+++ b/src/helpers/isDateHidden.js
@@ -0,0 +1,4 @@
+export const isDateHidden = (date) => {
+  const hiddenDates = ["2024-04-07", "2024-04-21", "2024-04-28", "2024-05-19"];
+  return hiddenDates.includes(date);
+};
diff --git a/src/index.js b/src/index.js
index d8a93f1..8c70dc8 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,11 +4,13 @@ import "./index.css";
 import "modern-normalize";
 
 import App from "./App";
-
+import { StateProvider } from "./state/stateContext";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   <React.StrictMode>
-    <App />
+    <StateProvider>
+      <App />
+    </StateProvider>
   </React.StrictMode>
 );
diff --git a/src/pages/GalleryPage/GalleryPage.jsx b/src/pages/GalleryPage/GalleryPage.jsx
index f7eb24a..b18306f 100644
--- a/src/pages/GalleryPage/GalleryPage.jsx
+++ b/src/pages/GalleryPage/GalleryPage.jsx
@@ -1,26 +1,25 @@
 import { useState, useEffect } from "react";
 import { Outlet } from "react-router-dom";
-import { photosApi } from "../../Api/ApiRequest";
 
 import { ImageGallery } from "../../components/ImageGallery/ImageGallery";
 import { ImageGalleryFilterBar } from "../../components/Filters/ImageGalleryFilterBar";
+import { useStateContext } from "../../state/stateContext";
 
 const GalleryPage = () => {
-  const [galleryArray, setGalleryArray] = useState([]);
-  const [orderedGalleryArray, setOrderedGalleryArray] = useState(galleryArray);
+  const { globalState } = useStateContext();
+  const { photos } = globalState;
+
+  const [orderedGalleryArray, setOrderedGalleryArray] = useState(photos);
   const [order, setOrder] = useState("newest");
 
   useEffect(() => {
     window.scrollTo(0, 0);
-    const gallery = photosApi();
-    gallery?.sort((a, b) => b.date.localeCompare(a.date));
-    setGalleryArray(gallery);
   }, []);
 
   return (
     <>
       <ImageGalleryFilterBar
-        galleryArray={galleryArray}
+        galleryArray={photos}
         setOrderedGalleryArray={setOrderedGalleryArray}
         setOrder={setOrder}
       />
diff --git a/src/pages/HomePage/HomePage.jsx b/src/pages/HomePage/HomePage.jsx
index 9bc666e..6e343bb 100644
--- a/src/pages/HomePage/HomePage.jsx
+++ b/src/pages/HomePage/HomePage.jsx
@@ -1,24 +1,18 @@
-import { useState, useEffect } from "react";
+import { useEffect } from "react";
 import { AboutSection } from "../../components/AboutSection/AboutSection";
 import { HeroSection } from "../../components/HeroSection/HeroSection";
 import { StatsSection } from "../../components/StatsSection/StatsSection";
 
-import { membersApi } from "../../Api/ApiRequest";
-
 const HomePage = () => {
-  const [membersArray, setMembersArray] = useState([]);
-
   useEffect(() => {
     window.scrollTo(0, 0);
-    const members = membersApi();
-    setMembersArray(members);
   }, []);
 
   return (
     <>
       <HeroSection />
       <AboutSection />
-      <StatsSection membersArray={membersArray} />
+      <StatsSection />
     </>
   );
 };
diff --git a/src/pages/MembersPage/MembersPage.jsx b/src/pages/MembersPage/MembersPage.jsx
index 4ce221d..a9eb279 100644
--- a/src/pages/MembersPage/MembersPage.jsx
+++ b/src/pages/MembersPage/MembersPage.jsx
@@ -2,30 +2,29 @@ import { useEffect, useState } from "react";
 import { Outlet } from "react-router-dom";
 
 import { MembersList } from "../../components/MembersList/MembersList";
-import { membersApi } from "../../Api/ApiRequest";
 import { MembersFilterBar } from "../../components/Filters/MembersFilterBar";
 import { ChartSection } from "../../components/ChartSection/ChartSection";
+import { useStateContext } from "../../state/stateContext";
 
 const MembersPage = () => {
-  const [membersArray, setMembersArray] = useState([]);
-  const [visibleMembersArray, setVisibleMembersArray] = useState(membersArray);
+  const { globalState } = useStateContext();
+  const { members } = globalState;
+
+  const [visibleMembersArray, setVisibleMembersArray] = useState(members);
 
   useEffect(() => {
     window.scrollTo(0, 0);
-    const members = membersApi();
-    members?.sort((a, b) => a.name.localeCompare(b.name));
-    setMembersArray(members);
   }, []);
 
   return (
     <>
       <MembersFilterBar
-        membersArray={membersArray}
+        membersArray={members}
         setVisibleMembersArray={setVisibleMembersArray}
       />
 
       <MembersList visibleMembersArray={visibleMembersArray} />
-      <ChartSection membersArray={membersArray} />
+      <ChartSection membersArray={members} />
       <Outlet />
     </>
   );
diff --git a/src/pages/TournamentsPage/TournamentsPage.jsx b/src/pages/TournamentsPage/TournamentsPage.jsx
index 9e0b306..e863108 100644
--- a/src/pages/TournamentsPage/TournamentsPage.jsx
+++ b/src/pages/TournamentsPage/TournamentsPage.jsx
@@ -1,21 +1,14 @@
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import { TournamentsList } from "../../components/TournamentsList/TournamentsList";
-import { tournamentsApi } from "../../Api/ApiRequest";
 
 const TournamentsPage = () => {
-  const [tournamentsArray, setTournamentsArray] = useState([]);
-
   useEffect(() => {
     window.scrollTo(0, 0);
-
-    const tournaments = tournamentsApi();
-    tournaments?.sort((a, b) => a.name.localeCompare(b.name));
-    setTournamentsArray(tournaments);
   }, []);
 
   return (
     <>
-      <TournamentsList tournamentsArray={tournamentsArray} />
+      <TournamentsList />
     </>
   );
 };
diff --git a/src/state/stateContext.js b/src/state/stateContext.js
new file mode 100644
index 0000000..adf0d30
--- /dev/null
+++ b/src/state/stateContext.js
@@ -0,0 +1,29 @@
+import { createContext, useContext, useState, useEffect } from "react";
+
+const StateContext = createContext();
+
+export const StateProvider = ({ children }) => {
+  const storedData = localStorage.getItem("globalState");
+  const parsedData = JSON.parse(storedData);
+  const [globalState, setGlobalState] = useState({
+    members: parsedData?.members || [],
+    photos: parsedData?.photos || [],
+    tournaments: parsedData?.tournaments || [],
+  });
+  useEffect(() => {
+    localStorage.setItem("globalState", JSON.stringify(globalState));
+  }, [globalState]);
+
+  return (
+    <StateContext.Provider
+      value={{
+        globalState,
+        setGlobalState,
+      }}
+    >
+      {children}
+    </StateContext.Provider>
+  );
+};
+
+export const useStateContext = () => useContext(StateContext);