diff --git a/src/assets/images/Cryptonomic_logo.svg b/src/assets/images/Cryptonomic_logo.svg
new file mode 100644
index 00000000..66889dfd
--- /dev/null
+++ b/src/assets/images/Cryptonomic_logo.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/assets/images/link_icon.svg b/src/assets/images/link_icon.svg
new file mode 100644
index 00000000..9f36ed5f
--- /dev/null
+++ b/src/assets/images/link_icon.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/components/Home/Banner/index.tsx b/src/components/Home/Banner/index.tsx
index 559afab2..1607eccc 100644
--- a/src/components/Home/Banner/index.tsx
+++ b/src/components/Home/Banner/index.tsx
@@ -2,12 +2,14 @@ import React from 'react';
import {
Title,
Text,
- Title2,
BottomDiv,
Holder,
- styles
+ styles,
+ LogoCon
} from './style';
+
import DownArrow from '../../../assets/icons/down-arrow.png';
+import CryptonomicLogo from '../../../assets/images/Cryptonomic_logo.svg';
import { withStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
@@ -17,12 +19,15 @@ const Banner = (props: any) => {
ARRONAX
Blockchain Analytics Tool
+
+ Brought to you by
+ 
+
- Discover Arronax
diff --git a/src/components/Home/Banner/style.tsx b/src/components/Home/Banner/style.tsx
index 55c6285d..bcdf8746 100644
--- a/src/components/Home/Banner/style.tsx
+++ b/src/components/Home/Banner/style.tsx
@@ -21,14 +21,14 @@ export const Title = styled.h1 `
`;
export const Text = styled.p `
- font-family: Futura;
+ font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 38px;
line-height: 50px;
letter-spacing: 5.76333px;
color: #FFFFFF;
- margin: 0 0 50px;
+ margin: 0 0 10px;
`;
export const BottomDiv = styled.div `
@@ -39,26 +39,33 @@ export const BottomDiv = styled.div `
margin: 0 auto;
`;
-export const Title2 = styled.h4 `
- font-family: Roboto;
- font-weight:300;
- margin: 0 0 25px;
- font-size: 25px;
- line-height: 29px;
- letter-spacing: 3.04333px;
- color: #FFFFFF;
+export const LogoCon = styled.div`
+ display: flex;
+ align-self: center;
+ height: 48px;
+ margin: 20px auto 50px;
+
+ p {
+ font-size: 16px;
+ }
+ img {
+ width: 112px;
+ height: 48px;
+ }
`;
export const styles: any = {
primaryBtn: {
+ marginTop: '50px',
padding: '10px 30px',
- fontSize: '16px',
+ fontSize: '20px',
fontWeight: 'bold',
- fontFamily: 'Futura',
+ fontFamily: 'Roboto',
height: 'auto',
- lineHeight: '21px',
+ lineHeight: '23.44px',
borderRadius: '5px',
letterSpacing: '2.42667px',
+ textTransform: 'none',
boxShadow: ' none !important',
outline: 'none !important',
border: '1px solid #FF7477;',
diff --git a/src/containers/Homepage/index.tsx b/src/containers/Homepage/index.tsx
index 8f8c378f..4b999697 100644
--- a/src/containers/Homepage/index.tsx
+++ b/src/containers/Homepage/index.tsx
@@ -62,6 +62,7 @@ import ThoughtBubbleIcon from '../../assets/icons/thought_bubble_icon.svg';
import PlaceholderImage from '../../assets/images/placeholder.png';
import PlaceholderImage1 from '../../assets/images/placeholder1.png';
import PlaceholderImage2 from '../../assets/images/placeholder2.png';
+import link_icon from '../../assets/images/link_icon.svg'
import { Props, States, Transactions, Accounts, Bakers } from './types';
@@ -354,17 +355,6 @@ class Home extends React.Component {
-
-
-
- View Query
-
-
- {/* */}
@@ -374,6 +364,12 @@ class Home extends React.Component {
}
+
+
+ View Graph on Periscope
+ 
+
+
@@ -398,17 +394,19 @@ class Home extends React.Component {
}
+
+
+ View Graph on Periscope
+
+
+
- 
+
-
-
- View Query
+
+ View Baker Stats on Harpoon
+
@@ -426,16 +424,6 @@ class Home extends React.Component {
-
-
-
- View Query
-
-
@@ -445,6 +433,12 @@ class Home extends React.Component {
}
+
+
+ View Graph on Periscope
+
+
+
@@ -460,7 +454,7 @@ class Home extends React.Component {
diff --git a/src/containers/Homepage/style.tsx b/src/containers/Homepage/style.tsx
index c79d9aee..6c662898 100644
--- a/src/containers/Homepage/style.tsx
+++ b/src/containers/Homepage/style.tsx
@@ -100,17 +100,21 @@ export const MapHolder = styled.div`
`;
export const AnchorTag = styled.div `
- text-align:left;
+ text-align: left;
+ margin: 10px 0;
a {
font-family: Roboto;
- font-size: 24px;
- line-height: 28px;
+ font-size: 20px;
+ line-height: 23px;
+ letter-spacing: 0.01em;
color: #2D9CDB;
- margin: 0 20px;
+ margin: 0px 20px;
text-decoration:none;
}
- svg {
- margin-right:5px;
+ img {
+ width: 18px;
+ height: 16px;
+ margin: 0px 7px ;
vertical-align: unset;
}
`;
@@ -152,6 +156,9 @@ export const styles: any = {
titleText: {
margin:'0 0 0 20px !important',
justifyContent:'flex-start !important'
+ },
+ imgMarginBottom: {
+ marginBottom: '-18px',
}
};