From 9ba0355e65cb948e3198c82b8ef4a0d268102061 Mon Sep 17 00:00:00 2001
From: steven <sarmiento.steven@gmail.com>
Date: Mon, 26 Jul 2021 16:11:16 -0700
Subject: [PATCH] flipped risk and how it works sections

---
 components/ContentSection.tsx | 147 +++++++++++++++++-----------------
 1 file changed, 72 insertions(+), 75 deletions(-)

diff --git a/components/ContentSection.tsx b/components/ContentSection.tsx
index fdff5ce..df06c0d 100644
--- a/components/ContentSection.tsx
+++ b/components/ContentSection.tsx
@@ -129,81 +129,9 @@ const ContentSection = () => {
         </div>
 
 
-
-
-{/* Section 2 */} 
-        <div className="max-w-7xl mx-auto px-8 pt-16 pb-24 my-16 ">
-            <div className="max-w-4xl mx-auto text-center pt-12 pb-16">
-                    <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
-                       We want to be fully transparent.
-                    </h2>
-                    <p className="mb-10 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
-                       We feel it is important to detail current risks to the system in order to give full transparency for participants in the insurance fund sale. 
-                    </p>
-                  </div>
-
-                  <div className="grid grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
-                    <div className="col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
-                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
-                      Unaudited smart contracts.  
-                      </h3>
-                      <p className="text-white text-opacity-50 text-md"> 
-                      We take great care and forethought in the way we build our smart contracts, we opensource all code once 
-                      ready and work with many industry leading developers during creation.
-                      <br />
-                      <br />
-                      While this is the case we cannot guarantee they are free of potential exploits.
-                      Users should understand the risks when participating today and know what they are contribtuing too.
-                      </p>
-                    </div>
-                    <div className="col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
-                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
-                      New token sale mechanism 
-                      </h3>
-                      <p className="text-white text-opacity-50 text-md">
-                      The Mango token sale was designed with the goal of being as fair as possible to all participants. 
-                      However, there is a mechanism by which one or more participants with large amounts of capital could 
-                      discourage others from participating in the token sale. 
-                      <br />
-                       <br />
-                       During the deposit phase, these participants 
-                      could deposit very large amounts of USDC. This would drive up the average price of the token and 
-                      potentially discourage others from participating in the sale. 
-                      <br />
-                       <br />Then, during the last minute 
-                      of the withdrawal phase, these large participants could withdraw much of their USDC, thus 
-                      receiving a much lower average price, depending on how successful they were at discouraging others. 
-                      <br />
-                       <br />
-                      Therefore, all participants should be aware of this potential behaviour during the sale and 
-                      make their best decisions accordingly.
-                      </p>
-                    </div>
-                    <div className="col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
-                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
-                      Not fully decentralzed; yet. 
-                      </h3>
-                      <p className="text-white text-opacity-50 text-md"> 
-                      Whilst the path to becoming decentralized is kicking off with the token sale, at inception the team will have control over the direction of the protocol until the governance mechanism is estabilshed and tools built out.
-                      <br />
-                      <br />
-                      Contributers must trust the mango team until full decentralization is reached. 
-                      
-                      <br />
-                      <br />
-                      We offer full transparency in during this phase of transition and will commit to creating a fair voting system for those participating in DAO votes in the future. 
-                      </p>
-                    </div>
-                  </div>
-
-                  </div>
-
-
-
-
-{/* Section 3 */}                  
-    <div className="bg-bkg-2 transform -skew-y-3 pt-16 pb-16 mb-16 -mt-16 z-0">
-      <div className="max-w-7xl mx-auto px-8 py-16 transform skew-y-3">
+{/* Section 2 */}                  
+<div className="pt-16 pb-16 mb-16 -mt-16 z-0">
+      <div className="max-w-7xl mx-auto px-8 py-16">
         <div className="max-w-4xl mb-24 mx-auto text-center mt-16 pt-16">
           <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
             How the sale works.
@@ -324,6 +252,75 @@ const ContentSection = () => {
         </section>
       </div>
     </div>
+
+
+{/* Section 3 */} 
+      <div className="bg-bkg-2 transform -skew-y-3">
+        <div className="max-w-7xl mx-auto px-8 pt-16 pb-24 my-16 transform skew-y-3">
+            <div className="max-w-4xl mx-auto text-center pt-12 pb-16">
+                    <h2 className="mb-4 text-3xl md:text-4xl lg:text-4xl text-white font-bold font-heading">
+                       We want to be fully transparent.
+                    </h2>
+                    <p className="mb-10 text-xl md:text-2xl lg:text-2xl text-white text-opacity-50">
+                       We feel it is important to detail current risks to the system in order to give full transparency for participants in the insurance fund sale. 
+                    </p>
+                  </div>
+
+                  <div className="grid grid-cols-7 grid-rows-2 gap-6 mb-16 mx-auto">
+                    <div className="col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
+                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
+                      Unaudited smart contracts.  
+                      </h3>
+                      <p className="text-white text-opacity-50 text-md"> 
+                      We take great care and forethought in the way we build our smart contracts, we opensource all code once 
+                      ready and work with many industry leading developers during creation.
+                      <br />
+                      <br />
+                      While this is the case we cannot guarantee they are free of potential exploits.
+                      Users should understand the risks when participating today and know what they are contribtuing too.
+                      </p>
+                  </div>
+                  <div className="col-span-4 row-span-2 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
+                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
+                      New token sale mechanism 
+                      </h3>
+                      <p className="text-white text-opacity-50 text-md">
+                      The Mango token sale was designed with the goal of being as fair as possible to all participants. 
+                      However, there is a mechanism by which one or more participants with large amounts of capital could 
+                      discourage others from participating in the token sale. 
+                      <br />
+                       <br />
+                       During the deposit phase, these participants 
+                      could deposit very large amounts of USDC. This would drive up the average price of the token and 
+                      potentially discourage others from participating in the sale. 
+                      <br />
+                       <br />Then, during the last minute 
+                      of the withdrawal phase, these large participants could withdraw much of their USDC, thus 
+                      receiving a much lower average price, depending on how successful they were at discouraging others. 
+                      <br />
+                       <br />
+                      Therefore, all participants should be aware of this potential behaviour during the sale and 
+                      make their best decisions accordingly.
+                      </p>
+                </div>
+                <div className="col-span-3 p-5 bg-bkg-3 border border-bkg-4 rounded-xl h-auto w-auto z-10 shadow-md">
+                      <h3 className="text-white font-semibold text-xl tracking-wide my-2">
+                      Not fully decentralzed; yet. 
+                      </h3>
+                      <p className="text-white text-opacity-50 text-md"> 
+                      Whilst the path to becoming decentralized is kicking off with the token sale, at inception the team will have control over the direction of the protocol until the governance mechanism is estabilshed and tools built out.
+                      <br />
+                      <br />
+                      Contributers must trust the mango team until full decentralization is reached. 
+                      
+                      <br />
+                      <br />
+                      We offer full transparency in during this phase of transition and will commit to creating a fair voting system for those participating in DAO votes in the future. 
+                      </p>
+                </div>
+            </div>
+          </div>
+      </div>
   </>
   )
 }