From cd76c3494f7f57da7375fa4c195e0ea84cedcbf5 Mon Sep 17 00:00:00 2001
From: steven <sarmiento.steven@gmail.com>
Date: Tue, 20 Jul 2021 15:25:11 -0700
Subject: [PATCH] browser gsap glitch

---
 pages/index.tsx | 31 ++++++++++++++++++++++---------
 1 file changed, 22 insertions(+), 9 deletions(-)

diff --git a/pages/index.tsx b/pages/index.tsx
index 42d68cd..e3f93ac 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,21 +1,34 @@
+import { useRef, useEffect } from 'react'
 import NavBarBeta from '../components/NavBarBeta'
 import HeroSectionHome from '../components/HeroSectionHome'
 import TradeSection from '../components/TradeSection'
 import FooterSection from '../components/FooterSection'
 import LendSection from '../components/LendSection'
 import CommunitySection from '../components/CommunitySection'
+import { TweenMax } from 'gsap'
 
 const Index = () => {
+  let app = useRef(null)
+
+  useEffect(() =>{
+      TweenMax.to(app.current, 0, {css: {visibility:'visible'}})
+
+  }, [])
+
   return (
-    <div className={`bg-th-bkg-1 text-th-fgd-1 transition-all overflow-hidden`}>
-      <div className="w-screen h-2 bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green"></div>
-      <NavBarBeta />
-      <HeroSectionHome />
-      <TradeSection />
-      <LendSection />
-      <CommunitySection />
-      <FooterSection />
-      <div className="w-screen h-2 bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green"></div>
+    <div 
+      ref={app}   
+      className="App">
+      <div className={`bg-th-bkg-1 text-th-fgd-1 transition-all overflow-hidden`}>
+        <div className="w-screen h-2 bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green"></div>
+        <NavBarBeta />
+        <HeroSectionHome />
+        <TradeSection />
+        <LendSection />
+        <CommunitySection />
+        <FooterSection />
+        <div className="w-screen h-2 bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green"></div>
+      </div>
     </div>
   )
 }