Add some links and references

src/templates/VerticalFeatures.tsx

@@ -1,33 +1,43 @@
-//import { VerticalFeatureRow } from '../feature/VerticalFeatureRow';
 import { Section } from '../layout/Section';
 
 const VerticalFeatures = () => (
-  <Section
+  <>
-    title="Work in progress"
+    <Section>
-    description="We are working on this page. Please check back later."
+      <div className="flex flex-wrap justify-center text-center">
-  >
+        <div className="w-full p-6">
-    {/*
+          <p className="text-xl pb-8">
-    <VerticalFeatureRow
+            Conviction Voting is a decision making process in which voters continuously express their preference by staking tokens in support of proposals they would like to see approved,
-      title="Your title here"
+            with the conviction (i.e. weight) of their vote growing over time.
-      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum, nunc non posuere consectetur, justo erat semper enim, non hendrerit dui odio id enim."
+          </p>
-      image="/assets/images/feature.svg"
+          <p className="text-xl">
-      imageAlt="First feature alt text"
+            When a voter unstakes their tokens, their conviction for that proposal starts declining according to a decay function.
-    />
+          </p>
-    <VerticalFeatureRow
+        </div>
-      title="Your title here"
+        <div className="w-full p-6">
-      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum, nunc non posuere consectetur, justo erat semper enim, non hendrerit dui odio id enim."
+          <figure>
-      image="/assets/images/feature2.svg"
+            <img src="/assets/images/conviction-voting.png" alt="Conviction Voting" />
-      imageAlt="Second feature alt text"
+            <figcaption>Example of Conviction Voting [<a href="https://medium.com/commonsstack/conviction-voting-a-novel-continuous-decision-making-alternative-to-governance-62e215ad2b3d">source</a>]</figcaption>
-      reverse
+          </figure>
-    />
+        </div>
-    <VerticalFeatureRow
+      </div>
-      title="Your title here"
+      
-      description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum, nunc non posuere consectetur, justo erat semper enim, non hendrerit dui odio id enim."
-      image="/assets/images/feature3.svg"
-      imageAlt="Third feature alt text"
-    />
-*/}
     </Section>
+    <Section
+      title="Links and resources"
+      description="Here are some links to help you understand what Conviction Voting is and how it works."
+    >
+      <div className="flex flex-wrap justify-center text-center">
+        <div className="w-full p-6">
+          <p className="text-xl pb-8">
+            👉 <a href="https://medium.com/commonsstack/announcing-the-conviction-voting-cadcad-model-release-8e907ce67e4e">Understanding Real-Time ‘Vote Streaming’</a> by Jeff Emmett
+          </p>
+          <p className="text-xl pb-8">
+            👉 <a href="https://medium.com/commonsstack/conviction-voting-a-novel-continuous-decision-making-alternative-to-governance-62e215ad2b3d">Conviction Voting: A Novel Continuous Decision Making Alternative to Governance</a> by Jeff Emmett
+          </p>
+        </div>
+      </div>
+    </Section>
+  </>
 );
 
 export { VerticalFeatures };