From 6df743025064ad2860eb998379965a2edd2d42d7 Mon Sep 17 00:00:00 2001
From: jmzwar <james@jmzwar.com>
Date: Wed, 12 Jun 2024 10:55:16 +0700
Subject: [PATCH 1/2] v3 links

---
 src/components/Menu/Menu.tsx     |  4 ++--
 src/sections/home/interfaces.tsx | 37 +++++++++++++++++++++-----------
 src/utils/constants/index.ts     |  1 +
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index 30c6ddec..90292119 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -34,8 +34,8 @@ const data: {
 
 const externalButtons = [
 	{
-		externalLink: 'https://staking.synthetix.io',
-		label: 'Staking App',
+		externalLink: 'https://liquidity.synthetix.eth.limo/',
+		label: 'Liquidity App',
 	},
 ];
 
diff --git a/src/sections/home/interfaces.tsx b/src/sections/home/interfaces.tsx
index 851910fd..79059636 100644
--- a/src/sections/home/interfaces.tsx
+++ b/src/sections/home/interfaces.tsx
@@ -72,7 +72,7 @@ export const Interfaces = () => {
 									lineHeight="20px"
 									color="cyan.500"
 								>
-									Stake on V2
+									Stake SNX
 								</Text>
 							</LinkOverlay>
 							<ArrowDiagonal ml={2} />
@@ -93,17 +93,6 @@ export const Interfaces = () => {
 				>
 					<Flex width="100%" justifyContent="space-between">
 						<Logo small />
-						<Tag bgColor="whiteAlpha.300">
-							<TagLabel
-								color="white"
-								fontSize="12px"
-								lineHeight="16px"
-								fontWeight={500}
-								fontFamily="heading"
-							>
-								COMING SOON
-							</TagLabel>
-						</Tag>
 					</Flex>
 					<Text
 						my="16px"
@@ -123,6 +112,30 @@ export const Interfaces = () => {
 						with greater flexibility over which pools and markets you have
 						exposure to.
 					</Text>
+					<LinkBox mt="16px">
+						<Flex
+							alignItems="center"
+							p="10px 16px"
+							bg="transparent"
+							border="1px"
+							borderColor="cyan.500"
+							borderRadius="4px"
+							width="fit-content"
+						>
+							<LinkOverlay href={links.liquidityApp} target="_blank">
+								<Text
+									fontSize="14px"
+									fontFamily="heading"
+									fontWeight={700}
+									lineHeight="20px"
+									color="cyan.500"
+								>
+									Deposit Liquidity
+								</Text>
+							</LinkOverlay>
+							<ArrowDiagonal ml={2} />
+						</Flex>
+					</LinkBox>
 				</Flex>
 			</Flex>
 		</Box>
diff --git a/src/utils/constants/index.ts b/src/utils/constants/index.ts
index 4ee93be4..05d89d56 100644
--- a/src/utils/constants/index.ts
+++ b/src/utils/constants/index.ts
@@ -2,6 +2,7 @@ export const links = {
 	duneLink: 'https://dune.com/synthetix_community/synthetix-stats',
 	stakingV2: 'https://staking.synthetix.io/',
 	stakingV3: 'https://v3.synthetix.io/',
+	liquidityApp: 'https://liquidity.synthetix.eth.limo/',
 	stakingGuide: 'https://docs.synthetix.io/staking/staking-guide',
 	v3IntegrationGuide: 'https://docs.synthetix.io/v/v3/',
 	governanceApp: 'https://governance.synthetix.io/',

From f670632da86e7e48d06f6ccdfca4e7766716d2ee Mon Sep 17 00:00:00 2001
From: jmzwar <james@jmzwar.com>
Date: Wed, 12 Jun 2024 10:58:29 +0700
Subject: [PATCH 2/2] remove unused

---
 src/sections/home/interfaces.tsx | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/sections/home/interfaces.tsx b/src/sections/home/interfaces.tsx
index 79059636..ab9dff9e 100644
--- a/src/sections/home/interfaces.tsx
+++ b/src/sections/home/interfaces.tsx
@@ -1,12 +1,4 @@
-import {
-	Flex,
-	Text,
-	Box,
-	Tag,
-	TagLabel,
-	LinkBox,
-	LinkOverlay,
-} from '@chakra-ui/react';
+import { Flex, Text, Box, LinkBox, LinkOverlay } from '@chakra-ui/react';
 import { Logo } from 'src/components';
 import { ArrowDiagonal } from 'src/svg';
 import { links } from 'src/utils/constants';