forked from nodejs/nodejs.dev
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathhero.tsx
More file actions
33 lines (29 loc) · 885 Bytes
/
hero.tsx
File metadata and controls
33 lines (29 loc) · 885 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import React from 'react';
import { Link } from 'gatsby';
interface Props {
title: string;
subTitle: string;
}
const NodeVersion = 'Version 10.15.3';
const Hero = ({ title, subTitle }: Props): JSX.Element => (
<div className="home-page-hero">
<h1>{title}</h1>
<h2 className="sub-title t-subheading">{subTitle}</h2>
<div className="btn-ctas">
<div className="download-lts-container">
<button className="download-lts-cta t-body1" type="button">
Download Node (LTS)
</button>
<p className="links t-caption">
{NodeVersion} - <Link to="/download">What’s new</Link> / <Link to="/download">Get Current</Link>
</p>
</div>
<Link to="/learn">
<button className="learn-cta t-body1" type="button">
Learn Node
</button>
</Link>
</div>
</div>
);
export default Hero;