From c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 09:47:55 +0100
Subject: WIP

---
 packages/website/ts/@next/components/heroImage.tsx | 34 ++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 packages/website/ts/@next/components/heroImage.tsx

(limited to 'packages/website/ts/@next/components/heroImage.tsx')

diff --git a/packages/website/ts/@next/components/heroImage.tsx b/packages/website/ts/@next/components/heroImage.tsx
new file mode 100644
index 000000000..51b35480b
--- /dev/null
+++ b/packages/website/ts/@next/components/heroImage.tsx
@@ -0,0 +1,34 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
+
+interface Props {
+    image: React.Node;
+}
+
+export const LandingAnimation = (props: Props) => (
+    <Wrap>
+        {props.image}
+    </Wrap>
+);
+
+const Wrap = styled.figure`
+    border: 1px solid red;
+    display: inline-block;
+
+    svg {
+        width: 100%;
+        height: auto;
+    }
+
+    @media (min-width: 768px) {
+        width: 100%;
+        max-width: 400px;
+    }
+
+    @media (max-width: 768px) {
+        width: 180px;
+        margin-bottom: 40px;
+    }
+`;
-- 
cgit v1.2.3

