diff --git a/package-lock.json b/package-lock.json
index c81a686f5..1074f3154 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,6 +30,7 @@
         "@paraswap/sdk": "^5.6.0-alpha.6",
         "@soulsolidity/soul-zap-trpc-client": "^1.0.0-beta.0",
         "@soulsolidity/soulzap-v1": "0.1.0",
+        "@spindl-xyz/embed-react": "^1.0.0",
         "@tanstack/react-query": "^4.32.0",
         "@trpc/client": "^10.45.2",
         "@trpc/react-query": "^10.45.2",
@@ -12458,6 +12459,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@spindl-xyz/embed-react": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@spindl-xyz/embed-react/-/embed-react-1.0.0.tgz",
+      "integrity": "sha512-XSk4zEbaqDyi9+3VrAS0FU7IxTiS5FJ1GXJXxnLXYzfjmF3ZevMqc9bzAZnF1cnTglLBkieue4hYm9GQhbDp7Q==",
+      "peerDependencies": {
+        "react": "^16.8.6 || 17 - 18"
+      }
+    },
     "node_modules/@stablelib/aead": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@stablelib/aead/-/aead-1.0.1.tgz",
diff --git a/src/components/Swap/SwapBestTrade.tsx b/src/components/Swap/SwapBestTrade.tsx
index 5e2d6c0ae..aa8f609bc 100644
--- a/src/components/Swap/SwapBestTrade.tsx
+++ b/src/components/Swap/SwapBestTrade.tsx
@@ -67,6 +67,7 @@ import {
   paraswapTaxBuy,
   RouterTypes,
   SmartRouter,
+  DRAGON_EGGS_SHOW,
 } from 'constants/index';
 import { useQuery } from '@tanstack/react-query';
 import { useAllTokens, useCurrency } from 'hooks/Tokens';
@@ -1513,7 +1514,8 @@ const SwapBestTrade: React.FC<{
           console.log('sub');
         }}
       />
-      <Eggs type={2}></Eggs>
+      {DRAGON_EGGS_SHOW && <Eggs type={2}></Eggs>}
+
       {isLiquidityHubOnly && <PoweredByOrbs />}
     </Box>
   );
diff --git a/src/constants/index.ts b/src/constants/index.ts
index 0381afd1c..a503798ed 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -66,6 +66,8 @@ export const CEX_BILL_ADDRESS = '0x6D7637683eaD28F775F56506602191fdE417fF60';
 
 export const AVERAGE_L1_BLOCK_TIME = 12000;
 
+export const DRAGON_EGGS_SHOW = false;
+
 export const merklAMMs: { [chainId in ChainId]?: string[] } = {
   [ChainId.MATIC]: ['quickswapalgebra'],
   [ChainId.ZKEVM]: ['quickswapalgebra', 'quickswapuni'],
diff --git a/src/pages/AnalyticsPage/AnalyticsOverview.tsx b/src/pages/AnalyticsPage/AnalyticsOverview.tsx
index a05e3f81b..53ac0aa7a 100644
--- a/src/pages/AnalyticsPage/AnalyticsOverview.tsx
+++ b/src/pages/AnalyticsPage/AnalyticsOverview.tsx
@@ -19,6 +19,7 @@ import {
   useAnalyticsTopTokens,
 } from 'hooks/useFetchAnalyticsData';
 import { LiquidityHubAnalytics } from 'components';
+import { DRAGON_EGGS_SHOW } from 'constants/index';
 
 dayjs.extend(utc);
 
@@ -92,7 +93,7 @@ const AnalyticsOverview: React.FC = () => {
               right: 0,
             }}
           >
-            <Eggs type={4}></Eggs>
+            {DRAGON_EGGS_SHOW && <Eggs type={4}></Eggs>}
           </Box>
         </Box>
       </Box>
diff --git a/src/pages/DragonPage/DragonPage.tsx b/src/pages/DragonPage/DragonPage.tsx
index 53ad7b837..65865fc89 100755
--- a/src/pages/DragonPage/DragonPage.tsx
+++ b/src/pages/DragonPage/DragonPage.tsx
@@ -13,6 +13,7 @@ import { useNewLairInfo } from 'state/stake/hooks';
 import { ChainId } from '@uniswap/sdk';
 import { useHistory } from 'react-router-dom';
 import { DLDQUICK, DLQUICK } from 'constants/v3/addresses';
+import { DRAGON_EGGS_SHOW } from 'constants/index';
 import DragonsInfo from 'pages/DragonPage/DragonsInfo';
 import APRHover from 'assets/images/aprHover.png';
 import BurnImage from 'assets/images/fire.png';
@@ -228,7 +229,7 @@ const DragonPage: React.FC = () => {
             right: 0,
           }}
         >
-          <Eggs type={1}></Eggs>
+          {DRAGON_EGGS_SHOW && <Eggs type={1}></Eggs>}
         </Box>
       </Grid>
       <Grid container spacing={4} style={{ marginTop: '24px' }}>
diff --git a/src/pages/PoolsPage/v3/MyLiquidityPoolsV3/index.tsx b/src/pages/PoolsPage/v3/MyLiquidityPoolsV3/index.tsx
index 370a43d6a..31b8e65ab 100644
--- a/src/pages/PoolsPage/v3/MyLiquidityPoolsV3/index.tsx
+++ b/src/pages/PoolsPage/v3/MyLiquidityPoolsV3/index.tsx
@@ -4,7 +4,7 @@ import { Box } from '@material-ui/core';
 import { useActiveWeb3React, useV2LiquidityPools } from 'hooks';
 import { useTranslation } from 'react-i18next';
 import { getConfig } from 'config/index';
-import { GlobalConst } from 'constants/index';
+import { GlobalConst, DRAGON_EGGS_SHOW } from 'constants/index';
 import CustomTabSwitch from 'components/v3/CustomTabSwitch';
 import { Eggs } from 'components';
 
@@ -242,7 +242,7 @@ export default function MyLiquidityPoolsV3() {
             top: '-80px',
           }}
         >
-          <Eggs type={3}></Eggs>
+          {DRAGON_EGGS_SHOW && <Eggs type={3}></Eggs>}
         </Box>
 
         {allV2PairsWithLiquidity.length > 0 && isMigrateAvailable && (
diff --git a/src/pages/styles/dragon.scss b/src/pages/styles/dragon.scss
index 2f86d43d8..f9d34cd80 100644
--- a/src/pages/styles/dragon.scss
+++ b/src/pages/styles/dragon.scss
@@ -42,14 +42,15 @@
   left: 0px;
   opacity: 0.3;
   cursor: pointer;
+  background-image: url('../../assets/images/DragonBgNew.png');
 }
 
-.dragonHeader:hover:before{
+.dragonHeader:hover:before {
   opacity: 1;
   animation: fadeOut 1s linear;
 }
 
-@keyframes fadeIn{
+@keyframes fadeIn {
   0% {
     opacity: 0;
   }
@@ -58,7 +59,7 @@
   }
 }
 
-@keyframes fadeOut{
+@keyframes fadeOut {
   100% {
     opacity: 1;
   }