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

7
pages/services/bathrooms.js
View File

@@ -23,6 +23,13 @@ export default function Bathrooms({ caseStudies }) {
are vetted and handpicked based on their skills within their chosen
fields.
</Text>
<Text>
A typical bathroom refurbishment starts from £3,500, increasing up to
£20,000. Our quotes include stripping out the old bathroom, disposal
of rubbish, fitting the new bathroom, labour and building materials
for tiling, plastering, painting and decorating. It does not include
bathroom suites or tiles.
</Text>
<Text>
With over 30 years experience in bathroom installation we will help
you choose the perfect bathroom for your home. We can complete your

28
pages/services/extensions.js Normal file
View File

@@ -0,0 +1,28 @@
import React from "react";
import { Header, Layout, Link, Section, Text } from "@components/index";
import extensionImg from "../../images/extension.jpg";
export default function Extensions() {
return (
<Layout title="Extensions">
<Header title="Extensions" image={extensionImg} />
<Section title="Build a house extension">
<Text>
Here at ABC Project Ltd, we have over 15 years experience working on
building projects. We can supply Architects, Structural Engineers and
Surveyors to help you fulfill your dream extension from inception to
completion.
</Text>
<Text>
We only use the best building materials on our projects and our team
of experienced builders are all employed by ABC Project Ltd, we do not
use any contractors.
</Text>
<Text>
Please do <Link href="/contact">get in touch</Link> if you'd like to
discuss how we could help you realise your dream extension!
</Text>
</Section>
</Layout>
);
}

32
pages/services/garage-conversions.js Normal file
View File

@@ -0,0 +1,32 @@
import React from "react";
import { Header, Layout, Link, Section, Text } from "@components/index";
import officeImg from "../../images/office.jpg";
export default function GarageConversions() {
return (
<Layout title="Garage Conversions">
<Header title="Garage Conversions" image={officeImg} light />
<Section title="Repurpose your unused garage">
<Text>
Do you want to create a new room in your house? Perhaps a snug or a
home office? Repurposing your garage could be the answer.
</Text>
<Text>
Here at ABC Project Ltd, we have over 15 years experience working on
building projects. We can supply Architects, Structural Engineers and
Surveyors to help you fulfill your dream extension from inception to
completion.
</Text>
<Text>
We only use the best building materials on our projects and our team
of experienced builders are all employed by ABC Project Ltd, we do not
use any contractors.
</Text>
<Text>
Please do <Link href="/contact">get in touch</Link> if you'd like to
discuss how your garage could be converted.
</Text>
</Section>
</Layout>
);
}

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

32
pages/services/loft-conversions.js Normal file
View File

@@ -0,0 +1,32 @@
import React from "react";
import { Header, Layout, Link, Section, Text } from "@components/index";
import loftImg from "../../images/loft_conversion.jpg";
export default function LoftConversions() {
return (
<Layout title="Loft Conversions">
<Header title="Loft Conversions" image={loftImg} light />
<Section title="Add an extra bedroom">
<Text>
Do you want to make use of your unused loft space? You could add an
extra bedroom and possibly an en suite bathroom.
</Text>
<Text>
Here at ABC Project Ltd, we have over 15 years experience working on
building projects. We can supply Architects, Structural Engineers and
Surveyors to help you fulfill your dream extension from inception to
completion.
</Text>
<Text>
We only use the best building materials on our projects and our team
of experienced builders are all employed by ABC Project Ltd, we do not
use any contractors.
</Text>
<Text>
Please do <Link href="/contact">get in touch</Link> if you'd like to
discuss converting your loft space.
</Text>
</Section>
</Layout>
);
}