diff --git a/src/components/footer.js b/src/components/footer.js
index 32c07756..43f7b690 100644
--- a/src/components/footer.js
+++ b/src/components/footer.js
@@ -4,51 +4,51 @@ import React from 'react'
 import "../vendor/workers-brand-assets/css/components/footer.css"
 
 const Footer = () => (
-  <footer class="Footer Footer-with-top-separator">
-    <div class="Footer--columns">
-      <div class="Footer--column Footer--column-logo">
-        <a href="https://workers.cloudflare.com" class="Footer--logo-link Link Link-without-underline">
-          <img class="Footer--logo-link-image" alt="Workers logo" src="https://workers.cloudflare.com/resources/logo/logo.svg"/>
+  <footer className="Footer Footer-with-top-separator">
+    <div className="Footer--columns">
+      <div className="Footer--column Footer--column-logo">
+        <a href="https://workers.cloudflare.com" className="Footer--logo-link Link Link-without-underline">
+          <img className="Footer--logo-link-image" alt="Workers logo" src="https://workers.cloudflare.com/resources/logo/logo.svg"/>
         </a>
       </div>
-      <div class="Footer--column">
-        <h2 class="Footer--column-title">Product</h2>
-        <ul class="Footer--column-list">
-          <li class="Footer--column-list-item"><a href="https://workers.cloudflare.com/sites" class="Link Link-without-underline Link-is-juicy">Workers Sites</a></li>
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/reference/storage/overview/" class="Link Link-without-underline Link-is-juicy">Key-value storage</a></li>
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/about/using-cache/" class="Link Link-without-underline Link-is-juicy">Caching</a></li>
-          <li class="Footer--column-list-item"><a href="https://workers.cloudflare.com/#plans" class="Link Link-without-underline Link-is-juicy">Pricing</a></li>
+      <div className="Footer--column">
+        <h2 className="Footer--column-title">Product</h2>
+        <ul className="Footer--column-list">
+          <li className="Footer--column-list-item"><a href="https://workers.cloudflare.com/sites" className="Link Link-without-underline Link-is-juicy">Workers Sites</a></li>
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/reference/storage/overview/" className="Link Link-without-underline Link-is-juicy">Key-value storage</a></li>
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/about/using-cache/" className="Link Link-without-underline Link-is-juicy">Caching</a></li>
+          <li className="Footer--column-list-item"><a href="https://workers.cloudflare.com/#plans" className="Link Link-without-underline Link-is-juicy">Pricing</a></li>
         </ul>
       </div>
-      <div class="Footer--column">
-        <h2 class="Footer--column-title">Docs</h2>
-        <ul class="Footer--column-list">
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/tutorials/" class="Link Link-without-underline Link-is-juicy">Tutorials</a></li>
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/templates/" class="Link Link-without-underline Link-is-juicy">Templates</a></li>
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/reference/tooling/" class="Link Link-without-underline Link-is-juicy">Tooling reference</a></li>
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/reference/runtime/apis/" class="Link Link-without-underline Link-is-juicy">API reference</a></li>
+      <div className="Footer--column">
+        <h2 className="Footer--column-title">Docs</h2>
+        <ul className="Footer--column-list">
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/tutorials/" className="Link Link-without-underline Link-is-juicy">Tutorials</a></li>
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/templates/" className="Link Link-without-underline Link-is-juicy">Templates</a></li>
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/reference/tooling/" className="Link Link-without-underline Link-is-juicy">Tooling reference</a></li>
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/reference/runtime/apis/" className="Link Link-without-underline Link-is-juicy">API reference</a></li>
         </ul>
       </div>
-      <div class="Footer--column">
-        <h2 class="Footer--column-title">About</h2>
-        <ul class="Footer--column-list">
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/about/how-it-works/" class="Link Link-without-underline Link-is-juicy">How it works</a></li>
-          <li class="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/about/tips/" class="Link Link-without-underline Link-is-juicy">Tips</a></li>
-          <li class="Footer--column-list-item"><a href="https://blog.cloudflare.com/serverlist/" class="Link Link-without-underline Link-is-juicy">Newsletter</a></li>
-          <li class="Footer--column-list-item"><a href="https://blog.cloudflare.com/tag/serverless/" class="Link Link-without-underline Link-is-juicy">Blog</a></li>
+      <div className="Footer--column">
+        <h2 className="Footer--column-title">About</h2>
+        <ul className="Footer--column-list">
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/about/how-it-works/" className="Link Link-without-underline Link-is-juicy">How it works</a></li>
+          <li className="Footer--column-list-item"><a href="https://developers.cloudflare.com/workers/about/tips/" className="Link Link-without-underline Link-is-juicy">Tips</a></li>
+          <li className="Footer--column-list-item"><a href="https://blog.cloudflare.com/serverlist/" className="Link Link-without-underline Link-is-juicy">Newsletter</a></li>
+          <li className="Footer--column-list-item"><a href="https://blog.cloudflare.com/tag/serverless/" className="Link Link-without-underline Link-is-juicy">Blog</a></li>
         </ul>
       </div>
-      <div class="Footer--column">
-        <h2 class="Footer--column-title">Help</h2>
-        <ul class="Footer--column-list">
-          <li class="Footer--column-list-item"><a href="https://www.cloudflarestatus.com/" class="Link Link-without-underline Link-is-juicy">Status</a></li>
-          <li class="Footer--column-list-item"><a href="https://community.cloudflare.com/c/developers/workers" class="Link Link-without-underline Link-is-juicy">Forum</a></li>
-          <li class="Footer--column-list-item"><a href="https://support.cloudflare.com/hc/en-us/sections/360000215372-Cloudflare-Workers" class="Link Link-without-underline Link-is-juicy">Support</a></li>
-          <li class="Footer--column-list-item"><a href="https://twitter.com/CloudflareDev" class="Link Link-without-underline Link-is-juicy">Twitter</a></li>
+      <div className="Footer--column">
+        <h2 className="Footer--column-title">Help</h2>
+        <ul className="Footer--column-list">
+          <li className="Footer--column-list-item"><a href="https://www.cloudflarestatus.com/" className="Link Link-without-underline Link-is-juicy">Status</a></li>
+          <li className="Footer--column-list-item"><a href="https://community.cloudflare.com/c/developers/workers" className="Link Link-without-underline Link-is-juicy">Forum</a></li>
+          <li className="Footer--column-list-item"><a href="https://support.cloudflare.com/hc/en-us/sections/360000215372-Cloudflare-Workers" className="Link Link-without-underline Link-is-juicy">Support</a></li>
+          <li className="Footer--column-list-item"><a href="https://twitter.com/CloudflareDev" className="Link Link-without-underline Link-is-juicy">Twitter</a></li>
         </ul>
       </div>
     </div>
-    <div class="Footer--legal">© 2019 Cloudflare, Inc. · <a class="Link Link-without-underline" href="https://www.cloudflare.com/privacypolicy/">Privacy</a> · <a class="Link Link-without-underline" href="https://www.cloudflare.com/website-terms/">Terms</a></div>
+    <div className="Footer--legal">© 2019 Cloudflare, Inc. · <a className="Link Link-without-underline" href="https://www.cloudflare.com/privacypolicy/">Privacy</a> · <a className="Link Link-without-underline" href="https://www.cloudflare.com/website-terms/">Terms</a></div>
   </footer>
 )
 
