diff --git a/components/BridgeContent/HyperlaneBridge/index.tsx b/components/BridgeContent/HyperlaneBridge/index.tsx
new file mode 100644
index 000000000..ba729f847
--- /dev/null
+++ b/components/BridgeContent/HyperlaneBridge/index.tsx
@@ -0,0 +1,43 @@
+import React, { memo } from 'react';
+import { Box, Button, Typography } from '@mui/material';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { useTranslation } from 'react-i18next';
+
+import { track } from 'utils/mixpanel';
+import { EXA_BRIDGE_URL } from 'utils/const';
+
+const HyperlaneBridge = () => {
+  const { t } = useTranslation();
+
+  return (
+    <Box
+      display="flex"
+      flexDirection={{ xs: 'column', sm: 'row' }}
+      alignItems={{ xs: 'start', sm: 'center' }}
+      justifyContent="space-between"
+      gap={2}
+      p={3}
+      borderRadius={1}
+      bgcolor="components.bg"
+      boxShadow="0px 3px 4px 0px #61666B1A"
+    >
+      <Typography fontSize={16}>
+        {t('Bridge your EXA tokens between OP Mainnet and Base, powered by Hyperlane.')}
+      </Typography>
+      <Button
+        component="a"
+        href={EXA_BRIDGE_URL}
+        target="_blank"
+        rel="noreferrer noopener"
+        variant="contained"
+        endIcon={<OpenInNewIcon sx={{ height: 14, width: 14 }} />}
+        sx={{ whiteSpace: 'nowrap', minWidth: 168 }}
+        onClick={() => track('Button Clicked', { location: 'Bridge', name: 'hyperlane bridge', href: EXA_BRIDGE_URL })}
+      >
+        {t('Bridge EXA')}
+      </Button>
+    </Box>
+  );
+};
+
+export default memo(HyperlaneBridge);
diff --git a/components/BridgeContent/index.tsx b/components/BridgeContent/index.tsx
index 91283720e..2a9376f9b 100644
--- a/components/BridgeContent/index.tsx
+++ b/components/BridgeContent/index.tsx
@@ -6,6 +6,7 @@ import { ActiveRoute } from 'types/Bridge';
 import { useWeb3 } from 'hooks/useWeb3';
 import { fetchActiveRoutes } from './utils';
 import SocketTxHistory from './SocketTxHistory';
