diff --git a/src/components/heading.js b/src/components/heading.js
index 493ecfd..0a226dc 100644
--- a/src/components/heading.js
+++ b/src/components/heading.js
@@ -16,6 +16,11 @@ const Styles = styled.h1`
css`
white-space: nowrap;
`}
+ ${props =>
+ props.align &&
+ css`
+ text-align: ${props.align};
+ `}
`;
const sizes = {
diff --git a/src/icons/checkatrade.svg b/src/icons/checkatrade.svg
new file mode 100644
index 0000000..95ac619
--- /dev/null
+++ b/src/icons/checkatrade.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/rated-people-full.svg b/src/icons/rated-people-full.svg
new file mode 100644
index 0000000..9de9a11
--- /dev/null
+++ b/src/icons/rated-people-full.svg
@@ -0,0 +1,16 @@
+
diff --git a/src/images/bark_logo.png b/src/images/bark_logo.png
new file mode 100644
index 0000000..ef640cb
Binary files /dev/null and b/src/images/bark_logo.png differ
diff --git a/src/pages/index.js b/src/pages/index.js
index b0e7254..cd501fd 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,5 +1,7 @@
import React from "react";
import { graphql } from "gatsby";
+import Img from "gatsby-image";
+import styled from "@emotion/styled";
import Layout from "../layout";
import {
Card,
@@ -8,18 +10,34 @@ import {
Header,
HeaderLogo,
Heading,
+ Link,
ReviewSummary,
Section,
Text,
Tile
} from "../components";
import Calendar from "../icons/calendar.svg";
+import Checkatrade from "../icons/checkatrade.svg";
import CheckCircle from "../icons/check-circle.svg";
import Hammer from "../icons/hammer.svg";
import Pound from "../icons/pound.svg";
+import RatedPeople from "../icons/rated-people-full.svg";
import Smile from "../icons/smile.svg";
import Spy from "../icons/spy.svg";
+const LogoItem = styled.div`
+ text-align: center;
+`;
+
+const Logo = styled.span`
+ display: block;
+ height: 32px;
+
+ svg {
+ height: 100%;
+ }
+`;
+
export default function Index({ data }) {
return (
@@ -114,6 +132,32 @@ export default function Index({ data }) {
))}
+
+ See all of our reviews
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
);
@@ -156,6 +200,13 @@ export const query = graphql`
}
}
}
+ barkImage: file(relativePath: { eq: "bark_logo.png" }) {
+ childImageSharp {
+ fixed(width: 106, height: 32, quality: 100) {
+ ...GatsbyImageSharpFixed_withWebp
+ }
+ }
+ }
site {
siteMetadata {
reviews {