adding completed project

components/Layout.js

@@ -0,0 +1,23 @@
+import Header from "./Header";
+import Meta from './Meta'
+import styles from '../styles/Layout.module.css'
+
+export default function Layout(props) {
+const pathname = props.pathname
+  return (
+    <section
+    className={styles.layout}
+    style={{
+      backgroundColor: `${props.bgColor && props.bgColor}`,
+      color: `${props.pathname == "info" && 'white'}`
+    }}
+  >
+    <Meta
+      siteTitle={props.siteTitle}
+      siteDescription={props.siteDescription}
+    />
+    <Header siteTitle={props.siteTitle} />
+    <div className={styles.content}>{props.children}</div>
+  </section>
+  );
+}