fix: case study heading colours
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user