import React, { PureComponent } from 'react'
import Link from 'components/Link'
import PropTypes from 'prop-types'

export default class Page2 extends PureComponent {
  static propTypes = {
    children: PropTypes.any,
  }

  render() {
    const { children } = this.props
    return (
      <main>
        <h1>Hi from the second page</h1>
        <p>Welcome to page 2</p>
        <Link to='/'>Go back to the homepage</Link>
        <div style={{ marginTop: '2000px' }}>
          <div>FIN</div>
        </div>
      </main>
    )
  }
}

@@ -9,27 +9,8 @@
 eact
-, %7B PureComponent %7D
  fro
@@ -58,203 +58,91 @@
 nk'%0A
+%0A
 import 
-PropTypes from 'prop-types'%0A%0Aexport default class Page2 extends PureComponent %7B%0A  static propTypes = %7B%0A    children: PropTypes.any,%0A  %7D%0A%0A  render() %7B%0A    const %7B children %7D = this.
+content from 'content/page-2.json'%0A%0Aexport default function Page2(
 props
-%0A  
+) %7B%0A
   re
@@ -156,19 +156,15 @@
     
-  
 %3Cmain%3E%0A
-  
     
@@ -173,31 +173,23 @@
 %3Ch1%3E
-Hi from the second page
+%7Bcontent.title%7D
 %3C/h1
@@ -200,37 +200,31 @@
     
- 
- 
 %3Cp%3E
-Welcome to page 2
+%7Bcontent.intro%7D
 %3C/p%3E%0A
-  
     
@@ -238,43 +238,51 @@
  to=
-'/'%3EGo back to the homepage
+%7Bcontent.cta.to%7D%3E%7Bcontent.cta.text%7D
 %3C/Link%3E%0A
     
@@ -277,18 +277,16 @@
 %3C/Link%3E%0A
-  
       %3Cd
@@ -333,18 +333,28 @@
     
-  
 %3Cdiv%3E
-FIN
+%7Bcontent.outro%7D
 %3C/di
@@ -366,19 +366,15 @@
     
- 
- 
 %3C/div%3E%0A
-  
     
@@ -385,16 +385,10 @@
 in%3E%0A
-  
   )%0A
-  %7D%0A
 %7D%0A

change to stateless and import content