fix: case study heading colours

This commit is contained in:
2021-02-04 22:36:15 +00:00
parent c325b5cf37
commit 62764f1973
13 changed files with 58 additions and 23 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>
<Text size="lg">Location unknown</Text>
<Heading shadow="xl-black" color="dark-grey">
Modest Shower Room
</Heading>
<Text size="lg" color="dark-grey">
Maldon, Essex
</Text>
</Header>
<Section>
<Table>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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"

View File

@@ -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>
<Text size="lg">Eltham, London</Text>
<Heading shadow="xl-black" color="dark-grey">
New Extension
</Heading>
<Text size="lg" color="dark-grey">
Eltham, London
</Text>
</Header>
<Section>
<Table>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>
<Text size="lg">Fulham, London</Text>
<Heading shadow="xl-black" color="dark-grey">
Patterned Floor Tiles
</Heading>
<Text size="lg" color="dark-grey">
Fulham, London
</Text>
</Header>
<Section>
<Table>

View File

@@ -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>