8cad60bdda
* progressive image * progressive image v0.2 * progressive images v0.3 * SimplifiedEditor async load, hydration script moved to the bottom * GrowingTextarea optimization * static images moved to storj --------- Co-authored-by: Igor Lobanov <igor.lobanov@onetwotrip.com>
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import { clsx } from 'clsx'
|
|
|
|
import { useLocalize } from '../../context/localize'
|
|
import { showModal } from '../../stores/ui'
|
|
import { Image } from '../_shared/Image'
|
|
|
|
import styles from './Banner.module.scss'
|
|
|
|
export default () => {
|
|
const { t } = useLocalize()
|
|
return (
|
|
<div class={styles.discoursBanner}>
|
|
<div class="wide-container">
|
|
<div class="row">
|
|
<div class={clsx(styles.discoursBannerContent, 'col-lg-10')}>
|
|
<h3>{t('Discours is created with our common effort')}</h3>
|
|
<p>
|
|
<a href="/about/help">{t('Support us')}</a>
|
|
<a href="/create">{t('Become an author')}</a>
|
|
<a href={''} onClick={() => showModal('auth')}>
|
|
{t('Join the community')}
|
|
</a>
|
|
</p>
|
|
</div>
|
|
<div class={clsx(styles.discoursBannerImage, 'col-lg-12 offset-lg-2')}>
|
|
<Image
|
|
src="https://images.discours.io/unsafe/production/image/discours-banner.jpg"
|
|
alt={t('Discours')}
|
|
width={600}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|