Merge pull request #24 from helxplatform/staging

Merge to main branch

.github/workflows/deploy.yml

@@ -0,0 +1,16 @@
+name: Build and Deploy
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: enriikke/gatsby-gh-pages-action@v2
+        with:
+          deploy-branch: gh-pages

.gitignore

@@ -1,3 +1,4 @@
 node_modules/
 .cache/
 public
+.DS_Store

gatsby-browser.js

@@ -0,0 +1,22 @@
+import React from 'react'
+import { ThemeProvider } from '@mui/material/styles'
+import { Layout } from './src/components/layout'
+import { theme } from './src/theme'
+import { CssBaseline } from '@mui/material'
+
+export const wrapRootElement = ({ element, props }) => {
+  return (
+    <ThemeProvider theme={ theme }>
+      <CssBaseline />
+      { element }
+    </ThemeProvider>
+  )
+}
+
+export const wrapPageElement = ({ element, props }) => {
+  return (
+    <Layout>
+      { element }
+    </Layout>
+  )
+}

gatsby-config.js

@@ -6,17 +6,40 @@ module.exports = {
     title: `helx-marketing-site`,
     siteUrl: `https://www.yourdomain.tld`
   },
-  plugins: [{
-    resolve: 'gatsby-plugin-google-analytics',
-    options: {
-      "trackingId": ""
-    }
-  }, "gatsby-plugin-image", "gatsby-plugin-sharp", "gatsby-transformer-sharp", {
-    resolve: 'gatsby-source-filesystem',
-    options: {
-      "name": "images",
-      "path": "./src/images/"
+  plugins: [
+    {
+      resolve: `gatsby-plugin-manifest`,
+      options: {
+        icon: `src/images/helxLogo.svg`
+      }
     },
-    __key: "images"
-  }]
+    "gatsby-plugin-image", 
+    "gatsby-plugin-sharp", 
+    "gatsby-transformer-sharp", 
+    {
+      resolve: 'gatsby-source-filesystem',
+      options: {
+        "name": "images",
+        "path": "./src/images/"
+      },
+      __key: "images"
+    }, 
+    "gatsby-plugin-material-ui",
+    {
+      resolve: `gatsby-plugin-google-fonts`,
+      options: {
+        fonts: [
+          `open sans\:300,400,500,600`,
+          `montserrat\:500,600,700,800,900`
+        ],
+        display: 'swap'
+      }
+    },
+    {
+      resolve: `gatsby-plugin-google-gtag`,
+      options: {
+        trackingIds: ["G-PEWT74G972"],
+      },
+    },
+  ]
 };

gatsby-ssr.js

@@ -0,0 +1,20 @@
+import React from 'react'
+import { ThemeProvider } from '@mui/material/styles'
+import { Layout } from './src/components/layout'
+import { theme } from './src/theme'
+
+export const wrapRootElement = ({ element, props }) => {
+  return (
+    <ThemeProvider theme={ theme }>
+      { element }
+    </ThemeProvider>
+  )
+}
+
+export const wrapPageElement = ({ element, props }) => {
+  return (
+    <Layout>
+      { element }
+    </Layout>
+  )
+}