contact page (#48)

ScriptedAlchemy · web-flow · commit 04a281f16e63 · 2021-07-26T19:14:19.000-07:00
diff --git a/.gitignore b/.gitignore
@@ -4,3 +4,4 @@ node_modules/
 .env
 out/
 yarn-error.log
+/.idea/
diff --git a/nav-items.js b/nav-items.js
@@ -28,6 +28,10 @@ const menuItems = {
     {
       href: '/videos',
       children: 'Videos'
+    },
+    {
+      href: '/contact',
+      children: "Contact Us"
     }
   ],
   secondaryMenuItems: [
diff --git a/pages/_app.js b/pages/_app.js
@@ -23,6 +23,7 @@ function getUrlParams(search) {
   gtag('config', 'UA-120967034-1');
   var redirect = getUrlParams(window.location.href).utm_medium
   if(redirect) window.location.replace(redirect)
+  window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/scripted-alchemy/30-meeting-1-1', text: 'Schedule time with us', color: '#006bff', textColor: '#ffffff', branding: true }); }
 `
 function MyApp ({ Component, pageProps }) {
   return (
@@ -33,6 +34,8 @@ function MyApp ({ Component, pageProps }) {
         <link rel="prerender" href="/blog"/>
         <meta name='description' content={config.description} />
         <script dangerouslySetInnerHTML={{ __html: tracking }} />
+        <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"/>
+        <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async/>
         <meta name='viewport' content='width=device-width, initial-scale=1.0' />
       </Head>
 
diff --git a/pages/blog/index.js b/pages/blog/index.js
@@ -48,7 +48,7 @@ export default function BlogPage({posts}) {
   return (
     <>
       <Head>
-        <title>The Federated Blog | {config.title}</title>
+        <title>Module Federation Group Blog | {config.title}</title>
         <script
           async
           src="//cdn.embedly.com/widgets/platform.js"
diff --git a/pages/contact.js b/pages/contact.js
@@ -0,0 +1,39 @@
+import Head from "next/head";
+import config from "../data/config.json";
+import AppShell from "../components/app-shell";
+import navItems from "../nav-items";
+import Hero from "../components/hero";
+import {Button, Container, Divider, Header, Segment} from "semantic-ui-react";
+import {container} from "./blog/blog.module.css";
+
+export default function BlogPage({posts}) {
+  return (
+    <>
+      <Head>
+        <title>Module Federation Group | {config.title}</title>
+      </Head>
+
+      <AppShell
+        menuItems={navItems.menuItems}
+        secondaryMenuItems={navItems.secondaryMenuItems}
+        heading={() => (
+          <Hero>
+            <Container text>
+              <h1>Need Help? Contact Us</h1>
+              <h2>We do workshops, support, and consulting</h2>
+            </Container>
+          </Hero>
+        )}
+      >
+        <Segment style={{padding: "8em 0em"}} vertical>
+          <Container text className={container}>
+            <iframe
+              src="https://docs.google.com/forms/d/e/1FAIpQLSdtJJoWQdvqECU9ZGKcV_7KngcALUt1Q8acum8mPDw3dybJLg/viewform?embedded=true"
+              width="640" height="650" frameBorder="0" marginHeight="0" marginWidth="0">Loading…
+            </iframe>
+          </Container>
+        </Segment>
+      </AppShell>
+    </>
+  )
+}
diff --git a/pages/videos/index.js b/pages/videos/index.js
@@ -52,7 +52,7 @@ export default function BlogPage ({ embeds }) {
   return (
     <>
       <Head>
-        <title>The Federated Blog | {config.title}</title>
+        <title>Module Federation Group Blog | {config.title}</title>
       </Head>
 
       <AppShell

-Original file line number
+Diff line change
 .env
 out/
 yarn-error.log
 +/.idea/
Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,10 @@ const menuItems = {`
`28`	`28`	`{`
`29`	`29`	`href: '/videos',`
`30`	`30`	`children: 'Videos'`
	`31`	`+ },`
	`32`	`+ {`
	`33`	`+ href: '/contact',`
	`34`	`+ children: "Contact Us"`
`31`	`35`	`}`
`32`	`36`	`],`
`33`	`37`	`secondaryMenuItems: [`