From c81c09b9eda449a94e1c13b22cdc14604c86dc54 Mon Sep 17 00:00:00 2001 From: Dan Head Date: Mon, 8 Feb 2021 23:13:07 +0000 Subject: [PATCH] feat: add victorian plumbing promo --- src/components/button.js | 23 ++++++++++++++++-- src/images/victorian_plumbing_logo.png | Bin 0 -> 9904 bytes src/pages/index.js | 32 +++++++++++++++++++++---- 3 files changed, 49 insertions(+), 6 deletions(-) create mode 100644 src/images/victorian_plumbing_logo.png diff --git a/src/components/button.js b/src/components/button.js index 9c9202b..696519a 100644 --- a/src/components/button.js +++ b/src/components/button.js @@ -1,19 +1,28 @@ import React from "react"; import styled from "@emotion/styled"; import { css } from "@emotion/react"; +import { Link as GatsbyLink } from "gatsby"; const Container = styled.button` - background-color: transparent; + background-color: var(--color-white); + color: var(--color-dark); margin: 0; padding: 4px 8px; border: 1px solid var(--color-dark); font-size: var(--font-size-md); + text-decoration: none; + cursor: pointer; + ${props => props.float && css` float: ${props.float}; `} + &:visited { + color: var(--color-dark); + } + &:focus { outline: 0; box-shadow: 0 0 0 2px var(--color-dark); @@ -24,6 +33,16 @@ const Container = styled.button` } `; -export default function Button({ children, ...other }) { +export default function Button({ children, to, ...other }) { + if (to) { + const isInternal = /^\/(?!\/)/.test(to); + const as = isInternal ? GatsbyLink : "a"; + const url = isInternal ? { to } : { href: to }; + return ( + + {children} + + ); + } return {children}; } diff --git a/src/images/victorian_plumbing_logo.png b/src/images/victorian_plumbing_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..b731889a0bb462cc9bd16bfb591ea44550211100 GIT binary patch literal 9904 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 -
+
+ +
+ +
+
+ + Victorian Plumbing is a leading retailer of bathrooms online and + our preferred supplier of bathroom suites. + + +
+
+
+
If you are looking for a one-stop shop for your new bathroom, look no further. We can take care of all jobs required to complete your new @@ -172,6 +189,13 @@ export const query = graphql` } } } + vpImage: file(relativePath: { eq: "victorian_plumbing_logo.png" }) { + childImageSharp { + fluid(maxWidth: 320, quality: 100) { + ...GatsbyImageSharpFluid_withWebp + } + } + } barkImage: file(relativePath: { eq: "bark_logo.png" }) { childImageSharp { fixed(width: 106, height: 32, quality: 100) { @@ -181,11 +205,11 @@ export const query = graphql` } allReview { nodes { + name + title + text author date - name - text - title } } }