2020-05-27 09:43:28 -04:00
|
|
|
import React from 'react'
|
|
|
|
import { Col, Row } from 'react-bootstrap'
|
|
|
|
import { Trans, useTranslation } from 'react-i18next'
|
2020-06-07 15:29:09 -04:00
|
|
|
import { Link } from 'react-router-dom'
|
2020-08-16 10:02:26 -04:00
|
|
|
import { ForkAwesomeIcon } from '../common/fork-awesome/fork-awesome-icon'
|
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}>
|
2020-06-28 15:25:22 -04:00
|
|
|
<Link to={'/n/features#Share-Notes'} className="text-light">
|
2020-05-31 16:21:32 -04:00
|
|
|
<ForkAwesomeIcon icon="bolt" size="3x"/>
|
2020-05-27 09:43:28 -04:00
|
|
|
<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}>
|
2020-06-28 15:25:22 -04:00
|
|
|
<Link to={'/n/features#MathJax'} className="text-light">
|
2020-05-31 16:21:32 -04:00
|
|
|
<ForkAwesomeIcon icon="bar-chart" size="3x"/>
|
2020-05-27 09:43:28 -04:00
|
|
|
<h5>
|
2020-08-27 09:13:35 -04:00
|
|
|
<Trans i18nKey="landing.intro.features.katex"/>
|
2020-05-27 09:43:28 -04:00
|
|
|
</h5>
|
|
|
|
</Link>
|
|
|
|
</Col>
|
|
|
|
<Col md={4}>
|
2020-06-28 15:25:22 -04:00
|
|
|
<Link to={'/n/features#Slide-Mode'} className="text-light">
|
2020-05-31 16:21:32 -04:00
|
|
|
<ForkAwesomeIcon icon="television" size="3x"/>
|
2020-05-27 09:43:28 -04:00
|
|
|
<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
|
|
|
}
|