diff --git a/src/App.js b/src/App.js
index ad0a9ca..54f739d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -19,8 +19,8 @@ function App() {
 				<ToastContainer />
 				<Navbar />
 				<Routes>
-					<Route path='cart' element={<Cart />} />
-					<Route path='/' element={<Home />} />
+					<Route path='/online-shop/' element={<Home />} />
+					<Route path='/online-shop/cart' element={<Cart />} />
 					<Route path='*' element={<NotFound />} />
 				</Routes>
 				<Footer />
diff --git a/src/components/BackHomeButton.jsx b/src/components/BackHomeButton.jsx
index cc7817b..3e0415b 100644
--- a/src/components/BackHomeButton.jsx
+++ b/src/components/BackHomeButton.jsx
@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 const BackHomeButton = (props) => {
 	const { text } = props;
 	return (
-		<Link to='/' className='back-to-home'>
+		<Link to='/online-shop/' className='back-to-home'>
 			<span>
 				<svg
 					xmlns='http://www.w3.org/2000/svg'
diff --git a/src/components/GoToCartButton.jsx b/src/components/GoToCartButton.jsx
index d65add5..dd498b6 100644
--- a/src/components/GoToCartButton.jsx
+++ b/src/components/GoToCartButton.jsx
@@ -6,7 +6,7 @@ const GoToCartButton = (props) => {
 		<div>
 			{text}
 			<br />
-			<Link to='/cart' className='go-to-cart'>
+			<Link to='/online-shop/cart' className='go-to-cart'>
 				<span>Go To Cart </span>
 				<span>
 					<svg
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index e222d6e..dd74d3a 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -7,10 +7,10 @@ const Navbar = () => {
 	return (
 		<div className='navbar-background'>
 			<nav className='navbar'>
-				<Link to='/' className='title'>
+				<Link to='/online-shop/' className='title'>
 					React Online Shop
 				</Link>
-				<Link to='/cart'>
+				<Link to='/online-shop/cart'>
 					<div className='nav-bag'>
 						<svg
 							xmlns='http://www.w3.org/2000/svg'