+import HyperlaneBridge from './HyperlaneBridge';
 
 const BridgeContent = () => {
   const [activeRoutes, setActiveRoutes] = useState<ActiveRoute[] | undefined>();
@@ -26,6 +27,12 @@ const BridgeContent = () => {
 
   return (
     <Box display="flex" justifyContent="center" flexDirection="column" mx="auto" mt={5} gap={2}>
+      <Box mb={4}>
+        <Typography variant="h2" fontSize={24} mb={2}>
+          {t('EXA Token Bridge')}
+        </Typography>
+        <HyperlaneBridge />
+      </Box>
       <Box>
         <Typography variant="h2" fontSize={24} mb={2}>
           {t('Bridge & Swap')}
diff --git a/i18n/es/translation.json b/i18n/es/translation.json
index b20e5adfd..1566c991d 100644
--- a/i18n/es/translation.json
+++ b/i18n/es/translation.json
@@ -432,6 +432,10 @@
   "Provide liquidity to the EXA/wETH pool.": "Proporciona liquidez al pool EXA/wETH.",
   "Go to Velodrome": "Ir a Velodrome",
   "Bridge & Swap with Socket": "Bridge & Swap con Socket",
+  "Bridge EXA with Hyperlane": "Pase EXA con Hyperlane",
+  "Bridge your EXA tokens between OP Mainnet and Base, powered by Hyperlane.": "Pase sus tokens EXA entre OP Mainnet y Base, impulsado por Hyperlane.",
+  "Bridge EXA": "Pase EXA",
+  "EXA Token Bridge": "EXA Token Bridge",
   "Seamlessly bridge and swap assets to OP Mainnet from many different networks.": "Pase y cambie activos de manera fluida a OP Mainnet desde muchas redes diferentes.",
   "Cross Network": "Multired",
   "Featured Strategies": "Estrategias Destacadas",
diff --git a/pages/strategies.tsx b/pages/strategies.tsx
index 86593766d..6a27533e2 100644
--- a/pages/strategies.tsx
+++ b/pages/strategies.tsx
@@ -23,6 +23,7 @@ import { useWeb3 } from 'hooks/useWeb3';
 import FeaturedStrategies from 'components/strategies/FeaturedStrategies';
 import { useModal } from '../contexts/ModalContext';
 import { track } from 'utils/mixpanel';
+import { EXA_BRIDGE_URL } from 'utils/const';
 
 const Strategies: NextPage = () => {
   const { t } = useTranslation();
@@ -422,6 +423,31 @@ const Strategies: NextPage = () => {
   const thirdPartyStrategies: (Strategy & { chainId?: number })[] = useMemo(
     () =>
       [
+        {
+          chainId: optimism.id,
+          title: t('Bridge EXA with Hyperlane'),
+          description: t('Bridge your EXA tokens between OP Mainnet and Base, powered by Hyperlane.'),
+          tags: [{ text: t('Cross Network') }, { text: t('Basic'), size: 'small' as const }],
+          button: (
+            <a href={EXA_BRIDGE_URL} target="_blank" rel="noreferrer noopener" style={{ width: '100%' }}>
+              <Button
+                fullWidth
+                variant="contained"
+                onClick={() =>
+                  track('Button Clicked', {
+                    location: 'Strategies',
+                    name: 'exa bridge',
+                    isNew: false,
+                    href: EXA_BRIDGE_URL,
+                  })
+                }
+              >
+                {t('Bridge EXA')}
+              </Button>
+            </a>
+          ),
+          imgPath: '/img/strategies/hyperlane-logo.svg',
+        },
         {
           title: t('Bridge & Swap with Socket'),
           description: t('Seamlessly bridge and swap assets to OP Mainnet from many different networks.'),
diff --git a/public/img/strategies/hyperlane-logo.svg b/public/img/strategies/hyperlane-logo.svg
new file mode 100644
index 000000000..1afc14de5
--- /dev/null
+++ b/public/img/strategies/hyperlane-logo.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 -5.5 69 69" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M59.3701 4.27082L68.5129 27.361C68.8364 28.181 68.8364 29.0917 68.5129 29.9117L59.3701 53.0019C58.3465 55.5846 55.8646 57.278 53.0963 57.278H31.7082V54.7326H36.094C40.0821 54.7326 43.6671 52.2883 45.1414 48.566L52.4917 29.9597H36.7888L27.6618 53.0072C26.6383 55.5899 24.1564 57.2833 21.3881 57.2833H0V54.7379H4.35929C8.34734 54.7379 11.9324 52.2936 13.4014 48.5713L20.7782 29.9171C21.1017 29.1023 21.1017 28.1917 20.7782 27.3716L13.4173 8.7227C11.9483 4.99505 8.36325 2.55078 4.36989 2.55078H0V0H21.3881C24.1511 0 26.6383 1.69342 27.6618 4.27615L36.7888 27.3237H52.4917L45.1308 8.71205C43.6618 4.98973 40.0768 2.54545 36.0887 2.54545H31.7082V0H53.0963C55.8593 0 58.3465 1.69342 59.3701 4.27615V4.27082Z" fill="#9A0DFF"/>
+</svg>
diff --git a/utils/const.ts b/utils/const.ts
index 68d63a46e..bf2a2982b 100644
--- a/utils/const.ts
+++ b/utils/const.ts
@@ -7,3 +7,5 @@ export const DEFAULT_AMOUNT = BigInt(numbers.defaultAmount);
 export const ETH_ROUTER_SLIPPAGE = parseUnits(String(numbers.ethRouterSlippage), 18);
 
 export const GAS_LIMIT_MULTIPLIER = parseUnits(String(numbers.gasLimitMultiplier), 18);
+
+export const EXA_BRIDGE_URL = 'https://bridge.exact.ly/';