2020-05-27 09:43:28 -04:00
|
|
|
import React from 'react'
|
|
|
|
import { Link } from 'react-router-dom'
|
|
|
|
import { Col, Row } from 'react-bootstrap'
|
|
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
|
|
import { Trans, useTranslation } from 'react-i18next'
|
2020-05-24 17:58:09 -04:00
|
|
|
|
|
|
|
export const FeatureLinks: React.FC = () => {
|
2020-05-27 09:43:28 -04:00
|
|
|
useTranslation()
|
|
|
|
return (
|
|
|
|
<Row className="mb-5">
|
|
|
|
<Col md={4}>
|
|
|
|
<Link to={'/features#Share-Notes'} className="text-light">
|
|
|
|
<FontAwesomeIcon icon="bolt" size="3x"/>
|
|
|
|
<h5>
|
2020-05-31 02:53:22 -04:00
|
|
|
<Trans i18nKey="landing.intro.features.collaboration"/>
|
2020-05-27 09:43:28 -04:00
|
|
|
</h5>
|
|
|
|
</Link>
|
|
|
|
</Col>
|
|
|
|
<Col md={4}>
|
|
|
|
<Link to={'/features#MathJax'} className="text-light">
|
|
|
|
<FontAwesomeIcon icon="chart-bar" size="3x"/>
|
|
|
|
<h5>
|
2020-05-31 02:53:22 -04:00
|
|
|
<Trans i18nKey="landing.intro.features.mathJax"/>
|
2020-05-27 09:43:28 -04:00
|
|
|
</h5>
|
|
|
|
</Link>
|
|
|
|
</Col>
|
|
|
|
<Col md={4}>
|
|
|
|
<Link to={'/features#Slide-Mode'} className="text-light">
|
|
|
|
<FontAwesomeIcon icon="tv" size="3x"/>
|
|
|
|
<h5>
|
2020-05-31 02:53:22 -04:00
|
|
|
<Trans i18nKey="landing.intro.features.slides"/>
|
2020-05-27 09:43:28 -04:00
|
|
|
</h5>
|
|
|
|
</Link>
|
|
|
|
</Col>
|
|
|
|
</Row>
|
|
|
|
)
|
2020-05-24 17:58:09 -04:00
|
|
|
}
|