37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import * as React from 'react';
|
|
|
|
import { Button } from 'ts/components/button';
|
|
import { Hero } from 'ts/components/hero';
|
|
import { LandingAnimation } from 'ts/components/heroImage';
|
|
|
|
import { HeroAnimation } from 'ts/components/heroAnimation';
|
|
import { WebsitePaths } from 'ts/types';
|
|
|
|
// const announcement = {
|
|
// headline: 'Vote on ZEIP-23 MultiAssetProxy',
|
|
// href: '/vote',
|
|
// };
|
|
|
|
export const SectionLandingHero = () => (
|
|
<Hero
|
|
title="Powering Decentralized Exchange"
|
|
isLargeTitle={true}
|
|
isFullWidth={true}
|
|
description="0x is an open protocol that enables the peer-to-peer exchange of assets on the Ethereum blockchain."
|
|
figure={<LandingAnimation image={<HeroAnimation />} />}
|
|
actions={<HeroActions />}
|
|
/>
|
|
);
|
|
|
|
const HeroActions = () => (
|
|
<>
|
|
<Button href="https://0x.org/docs" isInline={true}>
|
|
Get Started
|
|
</Button>
|
|
|
|
<Button to={WebsitePaths.Why} isTransparent={true} isInline={true}>
|
|
Learn More
|
|
</Button>
|
|
</>
|
|
);
|