diff --git a/pages/index.tsx b/pages/index.tsx
index 6ae4598..f632896 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -7,14 +7,15 @@ import usePool from '../hooks/usePool'
 import FooterSection from '../components/FooterSection'
 
 const Index = () => {
-  const { endIdo } = usePool()
+  const { startIdo, endIdo } = usePool()
 
   return (
     <div className={`bg-bkg-1 text-white 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 />
       <Notifications />
-      {endIdo?.isAfter() && <ContributionPage />}
+      {startIdo?.isAfter() && <ContributionPage />}
+      {startIdo?.isBefore && endIdo?.isAfter() && <ContributionPage />}
       {endIdo?.isBefore() && <RedeemPage />}
       <FooterSection />
       <div className="w-screen h-2 bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green"></div>