diff --git a/src/components/header.js b/src/components/header.js
index 3c35b622..bc6cda0d 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -1,11 +1,11 @@
-import React from 'react'
-import Nav from './nav'
+import React from "react"
+import Nav from "./nav"
 
 // TODO - move these to workers-brand-assets and import into workers.cloudflare.com and built-with-workers
-import '../vendor/workers.cloudflare.com/css/components/header.css'
+import "../vendor/workers.cloudflare.com/css/components/header.css"
 
 const Header = () => (
-  <header class="Header">
+  <header className="Header">
     <Nav />
   </header>
 )
diff --git a/src/components/layout.js b/src/components/layout.js
index c1778db5..7880583d 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -11,7 +11,7 @@ const Layout = ({ children }) => {
   return (
     <>
       <Header />
-      <main class="Main">{children}</main>
+      <main className="Main">{children}</main>
       <Footer />
     </>
   )
diff --git a/src/components/nav.js b/src/components/nav.js
index ba0ed0f6..75220cea 100644
--- a/src/components/nav.js
+++ b/src/components/nav.js
@@ -1,73 +1,185 @@
-import React from 'react'
+import React from "react"
 
 // TODO - move these to workers-brand-assets and import into workers.cloudflare.com and built-with-workers
-import '../vendor/workers.cloudflare.com/css/components/nav.css'
+import "../vendor/workers.cloudflare.com/css/components/nav.css"
 
 const Nav = () => (
-  <nav class="Nav">
-    <a class="Nav--link Nav--link-logo" href="https://workers.cloudflare.com">
-      <div class="CloudflareWorkersLogo CloudflareWorkersLogo-horizontal-combination-mark">
-        <svg id="CloudflareWorkersLogoCombinationMarkHorizontal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1430 375" role="img" aria-labelledby="CloudflareWorkersLogoCombinationMarkHorizontal--title CloudflareWorkersLogoCombinationMarkHorizontal--desc">
-          <title id="CloudflareWorkersLogoCombinationMarkHorizontal--title">Cloudflare Workers logo (horizontal)</title>
-          <desc id="CloudflareWorkersLogoCombinationMarkHorizontal--desc">The horizontal wordmark logo for the Cloudflare Workers brand.</desc>
+  <nav className="Nav">
+    <a
+      className="Nav--link Nav--link-logo"
+      href="https://workers.cloudflare.com"
+    >
+      <div className="CloudflareWorkersLogo CloudflareWorkersLogo-horizontal-combination-mark">
+        <svg
+          id="CloudflareWorkersLogoCombinationMarkHorizontal"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 1430 375"
+          role="img"
+          aria-labelledby="CloudflareWorkersLogoCombinationMarkHorizontal--title CloudflareWorkersLogoCombinationMarkHorizontal--desc"
+        >
+          <title id="CloudflareWorkersLogoCombinationMarkHorizontal--title">
+            Cloudflare Workers logo (horizontal)
+          </title>
+          <desc id="CloudflareWorkersLogoCombinationMarkHorizontal--desc">
+            The horizontal wordmark logo for the Cloudflare Workers brand.
+          </desc>
           <defs>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-a" x1="50%" x2="25.7%" y1="100%" y2="8.7%">
-              <stop offset="0%" stop-color="#eb6f07"/>
-              <stop offset="100%" stop-color="#fab743"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-a"
+              x1="50%"
+              x2="25.7%"
+              y1="100%"
+              y2="8.7%"
+            >
+              <stop offset="0%" stopColor="#eb6f07" />
+              <stop offset="100%" stopColor="#fab743" />
             </linearGradient>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-b" x1="81%" x2="40.5%" y1="83.7%" y2="29.5%">
-              <stop offset="0%" stop-color="#d96504"/>
-              <stop offset="100%" stop-color="#d96504" stop-opacity="0"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-b"
+              x1="81%"
+              x2="40.5%"
+              y1="83.7%"
+              y2="29.5%"
+            >
+              <stop offset="0%" stopColor="#d96504" />
+              <stop offset="100%" stopColor="#d96504" stopOpacity="0" />
             </linearGradient>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-c" x1="42%" x2="84%" y1="8.7%" y2="79.9%">
-              <stop offset="0%" stop-color="#eb6f07"/>
-              <stop offset="100%" stop-color="#eb720a" stop-opacity="0"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-c"
+              x1="42%"
+              x2="84%"
+              y1="8.7%"
+              y2="79.9%"
+            >
+              <stop offset="0%" stopColor="#eb6f07" />
+              <stop offset="100%" stopColor="#eb720a" stopOpacity="0" />
             </linearGradient>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-d" x1="50%" x2="25.7%" y1="100%" y2="8.7%">
-              <stop offset="0%" stop-color="#ee6f05"/>
-              <stop offset="100%" stop-color="#fab743"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-d"
+              x1="50%"
+              x2="25.7%"
+              y1="100%"
+              y2="8.7%"
+            >
+              <stop offset="0%" stopColor="#ee6f05" />
+              <stop offset="100%" stopColor="#fab743" />
             </linearGradient>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-e" x1="-33.2%" x2="91.7%" y1="100%" y2="0%">
-              <stop offset="0%" stop-color="#d96504" stop-opacity=".8"/>
-              <stop offset="49.8%" stop-color="#d96504" stop-opacity=".2"/>
-              <stop offset="100%" stop-color="#d96504" stop-opacity="0"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-e"
+              x1="-33.2%"
+              x2="91.7%"
+              y1="100%"
+              y2="0%"
+            >
+              <stop offset="0%" stopColor="#d96504" stopOpacity=".8" />
+              <stop offset="49.8%" stopColor="#d96504" stopOpacity=".2" />
+              <stop offset="100%" stopColor="#d96504" stopOpacity="0" />
             </linearGradient>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-f" x1="50%" x2="25.7%" y1="100%" y2="8.7%">
-              <stop offset="0%" stop-color="#ffa95f"/>
-              <stop offset="100%" stop-color="#ffebc8"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-f"
+              x1="50%"
+              x2="25.7%"
+              y1="100%"
+              y2="8.7%"
+            >
+              <stop offset="0%" stopColor="#ffa95f" />
+              <stop offset="100%" stopColor="#ffebc8" />
             </linearGradient>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-g" x1="8.1%" x2="96.5%" y1="1.1%" y2="48.8%">
-              <stop offset="0%" stop-color="#fff" stop-opacity=".5"/>
-              <stop offset="100%" stop-color="#fff" stop-opacity=".1"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-g"
+              x1="8.1%"
+              x2="96.5%"
+              y1="1.1%"
+              y2="48.8%"
+            >
+              <stop offset="0%" stopColor="#fff" stopOpacity=".5" />
+              <stop offset="100%" stopColor="#fff" stopOpacity=".1" />
             </linearGradient>
-            <linearGradient id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-h" x1="-13.7%" y1="104.2%" y2="46.2%">
-              <stop offset="0%" stop-color="#fff" stop-opacity=".5"/>
-              <stop offset="100%" stop-color="#fff" stop-opacity=".1"/>
+            <linearGradient
+              id="CloudflareWorkersLogoCombinationMarkHorizontal--gradient-h"
+              x1="-13.7%"
+              y1="104.2%"
+              y2="46.2%"
+            >
+              <stop offset="0%" stopColor="#fff" stopOpacity=".5" />
+              <stop offset="100%" stopColor="#fff" stopOpacity=".1" />
             </linearGradient>
           </defs>
-          <path fill="currentColor" d="M553.2 320.1L500.6 165h36.3l31.9 104.3 34.5-104.7h29L667 269.3 699 165h35.3l-52.5 155.1h-29.5l-34.8-100.8-34.7 100.8h-29.5zm246.2 1.5c-36.6 0-63.6-27-63.6-60.9v-.4c0-34 27.3-61.4 64-61.4 36.5 0 63.6 27 63.6 61v.4c0 33.8-27.3 61.3-64 61.3zm.4-28.8c19.1 0 30.6-14.7 30.6-32.1v-.4c0-17.4-12.6-32.6-31-32.6-19.2 0-30.6 14.7-30.6 32.1v.5c0 17.3 12.5 32.5 31 32.5zm87.8 26.2V201H921v23.8c6.8-16.2 17.8-26.8 37.6-26v35H957c-22.2 0-35.9 13.5-35.9 41.6V319h-33.4zm92 0V158.4h33.4V244l39.1-43h40l-44.8 46.5 46.4 71.5h-38.3l-30.8-48.2-11.6 12.3V319h-33.5zm180.6 2.6c-35.5 0-61.6-24.8-61.6-60.9v-.4c0-33.7 24-61.4 58.3-61.4 39.3 0 57.4 30.6 57.4 64 0 2.6-.2 5.7-.5 8.8h-82c3.3 15.2 13.8 23.1 28.8 23.1 11.2 0 19.4-3.5 28.6-12.1l19.1 17a59 59 0 0 1-48.1 22zm-28.9-70.8h50.4c-2-15-10.8-25-24.8-25-13.9 0-23 9.8-25.6 25zm107.8 68.2V201h33.5v23.8c6.8-16.2 17.8-26.8 37.6-26v35h-1.8c-22.2 0-35.8 13.5-35.8 41.6V319H1239zm133.4 2.2c-16.5 0-35-5.5-50.6-17.8l14.3-22a66.7 66.7 0 0 0 37.1 14c9.7 0 14.1-3.5 14.1-8.7v-.5c0-7.2-11.4-9.7-24.4-13.6-16.5-4.9-35.2-12.6-35.2-35.4v-.5c0-24 19.4-37.4 43.1-37.4 15 0 31.3 5 44 13.7l-12.7 23a69.9 69.9 0 0 0-32-11c-8 0-12.3 3.6-12.3 8.2v.4c0 6.6 11.3 9.7 24 14.1 16.5 5.5 35.7 13.4 35.7 35v.4c0 26.2-19.6 38.1-45.1 38.1z"/>
-          <path fill="currentColor" d="M1210.9 78.9a6 6 0 1 1 0-12.1c3.3 0 6.1 2.7 6.1 6s-2.8 6-6.1 6zm0-11a4.9 4.9 0 0 0-4.9 5c0 2.6 2.2 4.8 4.9 4.8s4.9-2.2 4.9-4.9c0-2.6-2.2-4.8-4.9-4.8zm3.1 8.1h-1.4l-1.2-2.3h-1.6V76h-1.3v-6.6h3.2c1.4 0 2.3.9 2.3 2.1a2 2 0 0 1-1.4 2l1.4 2.5zm-2.4-3.5c.5 0 1-.3 1-1s-.4-1-1-1h-2v2h2zm-636.5-6.3h15.6v42.1H618v13.5H575V66.2zm58.9 28V94c0-16 13-29 30.3-29a29 29 0 0 1 30 28.8v.2c0 16-13 28.9-30.2 28.9A29 29 0 0 1 634 94.1zm44.6 0V94c0-8-5.8-15-14.4-15-8.5 0-14.2 6.8-14.2 14.9v.1c0 8 5.8 15 14.3 15 8.6 0 14.3-6.8 14.3-14.9zm34.9 3.2V66.2h15.8v31c0 8 4.1 11.7 10.3 11.7 6.2 0 10.3-3.6 10.3-11.4V66.2h15.8V97c0 18-10.3 25.8-26.3 25.8s-26-8-26-25.4zm76-31.2h21.6c20 0 31.7 11.4 31.7 27.5v.2c0 16-11.8 28-32 28h-21.3V66.1zm22 42c9.2 0 15.4-5.1 15.4-14.2V94c0-9-6.2-14.1-15.5-14.1h-6.3V108h6.3v.1zm54-42h44.9v13.5H881v9.5h26.6V102H881v19.8h-15.5V66.2zm66.5 0h15.5v42.1h27.2v13.5H932V66.2zm83.3-.4h15l24 56h-16.8l-4-9.9h-21.7l-4 10h-16.3l23.8-56.1zm13.7 34.1l-6.2-15.8-6.3 15.8h12.5zm45.2-33.7h26.6c8.6 0 14.5 2.2 18.3 6 3.3 3.2 5 7.5 5 13v.2c0 8.6-4.6 14.2-11.5 17L1126 122h-18l-11.4-16.8h-6.8v16.8h-15.6V66.2zm25.9 26.7c5.3 0 8.3-2.6 8.3-6.6v-.2c0-4.3-3.2-6.5-8.4-6.5h-10.3v13.3h10.4zm46.4-26.7h45v13H1162v8.5h26.9v12.2h-27v8.8h30.2v13.1h-45.5V66.2zM541 100.7a13.8 13.8 0 0 1-12.8 8.3c-8.5 0-14.3-7-14.3-15V94c0-8 5.7-15 14.2-15a14 14 0 0 1 13.3 9.3H558a29.2 29.2 0 0 0-29.6-23.1c-17.3 0-30.3 13-30.3 29v.1a29 29 0 0 0 30.1 28.8c14.8 0 26.4-9.5 29.4-22.2l-16.4-.1z" opacity=".6"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-a)" d="M107 5.4l49 88.4-45 81a26 26 0 0 0 0 25.3l45 81.2-49 88.4A52 52 0 0 1 85 349L7 213.5a52.2 52.2 0 0 1 0-52L85 26a52 52 0 0 1 22-20.6z"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-b)" d="M111 174.9a26 26 0 0 0 0 25.2l45 81.2-49 88.4A52 52 0 0 1 85 349L7 213.5C.8 202.8 35.5 190 111 175z" opacity=".7"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-c)" d="M112 14.3l44 79.5-7.3 12.7-38.8-65.7C98.7 22.5 81.6 32 60.2 69l3.2-5.5L85 26a52 52 0 0 1 21.8-20.6l5.1 8.9z" opacity=".5"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-d)" d="M331 26l78 135.5c9.3 16 9.3 36 0 52L331 349a52 52 0 0 1-45 26h-78l97-174.9a26 26 0 0 0 0-25.2L208 0h78a52 52 0 0 1 45 26z"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-e)" d="M282 374.4l-77 .7 93.2-175.8a27 27 0 0 0 0-25.4L205 0h17.6l97.8 173.1a27 27 0 0 1-.1 26.8 15624 15624 0 0 0-62.7 110c-19 33.4-10.8 54.9 24.4 64.5z"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-f)" d="M130 375c-8 0-16-1.9-23-5.3l96.2-173.5c3-5.4 3-12 0-17.4L107 5.4A52 52 0 0 1 130 0h78l97 174.9a26 26 0 0 1 0 25.2L208 375h-78z"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-g)" d="M298.2 178.8L199 0h9l97 174.9a26 26 0 0 1 0 25.2L208 375h-9l99.2-178.8c3-5.4 3-12 0-17.4z" opacity=".6"/>
-          <path fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-h)" d="M203.2 178.8L107 5.4c3-1.6 6.6-2.8 10-3.8 21.2 38.1 52.5 95.9 94 173.3a26 26 0 0 1 0 25.2L115.5 373c-3.4-1-5.2-1.7-8.4-3.2l96-173.5c3-5.4 3-12 0-17.4z" opacity=".6"/>
+          <path
+            fill="currentColor"
+            d="M553.2 320.1L500.6 165h36.3l31.9 104.3 34.5-104.7h29L667 269.3 699 165h35.3l-52.5 155.1h-29.5l-34.8-100.8-34.7 100.8h-29.5zm246.2 1.5c-36.6 0-63.6-27-63.6-60.9v-.4c0-34 27.3-61.4 64-61.4 36.5 0 63.6 27 63.6 61v.4c0 33.8-27.3 61.3-64 61.3zm.4-28.8c19.1 0 30.6-14.7 30.6-32.1v-.4c0-17.4-12.6-32.6-31-32.6-19.2 0-30.6 14.7-30.6 32.1v.5c0 17.3 12.5 32.5 31 32.5zm87.8 26.2V201H921v23.8c6.8-16.2 17.8-26.8 37.6-26v35H957c-22.2 0-35.9 13.5-35.9 41.6V319h-33.4zm92 0V158.4h33.4V244l39.1-43h40l-44.8 46.5 46.4 71.5h-38.3l-30.8-48.2-11.6 12.3V319h-33.5zm180.6 2.6c-35.5 0-61.6-24.8-61.6-60.9v-.4c0-33.7 24-61.4 58.3-61.4 39.3 0 57.4 30.6 57.4 64 0 2.6-.2 5.7-.5 8.8h-82c3.3 15.2 13.8 23.1 28.8 23.1 11.2 0 19.4-3.5 28.6-12.1l19.1 17a59 59 0 0 1-48.1 22zm-28.9-70.8h50.4c-2-15-10.8-25-24.8-25-13.9 0-23 9.8-25.6 25zm107.8 68.2V201h33.5v23.8c6.8-16.2 17.8-26.8 37.6-26v35h-1.8c-22.2 0-35.8 13.5-35.8 41.6V319H1239zm133.4 2.2c-16.5 0-35-5.5-50.6-17.8l14.3-22a66.7 66.7 0 0 0 37.1 14c9.7 0 14.1-3.5 14.1-8.7v-.5c0-7.2-11.4-9.7-24.4-13.6-16.5-4.9-35.2-12.6-35.2-35.4v-.5c0-24 19.4-37.4 43.1-37.4 15 0 31.3 5 44 13.7l-12.7 23a69.9 69.9 0 0 0-32-11c-8 0-12.3 3.6-12.3 8.2v.4c0 6.6 11.3 9.7 24 14.1 16.5 5.5 35.7 13.4 35.7 35v.4c0 26.2-19.6 38.1-45.1 38.1z"
+          />
+          <path
+            fill="currentColor"
+            d="M1210.9 78.9a6 6 0 1 1 0-12.1c3.3 0 6.1 2.7 6.1 6s-2.8 6-6.1 6zm0-11a4.9 4.9 0 0 0-4.9 5c0 2.6 2.2 4.8 4.9 4.8s4.9-2.2 4.9-4.9c0-2.6-2.2-4.8-4.9-4.8zm3.1 8.1h-1.4l-1.2-2.3h-1.6V76h-1.3v-6.6h3.2c1.4 0 2.3.9 2.3 2.1a2 2 0 0 1-1.4 2l1.4 2.5zm-2.4-3.5c.5 0 1-.3 1-1s-.4-1-1-1h-2v2h2zm-636.5-6.3h15.6v42.1H618v13.5H575V66.2zm58.9 28V94c0-16 13-29 30.3-29a29 29 0 0 1 30 28.8v.2c0 16-13 28.9-30.2 28.9A29 29 0 0 1 634 94.1zm44.6 0V94c0-8-5.8-15-14.4-15-8.5 0-14.2 6.8-14.2 14.9v.1c0 8 5.8 15 14.3 15 8.6 0 14.3-6.8 14.3-14.9zm34.9 3.2V66.2h15.8v31c0 8 4.1 11.7 10.3 11.7 6.2 0 10.3-3.6 10.3-11.4V66.2h15.8V97c0 18-10.3 25.8-26.3 25.8s-26-8-26-25.4zm76-31.2h21.6c20 0 31.7 11.4 31.7 27.5v.2c0 16-11.8 28-32 28h-21.3V66.1zm22 42c9.2 0 15.4-5.1 15.4-14.2V94c0-9-6.2-14.1-15.5-14.1h-6.3V108h6.3v.1zm54-42h44.9v13.5H881v9.5h26.6V102H881v19.8h-15.5V66.2zm66.5 0h15.5v42.1h27.2v13.5H932V66.2zm83.3-.4h15l24 56h-16.8l-4-9.9h-21.7l-4 10h-16.3l23.8-56.1zm13.7 34.1l-6.2-15.8-6.3 15.8h12.5zm45.2-33.7h26.6c8.6 0 14.5 2.2 18.3 6 3.3 3.2 5 7.5 5 13v.2c0 8.6-4.6 14.2-11.5 17L1126 122h-18l-11.4-16.8h-6.8v16.8h-15.6V66.2zm25.9 26.7c5.3 0 8.3-2.6 8.3-6.6v-.2c0-4.3-3.2-6.5-8.4-6.5h-10.3v13.3h10.4zm46.4-26.7h45v13H1162v8.5h26.9v12.2h-27v8.8h30.2v13.1h-45.5V66.2zM541 100.7a13.8 13.8 0 0 1-12.8 8.3c-8.5 0-14.3-7-14.3-15V94c0-8 5.7-15 14.2-15a14 14 0 0 1 13.3 9.3H558a29.2 29.2 0 0 0-29.6-23.1c-17.3 0-30.3 13-30.3 29v.1a29 29 0 0 0 30.1 28.8c14.8 0 26.4-9.5 29.4-22.2l-16.4-.1z"
+            opacity=".6"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-a)"
+            d="M107 5.4l49 88.4-45 81a26 26 0 0 0 0 25.3l45 81.2-49 88.4A52 52 0 0 1 85 349L7 213.5a52.2 52.2 0 0 1 0-52L85 26a52 52 0 0 1 22-20.6z"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-b)"
+            d="M111 174.9a26 26 0 0 0 0 25.2l45 81.2-49 88.4A52 52 0 0 1 85 349L7 213.5C.8 202.8 35.5 190 111 175z"
+            opacity=".7"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-c)"
+            d="M112 14.3l44 79.5-7.3 12.7-38.8-65.7C98.7 22.5 81.6 32 60.2 69l3.2-5.5L85 26a52 52 0 0 1 21.8-20.6l5.1 8.9z"
+            opacity=".5"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-d)"
+            d="M331 26l78 135.5c9.3 16 9.3 36 0 52L331 349a52 52 0 0 1-45 26h-78l97-174.9a26 26 0 0 0 0-25.2L208 0h78a52 52 0 0 1 45 26z"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-e)"
+            d="M282 374.4l-77 .7 93.2-175.8a27 27 0 0 0 0-25.4L205 0h17.6l97.8 173.1a27 27 0 0 1-.1 26.8 15624 15624 0 0 0-62.7 110c-19 33.4-10.8 54.9 24.4 64.5z"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-f)"
+            d="M130 375c-8 0-16-1.9-23-5.3l96.2-173.5c3-5.4 3-12 0-17.4L107 5.4A52 52 0 0 1 130 0h78l97 174.9a26 26 0 0 1 0 25.2L208 375h-78z"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-g)"
+            d="M298.2 178.8L199 0h9l97 174.9a26 26 0 0 1 0 25.2L208 375h-9l99.2-178.8c3-5.4 3-12 0-17.4z"
+            opacity=".6"
+          />
+          <path
+            fill="url(#CloudflareWorkersLogoCombinationMarkHorizontal--gradient-h)"
+            d="M203.2 178.8L107 5.4c3-1.6 6.6-2.8 10-3.8 21.2 38.1 52.5 95.9 94 173.3a26 26 0 0 1 0 25.2L115.5 373c-3.4-1-5.2-1.7-8.4-3.2l96-173.5c3-5.4 3-12 0-17.4z"
+            opacity=".6"
+          />
         </svg>
       </div>
     </a>
 
