                                  has_account={@props.has_account} />
                     </Col>
                 </Row>
-                <br />
+                <Row>
+                    <Col sm=12 className='hidden-xs'>
+                        <LandingPageContent />
+                    </Col>
+                </Row>
                 <SagePreview />
                 <LandingPageFooter />
             </div>

        heading : 'Built-in LaTeX Editor'
        text : 'Write beautiful documents using LaTeX.'

LandingPageContent = rclass
    displayName : 'LandingPageContent'

    mixins: [ImmutablePureRenderMixin]

    render : ->
        <div style={backgroundColor: "white", color: BS_BLUE_BGRND}>
            {<ContentItem icon={v.icon} heading={v.heading} key={k} text={v.text} /> for k, v of LANDING_PAGE_CONTENT}
        </div>
    ###
    componentDidMount : ->
        @update_mathjax()

    componentDidUpdate : ->
        @update_mathjax()

    update_mathjax: ->
        el = ReactDOM.findDOMNode(@)
        MathJax.Hub.Queue(["Typeset",MathJax.Hub,el]);
    ###

SagePreview = rclass
    displayName : "SagePreview"

                    </Col>
                </Row>
                <Row>
                    <Col sm=7 className="hidden-xs" style=marginTop:'60px'>
                        <SMC_Commercial />
                    </Col>
                    <Col sm=5>
                        <SignUp actions={@props.actions}
