diff --git a/pages/markets.tsx b/pages/markets.tsx
index 91db1bb..f99f36c 100644
--- a/pages/markets.tsx
+++ b/pages/markets.tsx
@@ -1,5 +1,5 @@
 import NavBarBeta from '../components/NavBarBeta'
-import HeroSection from '../components/HeroSection'
+import HeroSectionMarkets from '../components/HeroSectionMarkets'
 import FeatureSection from '../components/FeatureSection'
 import FooterSection from '../components/FooterSection'
 
@@ -8,7 +8,7 @@ const Index = () => {
     <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 />
-      <HeroSection />
+      <HeroSectionMarkets />
       <FeatureSection />
       <FooterSection />
       <div className="w-screen h-2 bg-gradient-to-r from-mango-red via-mango-yellow to-mango-green"></div>