added dev newsletter form

components/NewsletterSignup.js

@@ -0,0 +1,38 @@
+export default function NewsletterSignup(props) {
+  return (
+    <form
+      action="https://urbit.us11.list-manage.com/subscribe/post?u=972a03db9e0c6c25bb58de8c8&amp;id=e4c17b2e98"
+      method="post"
+      id="mc-embedded-subscribe-form"
+      name="mc-embedded-subscribe-form"
+      className="validate form max-w-screen-sm"
+      target="_blank"
+      noValidate
+    >
+      <div className="input-group" id="mc_embed_signup_scroll">
+        <div className="mc-field-group w-full relative">
+          <input
+            className={`appearance-none outline-none text-wall-500 type-ui black ${
+              props.color || "border-wall-600"
+            } border-4 px-3 w-full mb-2 h-16 rounded-xl`}
+            type="email"
+            name="EMAIL"
+            id="mce-EMAIL"
+            placeholder="your@email.com"
+          />
+          <div className="flex h-16 items-center justify-center absolute top-0 right-6">
+            <button
+              id="mc-embedded-subscribe"
+              className="type-ui text-wall-500 bg-transparent"
+              type="submit"
+              name="subscribe"
+            >
+              {/* onClick={() => _paq.push(['trackEvent', 'Mailing List', 'Subscribe'])}> */}
+              Sign Up
+            </button>
+          </div>
+        </div>
+      </div>
+    </form>
+  );
+}

pages/index.js

@@ -3,6 +3,8 @@ import Header from "../components/Header";
 import Footer from "../components/Footer";
 import BlogPreview from "../components/BlogPreview";
 import EventPreview from "../components/EventPreview";
+import NewsletterSignup from "../components/NewsletterSignup";
+
 import {
   Container,
   SingleColumn,
@@ -239,6 +241,19 @@ export default function Home({ search, whatsNew }) {
               })}
             </TwoUp>
           </Section>
+
+          <Section narrow>
+            <div className="measure">
+              <h3 className="pb-2">
+                [battery payload]
+              </h3>
+              <p class="pb-6">The Urbit Developer Newsletter</p>
+
+            </div>
+            <NewsletterSignup/>
+              <p class="pt-6">Get monthly developer news on releases, applications, events, and more.</p>
+          </Section>
+
         </SingleColumn>
         <Footer />
       </Container>