diff --git a/packages/website/ts/components/announcement.tsx b/packages/website/ts/components/announcement.tsx index 6bb2f34602..8338e1ea32 100644 --- a/packages/website/ts/components/announcement.tsx +++ b/packages/website/ts/components/announcement.tsx @@ -8,6 +8,7 @@ import { Button } from './button'; export interface AnnouncementProps { headline: string; href: string; + shouldOpenInNewTab?: boolean; } const BrandColorSpan = styled.span` @@ -31,7 +32,12 @@ const AnnouncementLink = styled(Button)` export const Announcement: React.StatelessComponent = (props: AnnouncementProps) => { return ( - + {'New!'} {props.headline} diff --git a/packages/website/ts/components/sections/landing/hero.tsx b/packages/website/ts/components/sections/landing/hero.tsx index 04154c6e3b..9bf5b2aeb8 100644 --- a/packages/website/ts/components/sections/landing/hero.tsx +++ b/packages/website/ts/components/sections/landing/hero.tsx @@ -7,10 +7,11 @@ 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', -// }; +const announcement = { + headline: 'StarkDEX: Bringing STARKs to Ethereum', + href: 'https://www.starkdex.io', + shouldOpenInNewTab: true, +}; export const SectionLandingHero = () => ( ( description="0x is an open protocol that enables the peer-to-peer exchange of assets on the Ethereum blockchain." figure={} />} actions={} + announcement={announcement} /> );