update structure of home

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'))

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 (

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 = () => {

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'

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'

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 (

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 = {

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)