57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import PreLaunchFormContainer from './PreLaunchFormContainer';
|
|
import reduxLang from '../../middleware/lang';
|
|
import Newsletter from '../InfoView/Newsletter';
|
|
import ImageWithLegend from '../InfoView/ImageWithLegend';
|
|
import Sponsors from '../InfoView/Sponsors';
|
|
import InfoViewFooter from '../InfoView/InfoViewFooter';
|
|
|
|
const PreLaunchPage = ({ t, locale }) => (
|
|
<div className='PreLaunchPage'>
|
|
<div
|
|
className='PreLaunchPage-hereo'
|
|
style={{
|
|
backgroundImage: `url(/static/gfx/2019-12-09-Banner-OnePage-${locale}.jpg)`
|
|
}}
|
|
></div>
|
|
<div className='PreLaunchPage-video'>
|
|
<iframe
|
|
width='100%'
|
|
height='100%'
|
|
src='https://www.youtube.com/embed/kjpw4LunEEA'
|
|
frameBorder='0'
|
|
allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture'
|
|
allowFullScreen
|
|
></iframe>
|
|
</div>
|
|
<div className='PreLaunchPage-form'>
|
|
<a id='pre-launch-contribute-form' />
|
|
<PreLaunchFormContainer />
|
|
</div>
|
|
<div className='PreLaunchPage-info'>
|
|
<a id='pre-launch-info' />
|
|
<div className='InfoView'>
|
|
<h1 style={{ paddingTop: 0 }} className='big-text'>
|
|
{t('welcome_title')}
|
|
</h1>
|
|
<div className='InfoContent'>
|
|
<p
|
|
className='medium-text'
|
|
dangerouslySetInnerHTML={{ __html: t('welcome_text') }}
|
|
></p>
|
|
</div>
|
|
<div className='ImagesList'>
|
|
<ImageWithLegend
|
|
image='/static/gfx/alps_bruegger_A0080_NAm015_edited_06.12.19-optmimized.jpg'
|
|
legend={t('image_legend')}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<Newsletter />
|
|
<Sponsors />
|
|
<InfoViewFooter />
|
|
</div>
|
|
);
|
|
export default reduxLang('InfoView')(PreLaunchPage);
|