diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 274c7ce..7131a85 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,9 +1,10 @@
 import styled from 'styled-components';
 import FirstSection from '../components/Landing/FirstSection';
-import SecondSection from '../components/Landing/SecondSection';
-import ThirdSection from '../components/Landing/ThirdSection';
-import FourthSection from '../components/Landing/FourthSection';
-import FifthSection from '../components/Landing/FifthSection';
+const SecondSection = React.lazy(() => import('../components/Landing/SecondSection'));
+const ThirdSection = React.lazy(() => import('../components/Landing/ThirdSection'));
+const FourthSection = React.lazy(() => import('../components/Landing/FourthSection'));
+const FifthSection = React.lazy(() => import('../components/Landing/FifthSection'));
+import React from 'react';
 
 const LandingPage = () => (
   <Wrapper>