diff --git a/packages/website/ts/@next/pages/launch_kit.tsx b/packages/website/ts/@next/pages/launch_kit.tsx
new file mode 100644
index 0000000000..9318d8a6af
--- /dev/null
+++ b/packages/website/ts/@next/pages/launch_kit.tsx
@@ -0,0 +1,177 @@
+import * as _ from 'lodash';
+import * as React from 'react';
+import AnchorLink from 'react-anchor-link-smooth-scroll';
+import styled from 'styled-components';
+
+import { colors } from 'ts/style/colors';
+
+import {Hero} from 'ts/@next/components/hero';
+
+import { Banner } from 'ts/@next/components/banner';
+import { Button } from 'ts/@next/components/button';
+import { Icon } from 'ts/@next/components/icon';
+import { SiteWrap } from 'ts/@next/components/siteWrap';
+import { Slide, Slider } from 'ts/@next/components/slider/slider';
+import { Heading, Paragraph } from 'ts/@next/components/text';
+
+import {Definition} from 'ts/@next/components/definition';
+import {Column, Section, WrapSticky} from 'ts/@next/components/newLayout';
+
+const offersData = [
+    {
+        icon: 'supportForAllEthereumStandards',
+        title: 'Perfect for developers who need a simple drop-in marketplace',
+        description: (
+            
+                - 
+                    Quickly launch a market for your project’s token
+                
 
+                - 
+                    Seamlessly create an in-game marketplace for digital items and collectables
+                
 
+                - 
+                    Easily build a 0x relayer for your local market
+                
 
+            
+        ),
+    },
+];
+
+export class NextLaunchKit extends React.PureComponent {
+    public render(): React.ReactNode {
+        return (
+            
+                }
+                    actions={}
+                />
+
+                
+
+                
+                {_.map(offersData, (item, index) => (
+                    
+                ))}
+                
+
+                
+            
+        );
+    }
+}
+
+const HeroActions = () => (
+    <>
+        
+
+        
+    >
+);
+
+interface SectionProps {
+    isNotRelative?: boolean;
+}
+
+const SectionWrap = styled.div`
+    position: ${props => !props.isNotRelative && 'relative'};
+
+    & + & {
+        padding-top: 60px;
+        margin-top: 60px;
+    }
+
+    & + &:before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 1px;
+        background-color: #3d3d3d;
+    }
+
+    @media (min-width: 768px) {
+        & + &:before {
+            width: 100vw;
+        }
+    }
+
+    @media (max-width: 768px) {
+        text-align: left;
+
+        & + &:before {
+            width: 100%;
+        }
+    }
+`;
+
+const NavStickyWrap = styled(WrapSticky)`
+    padding-left: 60px;
+    z-index: 15;
+
+    @media (max-width: 768px) {
+        display: none;
+    }
+`;
+
+const ChapterLink = styled(AnchorLink)`
+    color: ${props => props.theme.textColor};
+    font-size: 22px;
+    margin-bottom: 25px;
+    display: block;
+    opacity: 0.8;
+
+    &:hover,
+    &:active {
+        opacity: 1;
+    }
+`;
+
+const ChapterItemWrap = styled.div`
+    max-width: 560px;
+    margin-top: 60px;
+`;
diff --git a/packages/website/ts/index.tsx b/packages/website/ts/index.tsx
index 8c7fef1721..984c919fba 100644
--- a/packages/website/ts/index.tsx
+++ b/packages/website/ts/index.tsx
@@ -28,7 +28,7 @@ import { NextAboutTeam } from 'ts/@next/pages/about/team';
 import { NextEcosystem } from 'ts/@next/pages/ecosystem';
 import { Next0xInstant } from 'ts/@next/pages/instant';
 import { NextLanding } from 'ts/@next/pages/landing';
-import { NextLaunchKit } from 'ts/@next/pages/launchKit';
+import { NextLaunchKit } from 'ts/@next/pages/launch_kit';
 import { NextWhy } from 'ts/@next/pages/why';
 
 // Check if we've introduced an update that requires us to clear the tradeHistory local storage entries