2018-09-10 09:55:26 -07:00
|
|
|
|
import React from 'react';
|
2018-09-19 18:48:49 -07:00
|
|
|
|
import { Link } from 'react-router-dom';
|
2018-09-10 09:55:26 -07:00
|
|
|
|
import { Icon } from 'antd';
|
2018-10-22 10:16:15 -07:00
|
|
|
|
import HeaderDetails from 'components/HeaderDetails';
|
2018-09-17 13:55:49 -07:00
|
|
|
|
import TeamsSvg from 'static/images/intro-teams.svg';
|
|
|
|
|
import FundingSvg from 'static/images/intro-funding.svg';
|
|
|
|
|
import CommunitySvg from 'static/images/intro-community.svg';
|
2018-10-03 19:42:20 -07:00
|
|
|
|
import './style.less';
|
2018-09-10 09:55:26 -07:00
|
|
|
|
|
|
|
|
|
const introBlobs = [
|
|
|
|
|
{
|
2018-09-17 13:55:49 -07:00
|
|
|
|
Svg: TeamsSvg,
|
2018-09-10 09:55:26 -07:00
|
|
|
|
text: 'Developers and teams propose projects for improving the ecosystem',
|
|
|
|
|
},
|
|
|
|
|
{
|
2018-09-17 13:55:49 -07:00
|
|
|
|
Svg: FundingSvg,
|
2018-09-10 09:55:26 -07:00
|
|
|
|
text: 'Projects are funded by the community and paid as it’s built',
|
|
|
|
|
},
|
|
|
|
|
{
|
2018-09-17 13:55:49 -07:00
|
|
|
|
Svg: CommunitySvg,
|
2018-09-10 09:55:26 -07:00
|
|
|
|
text: 'Open discussion and project updates bring devs and the community together',
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
export default class Home extends React.Component {
|
|
|
|
|
render() {
|
|
|
|
|
return (
|
2018-10-03 19:42:20 -07:00
|
|
|
|
<div className="Home">
|
2018-10-22 10:16:15 -07:00
|
|
|
|
<HeaderDetails
|
|
|
|
|
title="Home"
|
|
|
|
|
description="Grant.io organizes creators and community members to incentivize ecosystem
|
|
|
|
|
improvements"
|
|
|
|
|
/>
|
2018-10-03 19:42:20 -07:00
|
|
|
|
<div className="Home-hero">
|
|
|
|
|
<h1 className="Home-hero-title">
|
|
|
|
|
Decentralized funding for <br /> Blockchain ecosystem improvements
|
|
|
|
|
</h1>
|
2018-09-10 09:55:26 -07:00
|
|
|
|
|
2018-10-03 19:42:20 -07:00
|
|
|
|
<div className="Home-hero-buttons">
|
|
|
|
|
<Link className="Home-hero-buttons-button is-primary" to="/create">
|
|
|
|
|
Propose a Project
|
|
|
|
|
</Link>
|
|
|
|
|
<Link className="Home-hero-buttons-button" to="/proposals">
|
|
|
|
|
Explore Projects
|
|
|
|
|
</Link>
|
2018-09-19 18:48:49 -07:00
|
|
|
|
</div>
|
2018-09-10 09:55:26 -07:00
|
|
|
|
|
2018-10-03 19:42:20 -07:00
|
|
|
|
<button className="Home-hero-scroll">
|
|
|
|
|
Learn More
|
|
|
|
|
<Icon type="down" />
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div className="Home-intro">
|
|
|
|
|
<h3 className="Home-intro-text">
|
|
|
|
|
Grant.io organizes creators and community members to incentivize ecosystem
|
|
|
|
|
improvements
|
|
|
|
|
</h3>
|
2018-09-10 09:55:26 -07:00
|
|
|
|
|
2018-10-03 19:42:20 -07:00
|
|
|
|
<div className="Home-intro-blobs">
|
|
|
|
|
{introBlobs.map((blob, i) => (
|
|
|
|
|
<div className="Home-intro-blobs-blob" key={i}>
|
|
|
|
|
<blob.Svg />
|
|
|
|
|
<p>{blob.text}</p>
|
|
|
|
|
</div>
|
|
|
|
|
))}
|
2018-09-19 18:48:49 -07:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2018-10-03 19:42:20 -07:00
|
|
|
|
</div>
|
2018-09-10 09:55:26 -07:00
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|