fix: case study heading colours

src/pages/services/bathrooms/case-study-1.js

@@ -13,9 +13,12 @@ import {
 export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
-    <Layout location="/services/bathrooms/case-study-1" title="Modern Bathroom Case Study">
+    <Layout
+      location="/services/bathrooms/case-study-1"
+      title="Modern Bathroom Case Study"
+    >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Modern Bathroom</Heading>
+        <Heading shadow="xl-white">Modern Bathroom</Heading>
         <Text size="lg">Maldon, Essex</Text>
       </Header>
       <Section>

src/pages/services/bathrooms/case-study-2.js

@@ -13,9 +13,12 @@ import {
 export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
-    <Layout location="/services/bathrooms/case-study-2" title="Compact Bathroom Case Study">
+    <Layout
+      location="/services/bathrooms/case-study-2"
+      title="Compact Bathroom Case Study"
+    >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Compact Bathroom</Heading>
+        <Heading shadow="xl-white">Compact Bathroom</Heading>
         <Text size="lg">Hackney, London</Text>
       </Header>
       <Section>

src/pages/services/bathrooms/case-study-3.js

@@ -13,10 +13,17 @@ import {
 export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
-    <Layout location="/services/bathrooms/case-study-3" title="Modest Shower Room Case Study">
+    <Layout
+      location="/services/bathrooms/case-study-3"
+      title="Modest Shower Room Case Study"
+    >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Modest Shower Room</Heading>
+        <Heading shadow="xl-black" color="dark-grey">
-        <Text size="lg">Location unknown</Text>
+          Modest Shower Room
+        </Heading>
+        <Text size="lg" color="dark-grey">
+          Maldon, Essex
+        </Text>
       </Header>
       <Section>
         <Table>

src/pages/services/bathrooms/case-study-4.js

@@ -13,9 +13,12 @@ import {
 export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
-    <Layout location="/services/bathrooms/case-study-4" title="Period with a Modern Twist Case Study">
+    <Layout
+      location="/services/bathrooms/case-study-4"
+      title="Period with a Modern Twist Case Study"
+    >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Period with a Modern Twist</Heading>
+        <Heading shadow="xl-white">Period with a Modern Twist</Heading>
         <Text size="lg">Hampstead, London</Text>
       </Header>
       <Section>

src/pages/services/bathrooms/case-study-5.js

@@ -13,9 +13,12 @@ import {
 export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
-    <Layout location="/services/bathrooms/case-study-5" title="En-suite Case Study">
+    <Layout
+      location="/services/bathrooms/case-study-5"
+      title="En-suite Case Study"
+    >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">En-suite</Heading>
+        <Heading shadow="xl-white">En-suite</Heading>
         <Text size="lg">Chelmsford, Essex</Text>
       </Header>
       <Section>

src/pages/services/bathrooms/index.js

@@ -64,7 +64,7 @@ export default function Index({ data }) {
             image={data.images.nodes[2].childImageSharp.fluid}
             heading={<Heading el="h3">Modest Shower Room</Heading>}
           >
-            Location unknown
+            Maldon, Essex
           </Card>
           <Card
             to="/services/bathrooms/case-study-4"

src/pages/services/tiling/case-study-1.js

@@ -18,8 +18,12 @@ export default function Index({ data }) {
       title="New Extension Case Study"
     >
       <Header image={images[3].full}>
-        <Heading shadow="xl-black">New Extension</Heading>
+        <Heading shadow="xl-black" color="dark-grey">
-        <Text size="lg">Eltham, London</Text>
+          New Extension
+        </Heading>
+        <Text size="lg" color="dark-grey">
+          Eltham, London
+        </Text>
       </Header>
       <Section>
         <Table>

src/pages/services/tiling/case-study-2.js

@@ -18,7 +18,7 @@ export default function Index({ data }) {
       title="Ceramic Floor Tiles Case Study"
     >
       <Header image={images[3].full}>
-        <Heading shadow="xl-black">Ceramic Floor Tiles</Heading>
+        <Heading shadow="xl-white">Ceramic Floor Tiles</Heading>
         <Text size="lg">Brentwood, Essex</Text>
       </Header>
       <Section>

src/pages/services/tiling/case-study-3.js

@@ -18,7 +18,7 @@ export default function Index({ data }) {
       title="Period Floor Tiles Case Study"
     >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Period Floor Tiles</Heading>
+        <Heading shadow="xl-white">Period Floor Tiles</Heading>
         <Text size="lg">Barnes, London</Text>
       </Header>
       <Section>

src/pages/services/tiling/case-study-4.js

@@ -13,9 +13,12 @@ import {
 export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
-    <Layout location="/services/tiling/case-study-4" title="Wood Effect Porcelain Case Study">
+    <Layout
+      location="/services/tiling/case-study-4"
+      title="Wood Effect Porcelain Case Study"
+    >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Wood Effect Porcelain</Heading>
+        <Heading shadow="xl-white">Wood Effect Porcelain</Heading>
         <Text size="lg">Charlton, London</Text>
       </Header>
       <Section>

src/pages/services/tiling/case-study-5.js

@@ -13,9 +13,12 @@ import {
 export default function Index({ data }) {
   const images = data.images.nodes.map(node => node.childImageSharp);
   return (
-    <Layout location="/services/tiling/case-study-5" title="Period Floor Tiles Case Study">
+    <Layout
+      location="/services/tiling/case-study-5"
+      title="Period Floor Tiles Case Study"
+    >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Period Floor Tiles</Heading>
+        <Heading shadow="xl-white">Period Floor Tiles</Heading>
         <Text size="lg">Chelsea, London</Text>
       </Header>
       <Section>

src/pages/services/tiling/case-study-6.js

@@ -18,8 +18,12 @@ export default function Index({ data }) {
       title="Patterned Floor Tiles Case Study"
     >
       <Header image={images[0].full}>
-        <Heading shadow="xl-black">Patterned Floor Tiles</Heading>
+        <Heading shadow="xl-black" color="dark-grey">
-        <Text size="lg">Fulham, London</Text>
+          Patterned Floor Tiles
+        </Heading>
+        <Text size="lg" color="dark-grey">
+          Fulham, London
+        </Text>
       </Header>
       <Section>
         <Table>

src/pages/services/tiling/index.js

@@ -14,7 +14,9 @@ export default function Index({ data }) {
   return (
     <Layout location="/services/tiling" title="Tiling">
       <Header image={data.headerImage.childImageSharp.fluid}>
-        <Heading shadow="xl-white">Tiling</Heading>
+        <Heading shadow="xl-black" color="dark-grey">
+          Tiling
+        </Heading>
       </Header>
       <Section heading="We specialise in floor tiling">
         <Text>