From c325b5cf37137754fa16e2d1c409e305644cd540 Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Wed, 3 Feb 2021 20:39:02 +0000
Subject: [PATCH] feat: bold links

---
 src/components/footer.js |  9 ++++++++-
 src/components/link.js   |  5 +++++
 src/pages/contact.js     | 17 +++++++++++++++--
 3 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/components/footer.js b/src/components/footer.js
index 2f62229..baad5ad 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -40,7 +40,13 @@ export default function Footer() {
               <Icon color="dark" size="lg">
                 <Phone />
               </Icon>
-              <Link color="dark" size="lg" to="tel:+447539051512" noDecoration>
+              <Link
+                weight="bold"
+                color="dark"
+                size="lg"
+                to="tel:+447539051512"
+                noDecoration
+              >
                 07539 051512
               </Link>
             </IconWithContent>
@@ -51,6 +57,7 @@ export default function Footer() {
                 <Envelope />
               </Icon>
               <Link
+                weight="bold"
                 color="dark"
                 size="md"
                 to="mailto:quotations@abcprojectdesign.com"
diff --git a/src/components/link.js b/src/components/link.js
index 1c7a934..3cb8bfb 100644
--- a/src/components/link.js
+++ b/src/components/link.js
@@ -20,6 +20,11 @@ const StyledLink = styled.a`
           text-decoration-thickness: 2px;
           text-underline-offset: 3px;
         `}
+  ${props =>
+    props.weight &&
+    css`
+      font-weight: ${props.weight};
+    `}
 
   &:focus {
     outline: 0;
diff --git a/src/pages/contact.js b/src/pages/contact.js
index 6dd465a..9e24427 100644
--- a/src/pages/contact.js
+++ b/src/pages/contact.js
@@ -273,7 +273,13 @@ export default function Index({ data }) {
               <Icon color="dark" size="lg">
                 <Phone />
               </Icon>
-              <Link color="dark" size="lg" to="tel:+447539051512" noDecoration>
+              <Link
+                weight="bold"
+                color="dark"
+                size="lg"
+                to="tel:+447539051512"
+                noDecoration
+              >
                 07539 051512
               </Link>
             </IconWithContent>
@@ -281,7 +287,13 @@ export default function Index({ data }) {
               <Icon color="dark" size="lg">
                 <Phone />
               </Icon>
-              <Link color="dark" size="lg" to="tel:+441708938455" noDecoration>
+              <Link
+                weight="bold"
+                color="dark"
+                size="lg"
+                to="tel:+441708938455"
+                noDecoration
+              >
                 01708 938455
               </Link>
             </IconWithContent>
@@ -290,6 +302,7 @@ export default function Index({ data }) {
                 <Envelope />
               </Icon>
               <Link
+                weight="bold"
                 color="dark"
                 size="md"
                 to="mailto:quotations@abcprojectdesign.com"