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

feat: add case studies

Browse Source
This commit is contained in:
Dan Head
2021-02-01 23:38:41 +00:00
parent 718910f442
commit add7c35a26
63 changed files with 924 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/pages/index.js
View File

@@ -58,21 +58,7 @@ export default function Index({ data }) {
image={data.tilingImage.childImageSharp.fluid}
heading={<Heading el="h3">Tiling</Heading>}
>
Our tiling is primo!
</Card>
<Card
to="/services/electrics"
image={data.electricsImage.childImageSharp.fluid}
heading={<Heading el="h3">Electrics</Heading>}
>
Bring some light to your next project
</Card>
<Card
to="/services/carpentry"
image={data.carpentryImage.childImageSharp.fluid}
heading={<Heading el="h3">Carpentry</Heading>}
>
Our woodworking is sharp!
We can install many different styles
</Card>
</Grid>
</Section>
@@ -165,37 +151,23 @@ export default function Index({ data }) {
export const query = graphql`
query {
headerImage: file(relativePath: { eq: "bathroom.png" }) {
headerImage: file(relativePath: { eq: "banner_bathroom.jpg" }) {
childImageSharp {
fluid(maxWidth: 1920, quality: 100) {
fluid(maxWidth: 1920, quality: 90) {
...GatsbyImageSharpFluid_withWebp
}
}
}
bathroomImage: file(relativePath: { eq: "service_bathroom.png" }) {
bathroomImage: file(relativePath: { eq: "bathroom.jpg" }) {
childImageSharp {
fluid(maxWidth: 480, quality: 100) {
fluid(maxWidth: 480, maxHeight: 320, quality: 90) {
...GatsbyImageSharpFluid_withWebp
}
}
}
tilingImage: file(relativePath: { eq: "service_tiling.png" }) {
tilingImage: file(relativePath: { eq: "tiling.jpg" }) {
childImageSharp {
fluid(maxWidth: 480, quality: 100) {
...GatsbyImageSharpFluid_withWebp
}
}
}
electricsImage: file(relativePath: { eq: "service_electrics.png" }) {
childImageSharp {
fluid(maxWidth: 480, quality: 100) {
...GatsbyImageSharpFluid_withWebp
}
}
}
carpentryImage: file(relativePath: { eq: "service_carpentry.png" }) {
childImageSharp {
fluid(maxWidth: 480, quality: 100) {
fluid(maxWidth: 480, maxHeight: 320, quality: 90) {
...GatsbyImageSharpFluid_withWebp
}
}