Landing page components (#2231)

* initial commit

* add dark mode

* create hero

* add section

* extend section to support titles

* add featuresnapshot

* cleanup

* add table components and styles

* extend section to support content sizes

* make featuresnapshot reversible

* name/directory changes

* section cleanup

* add and implement article width frontmatter

* refactor hero / add hero storybook

* refactor section / add section story

* add featuresnapshot story

* update mdx doc / add storybook doc / remove css from quotes in article content

* add noindex to seo component

scripts/mdxImportGen.js

@@ -1,7 +1,16 @@
 const fs = require('fs')
 
 const baseDir = './src/components'
-const componentsToIgnore = new Set(['Layout', 'SidebarContents', 'Header', 'Menu', 'UserLogosCarousel'])
+const componentsToIgnore = new Set([
+    'Layout',
+    'SidebarContents',
+    'Header',
+    'Menu',
+    'UserLogosCarousel',
+    'Section',
+    'Hero',
+    'FeatureSnapshot',
+])
 
 const getComponentsInDir = (dir, components = []) => {
     const dirContents = fs.readdirSync(dir)