diff options
Diffstat (limited to 'packages/website/ts/@next/components/sections/landing/cta.tsx')
-rw-r--r-- | packages/website/ts/@next/components/sections/landing/cta.tsx | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/sections/landing/cta.tsx b/packages/website/ts/@next/components/sections/landing/cta.tsx new file mode 100644 index 000000000..1a959a6e9 --- /dev/null +++ b/packages/website/ts/@next/components/sections/landing/cta.tsx @@ -0,0 +1,34 @@ +import * as React from 'react'; + +import {BlockIconLink} from 'ts/@next/components/blockIconLink'; +import {Section} from 'ts/@next/components/newLayout'; + +import {AnimatedChatIcon} from 'ts/@next/components/animatedChatIcon'; +import {AnimatedCompassIcon} from 'ts/@next/components/animatedCompassIcon'; + +interface Props { + onContactClick?: () => void; +} + +export const SectionLandingCta = (props: Props) => ( + <Section + isPadded={false} + isFlex={true} + maxWidth="auto" + wrapWidth="100%" + flexBreakpoint="900px" + > + <BlockIconLink + iconComponent={<AnimatedCompassIcon />} + title="Ready to build on 0x?" + linkLabel="Get Started" + linkUrl="https://0xproject.com/docs" + /> + <BlockIconLink + iconComponent={<AnimatedChatIcon />} + title="Want help from the 0x team?" + linkLabel="Get in Touch" + linkAction={props.onContactClick} + /> + </Section> +); |