From 5f73a6faa7d6672bfe5315c8a469aaa6d6046a3a Mon Sep 17 00:00:00 2001
From: Maximilian Schneider <mail@maximilianschneider.net>
Date: Thu, 15 Jul 2021 04:02:18 +0200
Subject: [PATCH] format a bunch

---
 components/FooterSection.tsx  | 49 +++++++++++++++++++++++------------
 components/LandingContent.tsx | 31 +++++++++++++++-------
 components/MangoPill.tsx      | 10 ++++---
 components/MangoSale.tsx      | 10 ++++---
 components/NavBarBeta.tsx     |  2 +-
 5 files changed, 69 insertions(+), 33 deletions(-)

diff --git a/components/FooterSection.tsx b/components/FooterSection.tsx
index 1db595a..d834cf9 100644
--- a/components/FooterSection.tsx
+++ b/components/FooterSection.tsx
@@ -5,25 +5,40 @@ const FooterSection = () => {
     <div className="bg-bg-texture bg-cover bg-bottom bg-no-repeat">
       <div className="max-w-7xl mx-auto ">
         <section className="py-8 px-4">
-          
           <div className="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
-              <h2 className="inline text-3xl font-extrabold sm:block sm:text-4xl">
-                Want product news and updates? <span className="text-transparent bg-clip-text bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green sm:block sm:text-4xl">Sign up for our newsletter.</span>
-              </h2>
-              
-              <form className="mt-8 sm:flex">
-                <label className="sr-only">Email address</label>
-                <input id="email-address" name="email" type="email" autoComplete="email" required className="w-full px-5 py-3 placeholder-gray-500 focus:ring-indigo-500 focus:border-indigo-500 sm:max-w-xs border-gray-300 rounded-full" placeholder="Enter your email"/>
-                <div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0 sm:relative sm:-left-16">
-                  <button type="submit" className="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-full text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
-                    Sign me up!
-                  </button>
-                </div>
-              </form>
-                <div className="w-full mt-4">
-                    <p className="text-xl text-gray-400">We promise to never spam and only send alpha.</p>
-                </div>
+            <h2 className="inline text-3xl font-extrabold sm:block sm:text-4xl">
+              Want product news and updates?{' '}
+              <span className="text-transparent bg-clip-text bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green sm:block sm:text-4xl">
+                Sign up for our newsletter.
+              </span>
+            </h2>
+
+            <form className="mt-8 sm:flex">
+              <label className="sr-only">Email address</label>
+              <input
+                id="email-address"
+                name="email"
+                type="email"
+                autoComplete="email"
+                required
+                className="w-full px-5 py-3 placeholder-gray-500 focus:ring-indigo-500 focus:border-indigo-500 sm:max-w-xs border-gray-300 rounded-full"
+                placeholder="Enter your email"
+              />
+              <div className="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0 sm:relative sm:-left-16">
+                <button
+                  type="submit"
+                  className="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-full text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+                >
+                  Sign me up!
+                </button>
+              </div>
+            </form>
+            <div className="w-full mt-4">
+              <p className="text-xl text-gray-400">
+                We promise to never spam and only send alpha.
+              </p>
             </div>
+          </div>
         </section>
 
         <footer className="py-20">
diff --git a/components/LandingContent.tsx b/components/LandingContent.tsx
index d6ad5a4..588b414 100644
--- a/components/LandingContent.tsx
+++ b/components/LandingContent.tsx
@@ -126,17 +126,30 @@ const LandingContent = () => {
                       .
                     </p>
                     <div className="flex flex-wrap overflow-hiddenm mt-8">
-                    <div className="w-full overflow-hidden lg:w-1/2 pr-4">
-                      <p><span className="text-th-green italic">Unrestricted</span></p>
-                      <p>During the unrestricted period users may deposit or withdraw their USDC from the vault. During the unrestricted period price can fluctuate.</p>
-                    </div>
+                      <div className="w-full overflow-hidden lg:w-1/2 pr-4">
+                        <p>
+                          <span className="text-th-green italic">
+                            Unrestricted
+                          </span>
+                        </p>
+                        <p>
+                          During the unrestricted period users may deposit or
+                          withdraw their USDC from the vault. During the
+                          unrestricted period price can fluctuate.
+                        </p>
+                      </div>
 
-                    <div className="w-full overflow-hidden lg:w-1/2">
-                      <p><span className="text-th-red italic">Restricted</span></p>
-                      <p>After 24 hours deposits will be restricted and only withdrawals allowed. During the restricted period price can only goin down.</p>
+                      <div className="w-full overflow-hidden lg:w-1/2">
+                        <p>
+                          <span className="text-th-red italic">Restricted</span>
+                        </p>
+                        <p>
+                          After 24 hours deposits will be restricted and only
+                          withdrawals allowed. During the restricted period
+                          price can only goin down.
+                        </p>
+                      </div>
                     </div>
-
-                  </div>
                   </div>
                 </div>
               </div>
diff --git a/components/MangoPill.tsx b/components/MangoPill.tsx
index ed1d520..530aa3d 100644
--- a/components/MangoPill.tsx
+++ b/components/MangoPill.tsx
@@ -1,8 +1,12 @@
 const MangoPill = () => {
   return (
-    <div className="inline-flex items-center relative h-6 px-2 py-1 bg-gradient-to-br from-mango-red to-yellow-500
-     rounded-full lg:-top-3 md:-top-3 sm:-top-3 xs:top-2">
-      <p className="text-white text-xs uppercase font-bold tracking-widest subpixel-antialiased">Soon</p>
+    <div
+      className="inline-flex items-center relative h-6 px-2 py-1 bg-gradient-to-br from-mango-red to-yellow-500
+     rounded-full lg:-top-3 md:-top-3 sm:-top-3 xs:top-2"
+    >
+      <p className="text-white text-xs uppercase font-bold tracking-widest subpixel-antialiased">
+        Soon
+      </p>
     </div>
   )
 }
diff --git a/components/MangoSale.tsx b/components/MangoSale.tsx
index 5d5fa73..64aaab1 100644
--- a/components/MangoSale.tsx
+++ b/components/MangoSale.tsx
@@ -1,8 +1,12 @@
 const MangoSale = () => {
   return (
-    <div className="inline-flex items-center relative h-6 -top-4 px-2 py-1 bg-gradient-to-br from-mango-red to-yellow-500
-     rounded-full">
-      <p className="text-white text-xs uppercase font-bold tracking-widest subpixel-antialiased">Sale</p>
+    <div
+      className="inline-flex items-center relative h-6 -top-4 px-2 py-1 bg-gradient-to-br from-mango-red to-yellow-500
+     rounded-full"
+    >
+      <p className="text-white text-xs uppercase font-bold tracking-widest subpixel-antialiased">
+        Sale
+      </p>
     </div>
   )
 }
diff --git a/components/NavBarBeta.tsx b/components/NavBarBeta.tsx
index a94abe6..3876c91 100644
--- a/components/NavBarBeta.tsx
+++ b/components/NavBarBeta.tsx
@@ -189,7 +189,7 @@ const NavBarBeta = () => {
                           viewBox="0 0 22 22"
                           stroke="currentColor"
                           aria-hidden="true"
-                          > 
+                        >
                           <path
                             d="M15 5V3C15 1.89543 14.1046 1 13 1H3C1.89543 1 1 1.89543 1 3V9C1 10.1046 1.89543 11 3 11H5M7 15H17C18.1046 15 19 14.1046 19 13V7C19 5.89543 18.1046 5 17 5H7C5.89543 5 5 5.89543 5 7V13C5 14.1046 5.89543 15 7 15ZM14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10Z"
                             stroke="#4F4C67"