From 718910f442c89c9d4b50c1bc37c9d82832e23cf4 Mon Sep 17 00:00:00 2001 From: Dan Head Date: Sat, 30 Jan 2021 20:44:01 +0000 Subject: [PATCH] feat: review links --- src/components/heading.js | 5 ++++ src/icons/checkatrade.svg | 1 + src/icons/rated-people-full.svg | 16 ++++++++++ src/images/bark_logo.png | Bin 0 -> 5784 bytes src/pages/index.js | 51 ++++++++++++++++++++++++++++++++ 5 files changed, 73 insertions(+) create mode 100644 src/icons/checkatrade.svg create mode 100644 src/icons/rated-people-full.svg create mode 100644 src/images/bark_logo.png 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 @@ + + Rated People + + + + + + + + + + + + + + diff --git a/src/images/bark_logo.png b/src/images/bark_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..ef640cb7a5c7c2f1f963cd6ae150554ac524e919 GIT binary patch literal 5784 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 literal 0 HcmV?d00001 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 {