diff --git a/src/pages/job-description/data.ts b/src/data/job-description-data.ts
similarity index 100%
rename from src/pages/job-description/data.ts
rename to src/data/job-description-data.ts
diff --git a/src/loadables/home/index.tsx b/src/loadables/home/index.tsx
new file mode 100644
index 00000000..ccc732ff
--- /dev/null
+++ b/src/loadables/home/index.tsx
@@ -0,0 +1,5 @@
+import Loadable from '@loadable/component'
+
+export const OurTerms = Loadable(() => import('../../pages/home/our-terms'))
+export const TechStack = Loadable(() => import('../../pages/home/tech-stack'))
+export const JoinUs = Loadable(() => import('../../components/layout/join-us'))
diff --git a/src/pages/careers/index.tsx b/src/pages/careers/index.tsx
index 9fb1c5f9..27825d00 100644
--- a/src/pages/careers/index.tsx
+++ b/src/pages/careers/index.tsx
@@ -6,7 +6,7 @@ import PerksBenefits from './perks-benefits'
 import OpenPositions from './open-positions'
 import HiringProcess from './hiring-process'
 import Layout from 'components/layout/layout'
-import { JoinUs } from 'pages/home'
+import { JoinUs } from '../../loadables/home'
 
 const Careers = () => {
     return (
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
deleted file mode 100644
index 2ed6b41e..00000000
--- a/src/pages/home/index.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import Loadable from '@loadable/component'
-
-export const OurTerms = Loadable(() => import('./our-terms'))
-export const TechStack = Loadable(() => import('./tech-stack'))
-export const JoinUs = Loadable(() => import('components/layout/join-us'))
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index d52c45cb..656cccce 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Helmet } from 'react-helmet'
 import Carousel from './home/carousel'
 import Welcome from './home/welcome'
-import { JoinUs, OurTerms, TechStack } from './home'
+import { JoinUs, OurTerms, TechStack } from '../loadables/home'
 import Layout from 'components/layout/layout'
 
 const Home = () => {
diff --git a/src/pages/job-description/description.tsx b/src/pages/job-description/description.tsx
index fe4d7a02..2164ac99 100644
--- a/src/pages/job-description/description.tsx
+++ b/src/pages/job-description/description.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import styled from 'styled-components'
 import { StaticImage } from 'gatsby-plugin-image'
-import { JobTitleProps } from './data'
+import { JobTitleProps } from 'data/job-description-data'
 import { Card } from 'components/containers/flex'
 import { ContainerWrapper, Header } from 'components/containers'
 import { BlueBackground } from 'images/common/jd'
diff --git a/src/pages/job-description/job-title.tsx b/src/pages/job-description/job-title.tsx
index bfcc6c26..8ce942cc 100644
--- a/src/pages/job-description/job-title.tsx
+++ b/src/pages/job-description/job-title.tsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import styled from 'styled-components'
 import { StaticImage } from 'gatsby-plugin-image'
-import { JobTitleProps } from './data'
+import { JobTitleProps } from 'data/job-description-data'
 import { ContainerWrapper, ImageContainer } from 'components/containers'
 import Background from 'images/common/background.png'
 import device from 'themes/device'
diff --git a/src/pages/open-positions/index.tsx b/src/pages/open-positions/index.tsx
index 412a18bc..59178dbe 100644
--- a/src/pages/open-positions/index.tsx
+++ b/src/pages/open-positions/index.tsx
@@ -3,7 +3,7 @@ import { Helmet } from 'react-helmet'
 import Hero from './hero'
 import OpenPositions from './open-positions'
 import Layout from 'components/layout/layout'
-import { JoinUs } from 'pages/home'
+import { JoinUs } from '../../loadables/home'
 
 const Positions = () => {
     return (
diff --git a/src/pages/open-positions/open-positions.tsx b/src/pages/open-positions/open-positions.tsx
index b386030e..c4ffe9f5 100644
--- a/src/pages/open-positions/open-positions.tsx
+++ b/src/pages/open-positions/open-positions.tsx
@@ -5,7 +5,7 @@ import { Text } from 'components/containers/main'
 import { ContainerWrapper } from 'components/containers/common/style'
 import Flex, { Card, CardButton, LinkContainer } from 'components/containers/flex'
 import device from 'themes/device'
-import { positions } from 'pages/job-description/data'
+import { positions } from 'data/job-description-data'
 import { BlueBackground } from 'images/common/jd'
 
 type StyledProps = {
diff --git a/src/templates/position.tsx b/src/templates/position.tsx
index 3fde0400..e0f348ae 100644
--- a/src/templates/position.tsx
+++ b/src/templates/position.tsx
@@ -6,7 +6,7 @@ import JobTitle from '../pages/job-description/job-title'
 import BenefitsList from '../pages/job-description/benefits'
 import Positions from 'data/positions.json'
 import Layout from 'components/layout/layout'
-import { JoinUs } from 'pages/home'
+import { JoinUs } from '../loadables/home'
 
 const JobDescription = (props: PageProps) => {
     const position = Positions?.find(({ id }) => id === props.pageContext.slug)