From 251f02e294946e6a8b2725d94720e9cb1131697c Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Tue, 2 Feb 2021 13:34:03 +0000
Subject: [PATCH] feat: update existing case studies

---
 src/pages/area-covered.js                    | 12 ++++++++++--
 src/pages/services/bathrooms/case-study-1.js |  4 ++--
 src/pages/services/bathrooms/case-study-2.js |  4 ++--
 src/pages/services/bathrooms/case-study-3.js |  4 ++--
 src/pages/services/bathrooms/case-study-4.js |  4 ++--
 src/pages/services/bathrooms/case-study-5.js |  4 ++--
 src/pages/services/tiling/case-study-1.js    | 14 ++++++++++----
 src/pages/services/tiling/case-study-2.js    |  2 +-
 src/pages/services/tiling/index.js           |  8 +++++---
 9 files changed, 36 insertions(+), 20 deletions(-)

diff --git a/src/pages/area-covered.js b/src/pages/area-covered.js
index 0cf952a..a83680f 100644
--- a/src/pages/area-covered.js
+++ b/src/pages/area-covered.js
@@ -1,6 +1,6 @@
 import React from "react";
 import Layout from "../layout";
-import { Header, Map, Section, Text } from "../components";
+import { Header, Link, Map, Section, Text } from "../components";
 import { Polyline } from "google-maps-react";
 
 const triangleCoords = [
@@ -49,7 +49,15 @@ export default function Index() {
         avoidNav
       ></Header>
       <Section heading="Area covered">
-        <Text>Info about area covered here</Text>
+        <Text>
+          Our services are available, in London, Hertfordshire, Cambridgeshire,
+          Essex and Kent.
+        </Text>
+        <Text>
+          The area highlighted in the map is a rough guideline, if you are just
+          outside the area then please do feel free to{" "}
+          <Link to="/contact">get in touch</Link>.
+        </Text>
       </Section>
     </Layout>
   );
diff --git a/src/pages/services/bathrooms/case-study-1.js b/src/pages/services/bathrooms/case-study-1.js
index e10f00b..7bd1cbb 100644
--- a/src/pages/services/bathrooms/case-study-1.js
+++ b/src/pages/services/bathrooms/case-study-1.js
@@ -31,11 +31,11 @@ export default function Index({ data }) {
             </tr>
             <tr>
               <td>Time taken</td>
-              <td>X days</td>
+              <td>12 days</td>
             </tr>
             <tr>
               <td>Date</td>
-              <td>Jan 2099</td>
+              <td>December 2020</td>
             </tr>
           </tbody>
         </Table>
diff --git a/src/pages/services/bathrooms/case-study-2.js b/src/pages/services/bathrooms/case-study-2.js
index cb367d2..4e26261 100644
--- a/src/pages/services/bathrooms/case-study-2.js
+++ b/src/pages/services/bathrooms/case-study-2.js
@@ -31,11 +31,11 @@ export default function Index({ data }) {
             </tr>
             <tr>
               <td>Time taken</td>
-              <td>X days</td>
+              <td>10 days</td>
             </tr>
             <tr>
               <td>Date</td>
-              <td>Jan 2099</td>
+              <td>November 2020</td>
             </tr>
           </tbody>
         </Table>
diff --git a/src/pages/services/bathrooms/case-study-3.js b/src/pages/services/bathrooms/case-study-3.js
index 7f5e23b..aa63aab 100644
--- a/src/pages/services/bathrooms/case-study-3.js
+++ b/src/pages/services/bathrooms/case-study-3.js
@@ -31,11 +31,11 @@ export default function Index({ data }) {
             </tr>
             <tr>
               <td>Time taken</td>
-              <td>X days</td>
+              <td>10 days</td>
             </tr>
             <tr>
               <td>Date</td>
-              <td>Jan 2099</td>
+              <td>January 2021</td>
             </tr>
           </tbody>
         </Table>
diff --git a/src/pages/services/bathrooms/case-study-4.js b/src/pages/services/bathrooms/case-study-4.js
index 3fa0b26..8f04555 100644
--- a/src/pages/services/bathrooms/case-study-4.js
+++ b/src/pages/services/bathrooms/case-study-4.js
@@ -31,11 +31,11 @@ export default function Index({ data }) {
             </tr>
             <tr>
               <td>Time taken</td>
-              <td>X days</td>
+              <td>3 weeks</td>
             </tr>
             <tr>
               <td>Date</td>
-              <td>Jan 2099</td>
+              <td>October 2020</td>
             </tr>
           </tbody>
         </Table>
diff --git a/src/pages/services/bathrooms/case-study-5.js b/src/pages/services/bathrooms/case-study-5.js
index 20f7b75..ba330ec 100644
--- a/src/pages/services/bathrooms/case-study-5.js
+++ b/src/pages/services/bathrooms/case-study-5.js
@@ -31,11 +31,11 @@ export default function Index({ data }) {
             </tr>
             <tr>
               <td>Time taken</td>
-              <td>X days</td>
+              <td>11 days</td>
             </tr>
             <tr>
               <td>Date</td>
-              <td>Jan 2099</td>
+              <td>December 2020</td>
             </tr>
           </tbody>
         </Table>
diff --git a/src/pages/services/tiling/case-study-1.js b/src/pages/services/tiling/case-study-1.js
index 3c99693..f7945ac 100644
--- a/src/pages/services/tiling/case-study-1.js
+++ b/src/pages/services/tiling/case-study-1.js
@@ -13,14 +13,20 @@ export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
     <Layout location="/services/tiling/case-study-1">
-      <Header image={images[0].full}>
-        <Heading shadow="xl-black">Under Floor Heating</Heading>
-        <Text size="lg">Location unknown</Text>
+      <Header image={images[3].full}>
+        <Heading shadow="xl-black">New Extension</Heading>
+        <Text size="lg">Eltham, London</Text>
       </Header>
       <Section>
         <Text>
-          <em>Case study info needed</em>
+          20m<sup>2</sup> of floor tiles laid in a new extension.
         </Text>
+        <Text>
+          We fitted under floor heating before laying self levelling compound.
+        </Text>
+        <Text>The tiles were also grouted and sealed.</Text>
+        <Text>The project took 4 days to complete.</Text>
+        <Text>Total price for labour and materials: £2,400.</Text>
       </Section>
       <Section heading="Gallery" variant="primary">
         <CustomGallery images={images} />
diff --git a/src/pages/services/tiling/case-study-2.js b/src/pages/services/tiling/case-study-2.js
index 5d897cf..afe73d0 100644
--- a/src/pages/services/tiling/case-study-2.js
+++ b/src/pages/services/tiling/case-study-2.js
@@ -13,7 +13,7 @@ export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
     <Layout location="/services/tiling/case-study-2">
-      <Header image={images[0].full}>
+      <Header image={images[3].full}>
         <Heading shadow="xl-black">Ceramic Floor Tiles</Heading>
         <Text size="lg">Brentwood, Essex</Text>
       </Header>
diff --git a/src/pages/services/tiling/index.js b/src/pages/services/tiling/index.js
index 82b8aac..3182482 100644
--- a/src/pages/services/tiling/index.js
+++ b/src/pages/services/tiling/index.js
@@ -31,8 +31,10 @@ export default function Index({ data }) {
           <Card
             to="/services/tiling/case-study-1"
             image={data.images.nodes[0].childImageSharp.fluid}
-            heading={<Heading el="h3">Under Floor Heating</Heading>}
-          >Location unknown</Card>
+            heading={<Heading el="h3">New Extension</Heading>}
+          >
+            Eltham, London
+          </Card>
           <Card
             to="/services/tiling/case-study-2"
             image={data.images.nodes[1].childImageSharp.fluid}
@@ -56,7 +58,7 @@ export const query = graphql`
       }
     }
     images: allFile(
-      filter: { relativePath: { regex: "/tiling-cs(.*)a.jpg$/" } }
+      filter: { relativePath: { regex: "/tiling-cs(1d|2e).jpg$/" } }
       sort: { fields: relativePath }
     ) {
       nodes {