dan/abc-project-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add new services pages

Browse Source
This commit is contained in:
Dan Head
2023-01-11 22:18:27 +00:00
parent 32226cf7ee
commit 1e62c9ee08
13 changed files with 203 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
pages/services/index.js
View File

@@ -10,22 +10,66 @@ import {
import bannerImg from "../../images/banner_bathroom.jpg";
import bathroomImg from "../../images/bathroom.jpg";
import tilingImg from "../../images/tiling.jpg";
import extensionImg from "../../images/extension.jpg";
import officeImg from "../../images/office.jpg";
import loftImg from "../../images/loft_conversion.jpg";
export default function Services() {
return (
<Layout title="Services">
<Header title="Services" image={bannerImg} />
<Section title="Our services">
<Grid sm={2}>
<Grid sm={2} md={3}>
<Card
heading={<Heading el="h3">Bathrooms</Heading>}
heading={
<Heading el="h3" size="md">
Extensions
</Heading>
}
image={extensionImg}
href="/services/extensions"
>
Build a house extension
</Card>
<Card
heading={
<Heading el="h3" size="md">
Loft conversions
</Heading>
}
image={loftImg}
href="/services/loft-conversions"
>
Add an extra bedroom
</Card>
<Card
heading={
<Heading el="h3" size="md">
Garage conversions
</Heading>
}
image={officeImg}
href="/services/garage-conversions"
>
Repurpose your unused garage
</Card>
<Card
heading={
<Heading el="h3" size="md">
Bathrooms
</Heading>
}
image={bathroomImg}
href="/services/bathrooms"
>
Fully accredited bathroom refurbishment service
</Card>
<Card
heading={<Heading el="h3">Tiling</Heading>}
heading={
<Heading el="h3" size="md">
Tiling
</Heading>
}
image={tilingImg}
href="/services/tiling"
>