feat: generate landing stub types outside (#33)

src/pages/landing/index.tsx

@@ -1,9 +1,17 @@
 import React, { FC } from 'react';
 import { Container, VStack } from '@chakra-ui/react';
 
-import LandingSuccess from '../../../stubs/json/landing/landing-success.json';
-import { BenefitsSection, Footer, HeroSection, SocialProofSection } from '../../components/landing';
+import {
+  BenefitsSection,
+  Footer,
+  HeroSection,
+  SocialProofSection,
+} from '../../components/landing';
 import { LandingThemeProvider } from '../../containers';
+import { LandingSuccessStub } from '../../models/landing';
+const landingSuccessStub = import(
+  '../../../stubs/json/landing/success.json'
+) as unknown as LandingSuccessStub;
 
 import { isBenefitsSectionData, isSocialProofSectionData } from './types';
 
@@ -20,11 +28,11 @@ const Page: FC = () => {
       >
         <VStack w='full' h='full' alignItems='stretch' flexGrow={1}>
           <HeroSection
-            data={LandingSuccess.body['hero-section']}
+            data={landingSuccessStub['body']['hero-section']}
             flexShrink={0}
           />
           <VStack as='main' flexGrow={1}>
-            {LandingSuccess.body.sections.map(({ type, ...data }, i) => {
+            {landingSuccessStub.body.sections.map(({ type, ...data }, i) => {
               if (isBenefitsSectionData(type, data)) {
                 return <BenefitsSection key={i} data={data} />;
               }