+ {description || title ? (
+ {description}
+ ) : null}
+
+ );
+}
diff --git a/site/src/components/cards/business-details.js b/site/src/components/cards/business-details.js
new file mode 100644
index 000000000..8793cc446
--- /dev/null
+++ b/site/src/components/cards/business-details.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+import Card from './card';
+
+export default function CardBusinessDetails(props) {
+ return {children}
+ {children}
+ {children}
+ {children}
;
+}
diff --git a/site/src/components/footer.js b/site/src/components/footer.js
new file mode 100644
index 000000000..6de98e25d
--- /dev/null
+++ b/site/src/components/footer.js
@@ -0,0 +1,33 @@
+import React from 'react';
+
+export default function Footer() {
+ const date = new Date();
+ return (
+
+ );
+}
diff --git a/site/src/components/header.js b/site/src/components/header.js
new file mode 100644
index 000000000..4809e6ca6
--- /dev/null
+++ b/site/src/components/header.js
@@ -0,0 +1,38 @@
+import React from 'react';
+import { Link } from 'gatsby';
+import { StaticImage } from 'gatsby-plugin-image';
+
+const Header = ({ location, links }) => {
+ function menuLink(text) {
+ const path = links[text];
+ const classname = location.pathname?.includes(path)
+ ? 'nav-link-current'
+ : 'nav-link';
+
+ return (
+
+
+
+
+
+ );
+};
+
+export default Header;
diff --git a/site/src/components/hero.js b/site/src/components/hero.js
new file mode 100644
index 000000000..222dd9694
--- /dev/null
+++ b/site/src/components/hero.js
@@ -0,0 +1,14 @@
+import React from 'react';
+
+function Hero({ title, children }) {
+ return (
+
+
+
+
+
+ - {Object.keys(links).map(menuLink)}
+
+ {children}
+
+
+ );
+}
+
+export default Hero;
diff --git a/site/src/components/layout.js b/site/src/components/layout.js
new file mode 100644
index 000000000..2a8013a94
--- /dev/null
+++ b/site/src/components/layout.js
@@ -0,0 +1,34 @@
+import React from 'react';
+import { MDXProvider } from '@mdx-js/react';
+import { ThemeProvider } from '@mui/material/styles';
+
+import { HeaderLinks } from '../constants/header-links';
+import { ShortCodes } from '../constants/mdx-shortcodes';
+import { theme } from '../utils/mui-theme';
+
+import Header from './header';
+import Footer from './footer';
+import Seo from './seo';
+
+function Layout({ data, location, children }) {
+ const { documentationUrl, title } = data.site.siteMetadata;
+
+ if (documentationUrl) {
+ HeaderLinks.Documentation = documentationUrl;
+ }
+
+ return (
+ {title}
+{category}
+ {title}
+ {children} +
+
+ What you are looking for is either no longer here or has moved.
+
+
+
+
+
+
+
+
+
+
+
+ {docs.map((node) => {
+ const title = node.frontmatter.title;
+ const toc = node.tableOfContents.items;
+ return (
+
+
+ );
+ })}
+
+ Documentation
++ {title} +
+-
+ {toc &&
+ toc.map((item, i) => (
+
- + + {item.title} + + + ))} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {node.excerpt}
+
+ );
+ })}
+
+ {date.toLocaleDateString()}
+ + {title} +
+{siteTitle}
+
+
+
+ {children}
+
+