Adds images in instant page

6 files changed, 18 insertions, 18 deletions

diff --git a/packages/website/ts/@next/components/aboutPageLayout.tsx b/packages/website/ts/@next/components/aboutPageLayout.tsx
index 002d35c0c..2d871ac71 100644
--- a/packages/website/ts/@next/components/aboutPageLayout.tsx
+++ b/packages/website/ts/@next/components/aboutPageLayout.tsx
@@ -18,7 +18,7 @@ interface Props {
 
 export const AboutPageLayout = (props: Props) => (
     <SiteWrap theme="light">
-        <Section isFlex={true} maxWidth="1170px">
+        <Section isFlex={true} maxWidth="1170px" wrapWidth="100%">
             <Column>
                <ChapterLink to="/next/about/mission">Our Mission</ChapterLink>
                <ChapterLink to="/next/about/team">Team</ChapterLink>
diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx
index 8f5f988d5..933ee7034 100644
--- a/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx
+++ b/packages/website/ts/@next/components/dropdowns/dropdown_developers.tsx
@@ -15,49 +15,49 @@ interface Props {
 const introData = [
     {
         label: 'Build a relayer',
-        url: '#',
+        url: 'https://0xproject.com/wiki#Build-A-Relayer',
     },
     {
         label: 'Develop on Ethereum',
-        url: '#',
+        url: 'https://0xproject.com/wiki#Ethereum-Development',
     },
     {
         label: 'Make & take orders',
-        url: '#',
+        url: 'https://0xproject.com/wiki#Create,-Validate,-Fill-Order',
     },
     {
         label: 'Use networked liquidity',
-        url: '#',
+        url: 'https://0xproject.com/wiki#Find,-Submit,-Fill-Order-From-Relayer',
     },
 ];
 
 const docsData = [
     {
         label: '0x.js',
-        url: '#',
+        url: 'https://0xproject.com/docs/0x.js',
     },
     {
         label: '0x Connect',
-        url: '#',
+        url: 'https://0xproject.com/docs/connect',
     },
     {
         label: 'Smart Contract',
-        url: '#',
+        url: 'https://0xproject.com/docs/contracts',
     },
 ];
 
 const linksData = [
     {
         label: 'Wiki',
-        url: '#',
+        url: 'https://0xproject.com/wiki',
     },
     {
         label: 'Github',
-        url: '#',
+        url: 'https://github.com/0xProject',
     },
     {
         label: 'Whitepaper',
-        url: '#',
+        url: 'https://github.com/0xProject/0x-protocol-specification/blob/master/v2/v2-specification.md',
     },
 ];
 
@@ -129,7 +129,7 @@ export const DropdownDevelopers = withTheme((props: Props) => (
                 </Column>
             </StyledWrap>
 
-            <StyledLink to="#" bgColor={props.theme.dropdownButtonBg} isAccentColor={true} isNoBorder={true}>
+            <StyledLink to="https://0xproject.com/docs" bgColor={props.theme.dropdownButtonBg} isAccentColor={true} isNoBorder={true}>
                 View All Documentation
             </StyledLink>
         </DropdownWrap>
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx
index 7660c0d40..44686686f 100644
--- a/packages/website/ts/@next/components/header.tsx
+++ b/packages/website/ts/@next/components/header.tsx
@@ -67,7 +67,7 @@ const navItems: NavItem[] = [
     },
     {
         id: 'blog',
-        url: '#',
+        url: 'https://blog.0xproject.com/latest',
         text: 'Blog',
     },
 ];
@@ -143,7 +143,7 @@ class HeaderBase extends React.Component<HeaderProps, HeaderState> {
                 <TradeButton
                     bgColor={theme.headerButtonBg}
                     color="#ffffff"
-                    href="#"
+                    href="https://0xproject.com/portal"
                 >
                     Trade on 0x
                 </TradeButton>
diff --git a/packages/website/ts/@next/components/heroAnimation.tsx b/packages/website/ts/@next/components/heroAnimation.tsx
index fea757bc3..62250fd34 100644
--- a/packages/website/ts/@next/components/heroAnimation.tsx
+++ b/packages/website/ts/@next/components/heroAnimation.tsx
@@ -36,7 +36,7 @@ const spin = keyframes`
 `;
 
 const moveIn = keyframes`
-    0% { opacity: 0; transform: scale(1.5) rotate(-30deg) }
+    0% { opacity: 0; transform: scale(1.7) rotate(-30deg) }
     100% { opacity: 1; transform: scale(1)  rotate(0deg) }
 `;
 
diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx
index 685672733..617cc81c8 100644
--- a/packages/website/ts/@next/components/newLayout.tsx
+++ b/packages/website/ts/@next/components/newLayout.tsx
@@ -95,7 +95,7 @@ const SectionBase = styled.section<SectionProps>`
 `;
 
 const Wrap = styled(FlexWrap)<WrapProps>`
-    width: ${props => props.wrapWidth || 'calc(100% - 60px)'};
+    width: ${props => props.bgColor ? 'calc(100% - 60px)' : props.wrapWidth};
     max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')};
     text-align: ${props => props.isTextCentered && 'center'};
     margin: 0 auto;
diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 7970d50a9..513fa9867 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -17,11 +17,11 @@ export const SectionLandingHero = () => (
 
 const HeroActions = () => (
     <>
-        <Button isInline={true}>
+        <Button href="https://0xproject.com/docs" isInline={true}>
             Get Started
         </Button>
 
-        <Button isTransparent={true} isInline={true}>
+        <Button href="/why" isTransparent={true} isInline={true}>
             Learn More
         </Button>
     </>