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

                                 has_account={@props.has_account} />
                    </Col>
                </Row>
                <br />
                <SagePreview />
                <LandingPageFooter />
            </div>

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

SMC_Commercial = () ->
    <iframe src="https://player.vimeo.com/video/148146653?title=0&byline=0&portrait=0" width="600" height="337" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
    </iframe>

LandingPageContent = rclass
    displayName : 'LandingPageContent'

    mixins: [ImmutablePureRenderMixin]

    render : ->
        <Well style={color:'#666'}>
            {<ContentItem icon={v.icon} heading={v.heading} key={k} text={v.text} /> for k, v of LANDING_PAGE_CONTENT}
        </Well>

SagePreview = rclass
    displayName : "SagePreview"
