diff --git a/docs/assets/index-CmzMCBq4.js b/docs/assets/index-CmzMCBq4.js
diff --git a/docs/assets/index-DUtqBRYz.css → docs/assets/index-DWtNckrg.css b/docs/assets/index-DUtqBRYz.css → docs/assets/index-DWtNckrg.css
diff --git a/docs/assets/index-Ds9CvZCu.js b/docs/assets/index-Ds9CvZCu.js
diff --git a/docs/assets/montserrat-cyrillic-200-normal-9hFUkTEP.woff b/docs/assets/montserrat-cyrillic-200-normal-9hFUkTEP.woff
diff --git a/docs/assets/montserrat-cyrillic-200-normal-Q8W383uB.woff2 b/docs/assets/montserrat-cyrillic-200-normal-Q8W383uB.woff2
diff --git a/docs/assets/montserrat-cyrillic-300-normal-DZWfU3uv.woff2 b/docs/assets/montserrat-cyrillic-300-normal-DZWfU3uv.woff2
diff --git a/docs/assets/montserrat-cyrillic-300-normal-RwgAW_jy.woff b/docs/assets/montserrat-cyrillic-300-normal-RwgAW_jy.woff
diff --git a/docs/assets/montserrat-cyrillic-500-normal-CHozKiUr.woff2 b/docs/assets/montserrat-cyrillic-500-normal-CHozKiUr.woff2
diff --git a/docs/assets/montserrat-cyrillic-500-normal-CmaGyqH0.woff b/docs/assets/montserrat-cyrillic-500-normal-CmaGyqH0.woff
diff --git a/docs/assets/montserrat-cyrillic-600-normal-DzkGcYvb.woff2 b/docs/assets/montserrat-cyrillic-600-normal-DzkGcYvb.woff2
diff --git a/docs/assets/montserrat-cyrillic-600-normal-qy70MWNy.woff b/docs/assets/montserrat-cyrillic-600-normal-qy70MWNy.woff
diff --git a/docs/assets/montserrat-cyrillic-700-normal-BNhhQdQz.woff2 b/docs/assets/montserrat-cyrillic-700-normal-BNhhQdQz.woff2
diff --git a/docs/assets/montserrat-cyrillic-700-normal-Blzg39qC.woff b/docs/assets/montserrat-cyrillic-700-normal-Blzg39qC.woff
diff --git a/docs/assets/montserrat-cyrillic-ext-200-normal-DiZdyJ_U.woff b/docs/assets/montserrat-cyrillic-ext-200-normal-DiZdyJ_U.woff
diff --git a/docs/assets/montserrat-cyrillic-ext-200-normal-oBYVCSid.woff2 b/docs/assets/montserrat-cyrillic-ext-200-normal-oBYVCSid.woff2
diff --git a/docs/assets/montserrat-cyrillic-ext-300-normal-BqcEd4qu.woff2 b/docs/assets/montserrat-cyrillic-ext-300-normal-BqcEd4qu.woff2
diff --git a/docs/assets/montserrat-cyrillic-ext-300-normal-DjziL-tQ.woff b/docs/assets/montserrat-cyrillic-ext-300-normal-DjziL-tQ.woff
diff --git a/docs/assets/montserrat-cyrillic-ext-500-normal-CcC8SmM1.woff b/docs/assets/montserrat-cyrillic-ext-500-normal-CcC8SmM1.woff
diff --git a/docs/assets/montserrat-cyrillic-ext-500-normal-DOnS9IN9.woff2 b/docs/assets/montserrat-cyrillic-ext-500-normal-DOnS9IN9.woff2
diff --git a/docs/assets/montserrat-cyrillic-ext-600-normal-BeU4Q0n7.woff b/docs/assets/montserrat-cyrillic-ext-600-normal-BeU4Q0n7.woff
diff --git a/docs/assets/montserrat-cyrillic-ext-600-normal-_fdriTWl.woff2 b/docs/assets/montserrat-cyrillic-ext-600-normal-_fdriTWl.woff2
diff --git a/docs/assets/montserrat-cyrillic-ext-700-normal-BFjdwtlN.woff b/docs/assets/montserrat-cyrillic-ext-700-normal-BFjdwtlN.woff
diff --git a/docs/assets/montserrat-cyrillic-ext-700-normal-x-aBxbRb.woff2 b/docs/assets/montserrat-cyrillic-ext-700-normal-x-aBxbRb.woff2
diff --git a/docs/assets/montserrat-latin-ext-200-normal-Cmh4DZeV.woff b/docs/assets/montserrat-latin-ext-200-normal-Cmh4DZeV.woff
diff --git a/docs/assets/montserrat-latin-ext-200-normal-DS-PRLCQ.woff2 b/docs/assets/montserrat-latin-ext-200-normal-DS-PRLCQ.woff2
diff --git a/docs/assets/montserrat-latin-ext-300-normal-CR5xELzt.woff2 b/docs/assets/montserrat-latin-ext-300-normal-CR5xELzt.woff2
diff --git a/docs/assets/montserrat-latin-ext-300-normal-_7nKvkyh.woff b/docs/assets/montserrat-latin-ext-300-normal-_7nKvkyh.woff
diff --git a/docs/assets/montserrat-latin-ext-500-normal-6GGXOHtv.woff b/docs/assets/montserrat-latin-ext-500-normal-6GGXOHtv.woff
diff --git a/docs/assets/montserrat-latin-ext-500-normal-Ca3gjDSY.woff2 b/docs/assets/montserrat-latin-ext-500-normal-Ca3gjDSY.woff2
diff --git a/docs/assets/montserrat-latin-ext-600-normal-CAA_b1_S.woff b/docs/assets/montserrat-latin-ext-600-normal-CAA_b1_S.woff
diff --git a/docs/assets/montserrat-latin-ext-600-normal-tcAtWkSr.woff2 b/docs/assets/montserrat-latin-ext-600-normal-tcAtWkSr.woff2
diff --git a/docs/assets/montserrat-latin-ext-700-normal-98nzzMf9.woff2 b/docs/assets/montserrat-latin-ext-700-normal-98nzzMf9.woff2
diff --git a/docs/assets/montserrat-latin-ext-700-normal-CF2bYQiV.woff b/docs/assets/montserrat-latin-ext-700-normal-CF2bYQiV.woff
diff --git a/docs/assets/montserrat-vietnamese-200-normal-CfDAjxqw.woff2 b/docs/assets/montserrat-vietnamese-200-normal-CfDAjxqw.woff2
diff --git a/docs/assets/montserrat-vietnamese-200-normal-CuJsZitD.woff b/docs/assets/montserrat-vietnamese-200-normal-CuJsZitD.woff
diff --git a/docs/assets/montserrat-vietnamese-300-normal-BAGnKF9I.woff2 b/docs/assets/montserrat-vietnamese-300-normal-BAGnKF9I.woff2
diff --git a/docs/assets/montserrat-vietnamese-300-normal-Bqd5gFyf.woff b/docs/assets/montserrat-vietnamese-300-normal-Bqd5gFyf.woff
diff --git a/docs/assets/montserrat-vietnamese-500-normal-1tzYKqWL.woff b/docs/assets/montserrat-vietnamese-500-normal-1tzYKqWL.woff
diff --git a/docs/assets/montserrat-vietnamese-500-normal-CMJ1weDP.woff2 b/docs/assets/montserrat-vietnamese-500-normal-CMJ1weDP.woff2
diff --git a/docs/assets/montserrat-vietnamese-600-normal-CX1l58mF.woff b/docs/assets/montserrat-vietnamese-600-normal-CX1l58mF.woff
diff --git a/docs/assets/montserrat-vietnamese-600-normal-h6YWzX6_.woff2 b/docs/assets/montserrat-vietnamese-600-normal-h6YWzX6_.woff2
diff --git a/docs/assets/montserrat-vietnamese-700-normal-C_ub6cv3.woff b/docs/assets/montserrat-vietnamese-700-normal-C_ub6cv3.woff
diff --git a/docs/assets/montserrat-vietnamese-700-normal-DKDLz5fg.woff2 b/docs/assets/montserrat-vietnamese-700-normal-DKDLz5fg.woff2
diff --git a/docs/index.html b/docs/index.html
@@ -16,8 +16,8 @@
         a.appendChild(r);
       })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
     </script>
