diff --git a/src/components/Layout/Navbar.js b/src/components/Layout/Navbar.js
index 21356d1..122210d 100644
--- a/src/components/Layout/Navbar.js
+++ b/src/components/Layout/Navbar.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import classnames from 'classnames';
-import * as routes from '@config/routes';
+import { Route } from '@config/routing';
 import useSmoothScroll from '@libs/useSmoothScroll';
 import logo from '@images/logo.svg';
-import { HEADER_ID } from '@features/HomePage/components/Header';
-import { SECTION_ID as PORTFOLIO_SECTION_ID } from '@features/HomePage/components/Portfolio/Portfolio';
-import { SECTION_ID as CONTACT_SECTION_ID } from '@features/HomePage/components/Contact';
+import { HEADER_ID } from '@features/IndexPage/components/Header';
+import { SECTION_ID as PORTFOLIO_SECTION_ID } from '@features/IndexPage/components/Portfolio/Portfolio';
+import { SECTION_ID as CONTACT_SECTION_ID } from '@features/IndexPage/components/Contact';
 
 import { makeStyles } from '@material-ui/core/styles';
 import { AppBar, Toolbar, Container, Link } from '@material-ui/core';
@@ -25,7 +25,7 @@ function Navbar({ className, ...rest }) {
       <Container>
         <Toolbar className={classes.toolbar} disableGutters>
           <div className={classes.titleContainer}>
-            <GatsbyLink title="Strona główna" color="inherit" to={routes.HOME}>
+            <GatsbyLink title="Strona główna" color="inherit" to={Route.IndexPage}>
               <img className={classes.logo} src={logo} alt="logo" />
             </GatsbyLink>
           </div>
diff --git a/src/config/routes.js b/src/config/routes.js
deleted file mode 100644
index d980e90..0000000
--- a/src/config/routes.js
+++ /dev/null
@@ -1 +0,0 @@
-export const HOME = '/';
diff --git a/src/config/routing.js b/src/config/routing.js
new file mode 100644
index 0000000..ccc87a8
--- /dev/null
+++ b/src/config/routing.js
@@ -0,0 +1,3 @@
+export const Route = {
+  IndexPage: '/',
+}
diff --git a/src/features/HomePage/HomePage.js b/src/features/IndexPage/IndexPage.js
similarity index 93%
rename from src/features/HomePage/HomePage.js
rename to src/features/IndexPage/IndexPage.js
index fb391a2..e316c63 100644
--- a/src/features/HomePage/HomePage.js
+++ b/src/features/IndexPage/IndexPage.js
@@ -16,7 +16,7 @@ const useStyles = makeStyles(theme => ({
   },
 }));
 