-    <a class="Nav--link" href="https://support.cloudflare.com/hc/en-us/sections/360000215372-Cloudflare-Workers"><span>Support</span></a>
-    <a class="Nav--link" href="https://workers.cloudflare.com/docs/"><span>Docs</span></a>
+    <a
+      className="Nav--link"
+      href="https://support.cloudflare.com/hc/en-us/sections/360000215372-Cloudflare-Workers"
+    >
+      <span>Support</span>
+    </a>
+    <a className="Nav--link" href="https://workers.cloudflare.com/docs/">
+      <span>Docs</span>
+    </a>
 
-    <div class="Nav--item Nav--item-sign-in">
-      <a class="Button Button-is-secondary" href="https://dash.cloudflare.com/login?redirect_uri=https%3A%2F%2Fdash.cloudflare.com%2F%3Faccount%3Dworkers">Log in</a>
+    <div className="Nav--item Nav--item-sign-in">
+      <a
+        className="Button Button-is-secondary"
+        href="https://dash.cloudflare.com/login?redirect_uri=https%3A%2F%2Fdash.cloudflare.com%2F%3Faccount%3Dworkers"
+      >
+        Log in
+      </a>
     </div>
 
-    <div class="Nav--item Nav--item-sign-up">
-      <a class="Button Button-is-primary" href="https://dash.cloudflare.com/sign-up/workers">Sign up</a>
+    <div className="Nav--item Nav--item-sign-up">
+      <a
+        className="Button Button-is-primary"
+        href="https://dash.cloudflare.com/sign-up/workers"
+      >
+        Sign up
+      </a>
     </div>
   </nav>
 )
