1 files changed, 32 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/blockIconLink.tsx b/packages/website/ts/@next/components/blockIconLink.tsx
new file mode 100644
index 000000000..be3ded71f
--- /dev/null
+++ b/packages/website/ts/@next/components/blockIconLink.tsx
@@ -0,0 +1,32 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import {Link} from 'ts/@next/components/button';
+import {Icon} from 'ts/@next/components/icon';
+
+interface Props {
+    icon: string;
+    title: string;
+    linkLabel: string;
+    linkUrl: string;
+}
+
+export const BlockIconLink = (props: Props) => (
+    <Wrap>
+        <div>
+            <Icon
+                name={props.icon}
+                size="large"
+                margin={[0, 0, 'default', 0]}
+            />
+        </div>
+    </Wrap>
+);
+
+const Wrap = styled.div`
+    padding: 40px;
+    display: flex;
+    align-items: center;
+    text-align: center;
+    background-color: ${props => props.theme.lightBgColor};
+`;