feat: init card and nav

src/pages/services/bathrooms.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { graphql } from "gatsby";
+import Layout from "../../layout";
+import Header from "../../components/header";
+
+export default function Index({ data }) {
+  return (
+    <Layout>
+      <Header image={data.headerImage.childImageSharp.fluid}>
+        <h1>Bathrooms</h1>
+      </Header>
+    </Layout>
+  );
+}
+
+export const query = graphql`
+  query {
+    headerImage: file(relativePath: { eq: "bathroom2.png" }) {
+      childImageSharp {
+        fluid(maxWidth: 1920, quality: 100) {
+          ...GatsbyImageSharpFluid_withWebp
+        }
+      }
+    }
+  }
+`;

src/pages/services/index.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { graphql } from "gatsby";
+import Layout from "../../layout";
+import Header from "../../components/header";
+
+export default function Index({ location, data }) {
+  console.log(location);
+  return (
+    <Layout>
+      <Header image={data.headerImage.childImageSharp.fluid}>
+        <h1>Services</h1>
+      </Header>
+    </Layout>
+  );
+}
+
+export const query = graphql`
+  query {
+    headerImage: file(relativePath: { eq: "bathroom2.png" }) {
+      childImageSharp {
+        fluid(maxWidth: 1920, quality: 100) {
+          ...GatsbyImageSharpFluid_withWebp
+        }
+      }
+    }
+  }
+`;