diff --git a/src/components/project.js b/src/components/project.js
index 4829aa64..a926c52d 100644
--- a/src/components/project.js
+++ b/src/components/project.js
@@ -14,24 +14,17 @@ const Project = ({
   },
 }) => (
   <Link
-    class="Project---link Project---link-fills-height"
+    className="Project---link Project---link-fills-height"
     to={`/projects/${slug}`}
   >
-    <div class="Project Project-fills-height">
-      <div class="Project--image">
+    <div className="Project Project-fills-height">
+      <div className="Project--image">
         <Img fluid={fluid} />
       </div>
 
-      <div class="Project--content">
-        <h2 class="Project--title">{name}</h2>
-        <p class="Project--description">{shortDescription}</p>
-        <div className="Project--features">
-          {features.map(({ name, slug }) => (
-            <Link to={`/features/${slug}`}>
-              <span>{name}</span>
-            </Link>
-          ))}
-        </div>
+      <div className="Project--content">
+        <h2 className="Project--title">{name}</h2>
+        <p className="Project--description">{shortDescription}</p>
       </div>
     </div>
   </Link>
diff --git a/src/pages/index.js b/src/pages/index.js
index d075ac62..63675116 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -13,17 +13,17 @@ const IndexPage = ({ data: { allSanityFeature, allSanityProject } }) => {
 
   return (
     <Layout>
-      <SEO />
+      <SEO title="Homepage" />
 
       {features.map(feature => (
-        <div class="ProjectsRow">
-          <div class="ProjectsRow--title">
-            <h2 class="ProjectsRow--title-content">
+        <div className="ProjectsRow" key={feature.name}>
+          <div className="ProjectsRow--title">
+            <h2 className="ProjectsRow--title-content">
               Built with {feature.name}
             </h2>
           </div>
 
-          <div class="ProjectsRow--projects">
+          <div className="ProjectsRow--projects">
             {projects
               .filter(
                 project =>
@@ -31,11 +31,11 @@ const IndexPage = ({ data: { allSanityFeature, allSanityProject } }) => {
                   project.features.map(f => f.name).includes(feature.name)
               )
               .map(project => (
-                <div class="ProjectsRow--project">
+                <div className="ProjectsRow--project" key={project.name}>
                   <Project project={project} />
                 </div>
               ))}
-            <div class="ProjectsRow--row-end-spacer" />
+            <div className="ProjectsRow--row-end-spacer" />
           </div>
         </div>
       ))}
diff --git a/src/templates/project.js b/src/templates/project.js
index cb3ee273..f0f1607b 100644
--- a/src/templates/project.js
+++ b/src/templates/project.js
@@ -9,10 +9,10 @@ const Project = ({ data: { sanityProject: project } }) => {
   return (
     <Layout>
       <SEO title={project.name} />
-      <div class="ProjectPage">
-        <h2 class="ProjectPage--title">{project.name}</h2>
-        <p class="ProjectPage--description">{project.shortDescription}</p>
-        <div class="ProjectPage--image">
+      <div className="ProjectPage">
+        <h2 className="ProjectPage--title">{project.name}</h2>
+        <p className="ProjectPage--description">{project.shortDescription}</p>
+        <div className="ProjectPage--image">
           <Img fluid={project.image.asset.fluid} />
         </div>
         {project.links.map(({ linkType, url }) => (