diff --git a/FrontEnd/src/components/CookieAcception/CookieMod.jsx b/FrontEnd/src/components/CookieAcception/CookieMod.jsx
index 7b8e0d0b..a87ae663 100644
--- a/FrontEnd/src/components/CookieAcception/CookieMod.jsx
+++ b/FrontEnd/src/components/CookieAcception/CookieMod.jsx
@@ -1,33 +1,11 @@
-import React, { useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { useCookies } from 'react-cookie';
+import { useCookieContext } from '../../context/CookieContext';
 import { Link } from 'react-router-dom';
 import styles from './CookieMod.module.css';
 
-const CookieMod = ({ active, setActive }) => {
-  const [cookies, setCookie] = useCookies(['cookies']);
+const CookieMod = () => {
+  const { allowCookies, declineCookies } = useCookieContext();
 
-  useEffect(() => {
-    if (cookies.cookies !== undefined) {
-      setActive(false);
-    }
-  }, [cookies, setActive]);
-
-  const allowCookies = () => {
-    const expirationDate = new Date();
-    expirationDate.setTime(expirationDate.getTime() + 30 * 24 * 60 * 60 * 1000);
-    setCookie('cookies', true, { expires: expirationDate, sameSite: 'lax' });
-    setActive(false);
-  };
-
-  const declineCookies = () => {
-    const expirationDate = new Date();
-    expirationDate.setTime(expirationDate.getTime() + 30 * 24 * 60 * 60 * 1000);
-    setCookie('cookies', false, { expires: expirationDate, sameSite: 'lax' });
-    setActive(false);
-  };
-
-  return active ? (
+  return (
     <div className={styles['cookie-banner']} data-testid="cookiemodal">
       <div className={styles['cookie-content']}>
         <div className={styles['cookie-header']}>
@@ -43,11 +21,11 @@ const CookieMod = ({ active, setActive }) => {
         </p>
         <p className={styles['cookie-text']}>
           Дізнатися більше
-          <Link to="privacy-policy/" className={styles['cookie-link']}>
+          <Link to="/privacy-policy#cookies-usage" className={styles['cookie-link']}>
             про файли cookie.
           </Link>
         </p>
-        <div className={styles['cookie-buttons']} >
+        <div className={styles['cookie-buttons']}>
           <button className={styles['allow-all-btn']} onClick={allowCookies}>
             Дозволити
           </button>
@@ -57,12 +35,7 @@ const CookieMod = ({ active, setActive }) => {
         </div>
       </div>
     </div>
-  ) : null;
-};
-
-CookieMod.propTypes = {
-  active: PropTypes.bool.isRequired,
-  setActive: PropTypes.func.isRequired,
+  );
 };
 
 export default CookieMod;
diff --git a/FrontEnd/src/components/CookieAcception/tests/CookieModal.test.js b/FrontEnd/src/components/CookieAcception/tests/CookieModal.test.js
index 62f7e822..3004e3de 100644
--- a/FrontEnd/src/components/CookieAcception/tests/CookieModal.test.js
+++ b/FrontEnd/src/components/CookieAcception/tests/CookieModal.test.js
@@ -1,56 +1,58 @@
 import { render, screen, cleanup } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
-import CookieMod from '../CookieMod';
+import PageWrapper from '../../PageWrapper/PageWrapper';
+import { CookieProvider } from '../../../context/CookieContext';
+import { BurgerMenuProvider } from '../../../context/BurgerMenuContext';
+import { useCookies } from 'react-cookie';
+
+jest.mock('react-cookie', () => ({
+  useCookies: jest.fn(),
+}));
 
 afterEach(cleanup);
 
 describe('CookieMod component unit tests', () => {
-  test('renders "Allow" button', () => {
-    render(
+  const renderWithProviders = (cookiesValue) => {
+    useCookies.mockReturnValue([cookiesValue, jest.fn()]);
+    return render(
       <MemoryRouter>
-        <CookieMod active={true} setActive={() => {}} />
+        <BurgerMenuProvider>
+          <CookieProvider>
+            <PageWrapper>
+              <div>Test Content</div>
+            </PageWrapper>
+          </CookieProvider>
+        </BurgerMenuProvider>
       </MemoryRouter>
     );
+  };
+
+  test('renders "Allow" button', () => {
+    renderWithProviders({ cookies: undefined });
     const buttonElement = screen.getByText(/Дозволити/i);
     expect(buttonElement).toBeInTheDocument();
   });
 
   test('renders "Decline" button', () => {
-    render(
-      <MemoryRouter>
-        <CookieMod active={true} setActive={() => {}} />
-      </MemoryRouter>
-    );
+    renderWithProviders({ cookies: undefined });
     const buttonElement = screen.getByText(/Відмовитись/i);
     expect(buttonElement).toBeInTheDocument();
   });
 
   test('renders link to cookie policy', () => {
-    render(
-      <MemoryRouter>
-        <CookieMod active={true} setActive={() => {}} />
-      </MemoryRouter>
-    );
+    renderWithProviders({ cookies: undefined });
     const linkElement = screen.getByText(/про файли cookie/i);
     expect(linkElement).toBeInTheDocument();
   });
 
   test('does not render cookie banner when inactive', () => {
-    render(
-      <MemoryRouter>
-        <CookieMod active={false} setActive={() => {}} />
-      </MemoryRouter>
-    );
+    renderWithProviders({ cookies: true });
     const cookieElement = screen.queryByTestId('cookiemodal');
     expect(cookieElement).not.toBeInTheDocument();
   });
 
   test('renders cookie banner when active', () => {
-    render(
-      <MemoryRouter>
-        <CookieMod active={true} setActive={() => {}} />
-      </MemoryRouter>
-    );
+    renderWithProviders({ cookies: undefined });
     const cookieElement = screen.getByTestId('cookiemodal');
     expect(cookieElement).toBeInTheDocument();
   });
diff --git a/FrontEnd/src/components/PageWrapper/PageWrapper.jsx b/FrontEnd/src/components/PageWrapper/PageWrapper.jsx
index 88b052d2..b1383b2b 100644
--- a/FrontEnd/src/components/PageWrapper/PageWrapper.jsx
+++ b/FrontEnd/src/components/PageWrapper/PageWrapper.jsx
@@ -1,13 +1,16 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import { useBurgerMenu } from '../../context/BurgerMenuContext';
+import { useCookieContext } from '../../context/CookieContext';
+import CookieMod from '../CookieAcception/CookieMod';
 import css from './PageWrapper.module.css';
 
 const PageWrapper = ({ children }) => {
   const { isOpen } = useBurgerMenu();
+  const { isCookieModalActive } = useCookieContext();
 
   return (
     <div className={`${css.pageContent} ${isOpen ? css.menuOpen : ''}`}>
+      {isCookieModalActive && <CookieMod />}
       {children}
     </div>
   );
diff --git a/FrontEnd/src/context/CookieContext.js b/FrontEnd/src/context/CookieContext.js
new file mode 100644
index 00000000..b0754477
--- /dev/null
+++ b/FrontEnd/src/context/CookieContext.js
@@ -0,0 +1,46 @@
+import { createContext, useContext, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useCookies } from 'react-cookie';
+
+const CookieContext = createContext();
+
+export const CookieProvider = ({ children }) => {
+  const [cookies, setCookie] = useCookies(['cookies']);
+  const [isCookieModalActive, setCookieModalActive] = useState(false);
+
+  useEffect(() => {
+    setCookieModalActive(cookies.cookies === undefined);
+  }, [cookies]);
+
+  const allowCookies = () => {
+    const expirationDate = new Date();
+    expirationDate.setTime(expirationDate.getTime() + 30 * 24 * 60 * 60 * 1000);
+    setCookie('cookies', true, { expires: expirationDate, sameSite: 'lax' });
+    setCookieModalActive(false);
+  };
+
+  const declineCookies = () => {
+    const expirationDate = new Date();
+    expirationDate.setTime(expirationDate.getTime() + 24 * 60 * 60 * 1000);
+    setCookie('cookies', false, { expires: expirationDate, sameSite: 'lax' });
+    setCookieModalActive(true);
+  };
+
+  return (
+    <CookieContext.Provider
+      value={{
+        isCookieModalActive,
+        allowCookies,
+        declineCookies,
+      }}
+    >
+      {children}
+    </CookieContext.Provider>
+  );
+};
+
+CookieProvider.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export const useCookieContext = () => useContext(CookieContext);
diff --git a/FrontEnd/src/index.module.css b/FrontEnd/src/index.module.css
index 34e14b30..58c06243 100644
--- a/FrontEnd/src/index.module.css
+++ b/FrontEnd/src/index.module.css
@@ -14,5 +14,5 @@ a {
 :root {
   display: flex;
   scroll-behavior: smooth;
-  font-family: 'Inter', sans-serif;
+  font-family: 'Geologica', sans-serif;
 }
diff --git a/FrontEnd/src/pages/CookiesPolicyPage/RenderContent.jsx b/FrontEnd/src/pages/CookiesPolicyPage/RenderContent.jsx
index d5712a28..b9fab36f 100644
--- a/FrontEnd/src/pages/CookiesPolicyPage/RenderContent.jsx
+++ b/FrontEnd/src/pages/CookiesPolicyPage/RenderContent.jsx
@@ -4,7 +4,12 @@ import styles from './cookiesPolicyComponent.module.css';
 
 const renderContent = (Text) => (
   Text.content.map((item) => (
-    <ContentRenderer key={item.id || uuidv4()} item={item} styles={styles} />
+    <ContentRenderer
+      key={item.id || uuidv4()}
+      item={item}
+      styles={styles}
+      id={item.sectionId || null}
+    />
   ))
 );
 
diff --git a/FrontEnd/src/pages/CookiesPolicyPage/RenderingTextContainer.jsx b/FrontEnd/src/pages/CookiesPolicyPage/RenderingTextContainer.jsx
index 9679da67..75083302 100644
--- a/FrontEnd/src/pages/CookiesPolicyPage/RenderingTextContainer.jsx
+++ b/FrontEnd/src/pages/CookiesPolicyPage/RenderingTextContainer.jsx
@@ -3,20 +3,44 @@ import PropTypes from 'prop-types';
 
 const RenderingTextContainer = ({ item, styles }) => {
   const renderParagraph = () => (
-    <p className={styles['text_content']} key={item.id || uuidv4()}>{item.text}</p>
+    <p
+      className={styles['text_content']}
+      key={item.id || uuidv4()}
+      id={item.sectionId || null}
+    >
+      {item.text}
+    </p>
   );
 
   const renderHeading = () => {
     const HeadingTag = `h${item.level}`;
-    return <HeadingTag className={styles['text_content__heading']} key={item.id || uuidv4()}>{item.text}</HeadingTag>;
+    return (
+      <HeadingTag
+        className={styles['text_content__heading']}
+        key={item.id || uuidv4()}
+        id={item.sectionId || null}
+      >
+        {item.text}
+      </HeadingTag>
+    );
   };
 
   const renderParagraphMarginBottom = () => (
-    <p className={styles['text_content__margin_bottom']} key={item.id || uuidv4()}>{item.text}</p>
+    <p
+      className={styles['text_content__margin_bottom']}
+      key={item.id || uuidv4()}
+      id={item.sectionId || null}
+    >
+      {item.text}
+    </p>
   );
 
   const renderListItem = () => (
-    <ul key={item.id || uuidv4()} className={styles['custom-list']}>
+    <ul
+      key={item.id || uuidv4()}
+      className={styles['custom-list']}
+      id={item.sectionId || null}
+    >
       <li className={styles['custom-list__item']}>{item.text}</li>
     </ul>
   );
@@ -49,6 +73,7 @@ RenderingTextContainer.propTypes = {
     type: PropTypes.string.isRequired,
     text: PropTypes.string.isRequired,
     level: PropTypes.number,
+    sectionId: PropTypes.string,
   }).isRequired,
   styles: PropTypes.object.isRequired,
 };
diff --git a/FrontEnd/src/pages/LandingPage/MainPage.jsx b/FrontEnd/src/pages/LandingPage/MainPage.jsx
index 2ef3e31e..6b35875c 100644
--- a/FrontEnd/src/pages/LandingPage/MainPage.jsx
+++ b/FrontEnd/src/pages/LandingPage/MainPage.jsx
@@ -1,9 +1,7 @@
-import { useState } from 'react';
 import MainBanner from './Banner/Banner';
 import MainCompanies from './Companies/Companies';
 import JoinUs from './JoinUs/JoinUs';
 import MainAboutSection from './AboutSection/About';
-import CookieMod from '../../components/CookieAcception/CookieMod';
 import css from './MainPage.module.css';
 import PropTypes from 'prop-types';
 
@@ -11,19 +9,15 @@ const MainPage = ({ isAuthorized }) => {
   MainPage.propTypes = {
     isAuthorized: PropTypes.bool,
   };
-  const [modalActive, setModalActive] = useState(true);
+
   return (
     <div className={css['main-app']}>
       <MainBanner isAuthorized={isAuthorized} />
       <MainCompanies isAuthorized={isAuthorized} />
       {!isAuthorized ? <JoinUs /> : null}
       <MainAboutSection />
-      <CookieMod
-        active={modalActive}
-        setActive={setModalActive}
-      ></CookieMod>
     </div>
   );
 };
 
-export default MainPage;
\ No newline at end of file
+export default MainPage;
diff --git a/FrontEnd/src/pages/PrivacyPolicyPage/PrivacyPolicyPage.jsx b/FrontEnd/src/pages/PrivacyPolicyPage/PrivacyPolicyPage.jsx
index 7269dd6f..1cead1b3 100644
--- a/FrontEnd/src/pages/PrivacyPolicyPage/PrivacyPolicyPage.jsx
+++ b/FrontEnd/src/pages/PrivacyPolicyPage/PrivacyPolicyPage.jsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import { useEffect } from 'react';
 import styles from './PrivacyPolicy.module.css';
 import privacyPolicyText from './text';
 import TEXT_CONTENT from './text';
@@ -9,6 +9,16 @@ import useScrollToTop from '../../hooks/useScrollToTop';
 const PrivacyPolicy = () => {
   useScrollToTop();
 
+  useEffect(() => {
+    const hash = window.location.hash.substring(1);
+    if (hash) {
+      const element = document.getElementById(hash);
+      if (element) {
+        element.scrollIntoView({ behavior: 'smooth' });
+      }
+    }
+  }, []);
+
   return (
     <div className={styles['privacy_policy']}>
       <div className={styles['privacy_policy__text_container']}>
diff --git a/FrontEnd/src/pages/PrivacyPolicyPage/text.js b/FrontEnd/src/pages/PrivacyPolicyPage/text.js
index ac17e48f..dd42c878 100644
--- a/FrontEnd/src/pages/PrivacyPolicyPage/text.js
+++ b/FrontEnd/src/pages/PrivacyPolicyPage/text.js
@@ -108,7 +108,8 @@ const privacyPolicyText = {
             id: 17,
             type: 'heading',
             level: 4,
-            text: '4. Використання файлів "cookies"'
+            text: '4. Використання файлів "cookies"',
+            sectionId: 'cookies-usage',
         },
         {
             id: 18,
diff --git a/FrontEnd/src/routes/ClientRouter.jsx b/FrontEnd/src/routes/ClientRouter.jsx
index 217970bf..9f647e39 100644
--- a/FrontEnd/src/routes/ClientRouter.jsx
+++ b/FrontEnd/src/routes/ClientRouter.jsx
@@ -35,6 +35,7 @@ import Contact from '../pages/Contact/Contact.jsx';
 import ErrorPage404 from '../pages/ErrorPages/ErrorPage404';
 
 import { BurgerMenuProvider } from '../context/BurgerMenuContext';
+import { CookieProvider } from '../context/CookieContext';
 import PageWrapper from '../components/PageWrapper/PageWrapper';
 
 function ClientRouter() {
@@ -52,110 +53,116 @@ function ClientRouter() {
           },
         }}
       >
-        <BurgerMenuProvider>
-          <Header isAuthorized={isAuth} />
-          {isLoading ? (
-            <Loader />
-          ) : (
-            <PageWrapper>
-              <Routes>
-                <Route path="/" element={<MainPage isAuthorized={isAuth} />} />
-                <Route path="/about-us" element={<AboutUsPage />} />
-                {isAuth ? (
-                  <Route path="/profile/*" element={<ProfilePage />} />
-                ) : (
-                  <Route path="/profile/*" element={<Navigate to="/" />} />
-                )}
-                <Route
-                  path="/profile-detail/:id"
-                  element={<ProfileDetailPage isAuthorized={isAuth} />}
-                />
-                <Route
-                  path="/profiles"
-                  element={<ProfileListPage isAuthorized={isAuth} isSaved={false}/>}
-                />
-                <Route
-                  path="/profiles/saved"
-                  element={<ProfileListPage isAuthorized={isAuth} isSaved={true}/>}
-                />
-                {isAuth ? (
+        <CookieProvider>
+          <BurgerMenuProvider>
+            <Header isAuthorized={isAuth} />
+            {isLoading ? (
+              <Loader />
+            ) : (
+              <PageWrapper>
+                <Routes>
+                  <Route path="/" element={<MainPage isAuthorized={isAuth} />} />
+                  <Route path="/about-us" element={<AboutUsPage />} />
+                  {isAuth ? (
+                    <Route path="/profile/*" element={<ProfilePage />} />
+                  ) : (
+                    <Route path="/profile/*" element={<Navigate to="/" />} />
+                  )}
                   <Route
-                    path="/login"
-                    element={<Navigate to="/profile/user-info" />}
+                    path="/profile-detail/:id"
+                    element={<ProfileDetailPage isAuthorized={isAuth} />}
                   />
-                ) : (
-                  <Route path="/login" element={<LoginPage />} />
-                )}
-                {isAuth ? (
                   <Route
-                    path="/sign-up"
-                    element={<Navigate to="/profile/user-info" />}
+                    path="/profiles"
+                    element={
+                      <ProfileListPage isAuthorized={isAuth} isSaved={false} />
+                    }
                   />
-                ) : (
-                  <Route path="/sign-up" element={<SignUpPage />} />
-                )}
-                <Route
-                  path="/sign-up/completion"
-                  element={<SignUpCompletionPage />}
-                />
-                <Route
-                  path="/sign-up/resend-activation"
-                  element={<ResendActivationPage />}
-                />
-                <Route
-                  path="/activate/:uid/:token"
-                  element={<ActivateProfilePage />}
-                />
-                <Route
-                  path="/reset-password"
-                  element={<SendEmailForgotPasswordPage />}
-                />
-                <Route
-                  path="/reset-password/completion"
-                  element={<ForgotPasswordCompletionPage />}
-                />
-                <Route
-                  path="/password/reset/confirm/:uid/:token"
-                  element={<RestorePasswordPage />}
-                />
-                <Route
-                  path="/reset-password/successfully"
-                  element={<RestorePasswordSuccessPage />}
-                />
-                <Route
-                  path="/reset-password/failed"
-                  element={<RestorePasswordFailedPage />}
-                />
-                <Route path="/privacy-policy" element={<PrivacyPolicy />} />
-                <Route
-                  path="/terms-and-conditions"
-                  element={<TermsAndConditions />}
-                />
-                <Route
-                  path="/cookies-policy"
-                  element={<CookiesPolicyComponent />}
-                />
-                <Route path="/contact" element={<Contact />} />
-                <Route
-                  path="/search"
-                  element={<Search isAuthorized={isAuth} userData={user} />}
-                />
-                <Route
-                  path="/moderation/:id/:action"
-                  element={<ModerationModal />}
-                />
-                <Route path="*" element={<ErrorPage404 />} />
-              </Routes>
-            </PageWrapper>
-          )}
-          <Footer />
-          <ToastContainer
-            position="top-right"
-            autoClose={3000}
-            theme="colored"
-            icon={false}
-          />
-        </BurgerMenuProvider>
+                  <Route
+                    path="/profiles/saved"
+                    element={
+                      <ProfileListPage isAuthorized={isAuth} isSaved={true} />
+                    }
+                  />
+                  {isAuth ? (
+                    <Route
+                      path="/login"
+                      element={<Navigate to="/profile/user-info" />}
+                    />
+                  ) : (
+                    <Route path="/login" element={<LoginPage />} />
+                  )}
+                  {isAuth ? (
+                    <Route
+                      path="/sign-up"
+                      element={<Navigate to="/profile/user-info" />}
+                    />
+                  ) : (
+                    <Route path="/sign-up" element={<SignUpPage />} />
+                  )}
+                  <Route
+                    path="/sign-up/completion"
+                    element={<SignUpCompletionPage />}
+                  />
+                  <Route
+                    path="/sign-up/resend-activation"
+                    element={<ResendActivationPage />}
+                  />
+                  <Route
+                    path="/activate/:uid/:token"
+                    element={<ActivateProfilePage />}
+                  />
+                  <Route
+                    path="/reset-password"
+                    element={<SendEmailForgotPasswordPage />}
+                  />
+                  <Route
+                    path="/reset-password/completion"
+                    element={<ForgotPasswordCompletionPage />}
+                  />
+                  <Route
+                    path="/password/reset/confirm/:uid/:token"
+                    element={<RestorePasswordPage />}
+                  />
+                  <Route
+                    path="/reset-password/successfully"
+                    element={<RestorePasswordSuccessPage />}
+                  />
+                  <Route
+                    path="/reset-password/failed"
+                    element={<RestorePasswordFailedPage />}
+                  />
+                  <Route path="/privacy-policy" element={<PrivacyPolicy />} />
+                  <Route
+                    path="/terms-and-conditions"
+                    element={<TermsAndConditions />}
+                  />
+                  <Route
+                    path="/cookies-policy"
+                    element={<CookiesPolicyComponent />}
+                  />
+                  <Route path="/contact" element={<Contact />} />
+                  <Route
+                    path="/search"
+                    element={<Search isAuthorized={isAuth} userData={user} />}
+                  />
+                  <Route
+                    path="/moderation/:id/:action"
+                    element={<ModerationModal />}
+                  />
+                  <Route path="*" element={<ErrorPage404 />} />
+                </Routes>
+              </PageWrapper>
+            )}
+            <Footer />
+            <ToastContainer
+              position="top-right"
+              autoClose={3000}
+              theme="colored"
+              icon={false}
+            />
+          </BurgerMenuProvider>
+        </CookieProvider>
       </SWRConfig>
     </ConfigProvider>
   );