From e737395c2b553196c78c1bd71bce3d89155fd168 Mon Sep 17 00:00:00 2001
From: Chris Kalani <chriskalani@Chris-Kalani.local>
Date: Mon, 3 Jun 2019 11:33:38 -0700
Subject: [PATCH 1/2] Added StarkDEX announcement to homepage

---
 packages/website/ts/components/sections/landing/hero.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/website/ts/components/sections/landing/hero.tsx b/packages/website/ts/components/sections/landing/hero.tsx
index 04154c6e3b..536befd345 100644
--- a/packages/website/ts/components/sections/landing/hero.tsx
+++ b/packages/website/ts/components/sections/landing/hero.tsx
@@ -7,10 +7,10 @@ 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',
+};
 
 export const SectionLandingHero = () => (
     <Hero
@@ -20,6 +20,7 @@ export const SectionLandingHero = () => (
         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 />}
+        announcement={announcement}
     />
 );
 

From da9e90faf0946725d2d0bcad4ecf98a816c3b4da Mon Sep 17 00:00:00 2001
From: Chris Kalani <chriskalani@Chris-Kalani.local>
Date: Mon, 3 Jun 2019 11:55:19 -0700
Subject: [PATCH 2/2] Added new tab prop to announcement

---
 packages/website/ts/components/announcement.tsx          | 8 +++++++-
 packages/website/ts/components/sections/landing/hero.tsx | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

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<AnnouncementProps> = (props: AnnouncementProps) => {
     return (
         <Wrap>
-            <AnnouncementLink isWithArrow={true} isAccentColor={true} href={props.href}>
+            <AnnouncementLink
+                isWithArrow={true}
+                isAccentColor={true}
+                href={props.href}
+                target={props.shouldOpenInNewTab ? '_blank' : ''}
+            >
                 <BrandColorSpan>{'New!'}</BrandColorSpan>
                 {props.headline}
             </AnnouncementLink>
diff --git a/packages/website/ts/components/sections/landing/hero.tsx b/packages/website/ts/components/sections/landing/hero.tsx
index 536befd345..9bf5b2aeb8 100644
--- a/packages/website/ts/components/sections/landing/hero.tsx
+++ b/packages/website/ts/components/sections/landing/hero.tsx
@@ -10,6 +10,7 @@ import { WebsitePaths } from 'ts/types';
 const announcement = {
     headline: 'StarkDEX: Bringing STARKs to Ethereum',
     href: 'https://www.starkdex.io',
+    shouldOpenInNewTab: true,
 };
 
 export const SectionLandingHero = () => (