-const HomePage = ({ location }) => {
+const IndexPage = ({ location }) => {
   const classes = useStyles();
   return (
     <Layout className={classes.layout} navbarProps={{ position: 'absolute' }}>
@@ -32,4 +32,4 @@ const HomePage = ({ location }) => {
   );
 };
 
-export default HomePage;
+export default IndexPage;
diff --git a/src/features/HomePage/components/Contact.js b/src/features/IndexPage/components/Contact.js
similarity index 100%
rename from src/features/HomePage/components/Contact.js
rename to src/features/IndexPage/components/Contact.js
diff --git a/src/features/HomePage/components/Header.js b/src/features/IndexPage/components/Header.js
similarity index 100%
rename from src/features/HomePage/components/Header.js
rename to src/features/IndexPage/components/Header.js
diff --git a/src/features/HomePage/components/MyPriorities/MyPriorities.js b/src/features/IndexPage/components/MyPriorities/MyPriorities.js
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/MyPriorities.js
rename to src/features/IndexPage/components/MyPriorities/MyPriorities.js
diff --git a/src/features/HomePage/components/MyPriorities/intuitive.svg b/src/features/IndexPage/components/MyPriorities/intuitive.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/intuitive.svg
rename to src/features/IndexPage/components/MyPriorities/intuitive.svg
diff --git a/src/features/HomePage/components/MyPriorities/responsive.svg b/src/features/IndexPage/components/MyPriorities/responsive.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/responsive.svg
rename to src/features/IndexPage/components/MyPriorities/responsive.svg
diff --git a/src/features/HomePage/components/MyPriorities/security.svg b/src/features/IndexPage/components/MyPriorities/security.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/security.svg
rename to src/features/IndexPage/components/MyPriorities/security.svg
diff --git a/src/features/HomePage/components/MyPriorities/speed.svg b/src/features/IndexPage/components/MyPriorities/speed.svg
similarity index 100%
rename from src/features/HomePage/components/MyPriorities/speed.svg
rename to src/features/IndexPage/components/MyPriorities/speed.svg
diff --git a/src/features/HomePage/components/Portfolio/Portfolio.js b/src/features/IndexPage/components/Portfolio/Portfolio.js
similarity index 100%
rename from src/features/HomePage/components/Portfolio/Portfolio.js
rename to src/features/IndexPage/components/Portfolio/Portfolio.js
diff --git a/src/features/HomePage/components/Portfolio/Project.js b/src/features/IndexPage/components/Portfolio/Project.js
similarity index 100%
rename from src/features/HomePage/components/Portfolio/Project.js
rename to src/features/IndexPage/components/Portfolio/Project.js
diff --git a/src/features/HomePage/components/Portfolio/not-found.jpg b/src/features/IndexPage/components/Portfolio/not-found.jpg
similarity index 100%
rename from src/features/HomePage/components/Portfolio/not-found.jpg
rename to src/features/IndexPage/components/Portfolio/not-found.jpg
diff --git a/src/features/HomePage/components/Technologies/Technologies.js b/src/features/IndexPage/components/Technologies/Technologies.js
similarity index 84%
rename from src/features/HomePage/components/Technologies/Technologies.js
rename to src/features/IndexPage/components/Technologies/Technologies.js
index c40987c..a17531c 100644
--- a/src/features/HomePage/components/Technologies/Technologies.js
+++ b/src/features/IndexPage/components/Technologies/Technologies.js
@@ -43,36 +43,36 @@ function Technologies() {
           Technologies / tools I use
         </Typography>
         <div className={classes.grid}>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/html5.png')}
               name="HTML"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology fixed={findIcon('technologies/css.png')} name="CSS" />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology fixed={findIcon('technologies/scss.png')} name="SCSS" />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/js.png')}
               name="JavaScript"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/typescript.png')}
               name="TypeScript"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/react.png')}
@@ -80,46 +80,46 @@ function Technologies() {
             />
           </div>
 
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/gatsby.png')}
               name="Gatsby"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/nextjs.png')}
               name="Next.JS"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology fixed={findIcon('technologies/jest.png')} name="Jest" />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/express.png')}
               name="Express"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/nest.png')}
               name="Nest.JS"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/strapi.png')}
               name="Strapi"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/ghost.png')}
@@ -127,42 +127,42 @@ function Technologies() {
             />
           </div>
 
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/graphql.png')}
               name="GraphQL"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/golang.png')}
               name="Golang"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/gqlgen.png')}
               name="gqlgen"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/golang.png')}
               name="Gin"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/postgresql.png')}
               name="PostgreSQL"
             />
           </div>
-          <div className={classes.hide}></div>
+          <div className={classes.hide} />
           <div>
             <Technology
               fixed={findIcon('technologies/docker.png')}
diff --git a/src/features/HomePage/components/Technologies/Technology.js b/src/features/IndexPage/components/Technologies/Technology.js
similarity index 100%
rename from src/features/HomePage/components/Technologies/Technology.js
rename to src/features/IndexPage/components/Technologies/Technology.js
diff --git a/src/features/HomePage/components/header-bg.jpg b/src/features/IndexPage/components/header-bg.jpg
similarity index 100%
rename from src/features/HomePage/components/header-bg.jpg
rename to src/features/IndexPage/components/header-bg.jpg
diff --git a/src/pages/index.js b/src/pages/index.js
index da9d77a..d3efbb6 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,7 +1,7 @@
 import React from 'react';
 
-import HomePage from '@features/HomePage/HomePage';
+import IndexPage from '@features/IndexPage/IndexPage';
 
-const IndexPage = props => <HomePage {...props} />;
+const IndexPage = props => <IndexPage {...props} />;
 
 export default IndexPage;