-    <script type="module" crossorigin src="/assets/index-CmzMCBq4.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DUtqBRYz.css">
+    <script type="module" crossorigin src="/assets/index-Ds9CvZCu.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DWtNckrg.css">
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
     "react-dom": "^18.3.1",
     "react-icons": "^5.3.0",
     "react-markdown": "^9.0.1",
+    "react-router-dom": "^6.26.2",
     "react-spring": "^9.7.4"
   },
   "devDependencies": {

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,12 +1,12 @@
 import './App.css'
 import {Offer} from "./Offer.tsx";
 import "@fontsource/montserrat"; // Defaults to weight 400
-import "@fontsource/montserrat/200.css"; // Specify weight
-import "@fontsource/montserrat/300.css"; // Specify weight
-import "@fontsource/montserrat/400.css"; // Specify weight
-import "@fontsource/montserrat/500.css"; // Specify weight
-import "@fontsource/montserrat/600.css"; // Specify weight
-import "@fontsource/montserrat/700.css"; // Specify weight
+import "@fontsource/montserrat/latin-200.css"; // Specify weight
+import "@fontsource/montserrat/latin-300.css"; // Specify weight
+import "@fontsource/montserrat/latin-400.css"; // Specify weight
+import "@fontsource/montserrat/latin-500.css"; // Specify weight
+import "@fontsource/montserrat/latin-600.css"; // Specify weight
+import "@fontsource/montserrat/latin-700.css"; // Specify weight
 import {FaEnvelope, FaLinkedinIn, FaCity} from "react-icons/fa";
 
 import img from "./assets/fa_photo.jpg"

diff --git a/src/Comment.tsx b/src/Comment.tsx
@@ -16,9 +16,9 @@ const CloseIcon = (props: SVGProps<SVGSVGElement>) => {
 
 
 const comments: Record<Comments, string> = {
-    [Comments.INTRO]: "comment-intro.md",
-    [Comments.TEST]: "comment-1.md",
-    [Comments.TEST2]: "comment-2.md",
+    [Comments.Intro]: "comment-intro.md",
+    [Comments.General]: "comment-1.md",
+    [Comments.Tooling]: "comment-2.md",
     [Comments.Experience]: "comment-experience.md",
     [Comments.Components]: "comment-components.md",
     [Comments.ReactNative]: "comment-reactnative.md",
@@ -76,8 +76,10 @@ export const Comment = ({currentComment, onClose}: { currentComment: Comments, o
         []
     )
     useEffect(() => {
-        const filename = comments[currentComment]; // Get the file name from the comments object
-        loadMarkdown(filename).then(setMarkdownContent).catch(console.error);
+        if(currentComment) {
+            const filename = comments[currentComment]; // Get the file name from the comments object
+            loadMarkdown(filename).then(setMarkdownContent).catch(console.error);
+        }
     }, [currentComment]);
     return (
         <animated.div

diff --git a/src/Offer.tsx b/src/Offer.tsx
@@ -1,7 +1,8 @@
-import {ReactNode, useState} from "react";
+import {ReactNode, useEffect} from "react";
 import clsx from "clsx";
 import {Comments} from "./types.ts";
 import {Comment} from "./Comment.tsx";
+import {useSearchParams} from "react-router-dom";
 
 
 const LinkWithComment = ({children, isActive, onSelectedComment}: {
@@ -26,7 +27,21 @@ const LinkWithComment = ({children, isActive, onSelectedComment}: {
 
 
 export const Offer = () => {
-    const [currentComment, setCurrentComment] = useState<Comments | null>(Comments.INTRO);
+    const [currentCommentSearch, setCurrentCommentSearch] = useSearchParams();
+
+    useEffect(() => {
+        setCurrentCommentSearch({ comment: Comments.Intro });
+    }, []);
+
+    const currentComment = currentCommentSearch.get('comment') as Comments ?? null;
+
+    const setCurrentComment = (comment: Comments | null) => {
+        if(comment === null) {
+            setCurrentCommentSearch();
+            return
+        }
+        setCurrentCommentSearch({ comment });
+    }
     return (
         <div className="flex gap-8 w-full flex-col lg:flex-row">
             <div
@@ -58,12 +73,12 @@ export const Offer = () => {
                         <p dir="ltr">
                             <span>As a Lead Frontend Engineer, you will be a hands-on leader responsible for driving
                             the development of our user-facing applications. <LinkWithComment
-                                    isActive={currentComment === Comments.TEST}
-                                    onSelectedComment={() => setCurrentComment(Comments.TEST)}>In this role, you will be instrumental in
+                                    isActive={currentComment === Comments.General}
+                                    onSelectedComment={() => setCurrentComment(Comments.General)}>In this role, you will be instrumental in
                             shaping our frontend architecture, establishing best practices, and guiding a team of
                                     talented engineers.</LinkWithComment> <LinkWithComment
-                                    isActive={currentComment === Comments.TEST2}
-                                    onSelectedComment={() => setCurrentComment(Comments.TEST2)}>You will utilize modern tools and frameworks such as React, TypeScript,
+                                    isActive={currentComment === Comments.Tooling}
+                                    onSelectedComment={() => setCurrentComment(Comments.Tooling)}>You will utilize modern tools and frameworks such as React, TypeScript,
                             and TanStack Query to create dynamic, scalable user interfaces that enhance the user
                             experience.</LinkWithComment></span></p>
                         <p dir="ltr">In addition you will also play a critical role as an active sparring partner for

diff --git a/src/main.tsx b/src/main.tsx
@@ -2,9 +2,15 @@ import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import App from './App.tsx'
 import './index.css'
+import {createBrowserRouter, RouterProvider} from "react-router-dom";
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+      <RouterProvider router={createBrowserRouter([
+          {
+              path: "*",
+              element: <App />
+          }
+      ])} />
   </StrictMode>,
 )
diff --git a/src/types.ts b/src/types.ts
@@ -1,7 +1,7 @@
 export enum Comments {
-    INTRO = "intro",
-    TEST = "test1",
-    TEST2 = "test2",
+    Intro = "intro",
+    General = "general",
+    Tooling = "tooling",
     Experience = "experience",
     Components = "components",
     ReactNative = "react-native",