feat: update existing case studies

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>
   );

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>

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>

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>

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>

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>

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} />

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>

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 {