From 47195e2d326650a1fc11960077bd4861bdfcf418 Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Thu, 5 Dec 2024 14:17:44 +0500
Subject: [PATCH 01/11] fix(twap): fix orders fetching (#5157)

---
 apps/cowswap-frontend/src/api/cowProtocol/hooks.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/cowswap-frontend/src/api/cowProtocol/hooks.ts b/apps/cowswap-frontend/src/api/cowProtocol/hooks.ts
index 019cdec863..7b18ca43c3 100644
--- a/apps/cowswap-frontend/src/api/cowProtocol/hooks.ts
+++ b/apps/cowswap-frontend/src/api/cowProtocol/hooks.ts
@@ -8,6 +8,8 @@ import { useSWROrdersRequest } from 'modules/orders/hooks/useSWROrdersRequest'
 
 import { getOrders } from './api'
 
+const emptyOrders: EnrichedOrder[] = []
+
 export function useOrdersFromOrderBook(): EnrichedOrder[] {
   const { chainId } = useWalletInfo()
 
@@ -17,8 +19,8 @@ export function useOrdersFromOrderBook(): EnrichedOrder[] {
   const { data: currentEnvOrders } = useSWR(
     requestParams && chainId ? ['orders', requestParams, chainId] : null,
     ([, params, _chainId]) => getOrders(params, { chainId: _chainId }),
-    { refreshInterval: ORDER_BOOK_API_UPDATE_INTERVAL }
+    { refreshInterval: ORDER_BOOK_API_UPDATE_INTERVAL, fallbackData: emptyOrders },
   )
 
-  return currentEnvOrders || []
+  return currentEnvOrders
 }

From d186042fc75c79ccd95defe30f6b5e0d17792f17 Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Thu, 5 Dec 2024 14:17:54 +0500
Subject: [PATCH 02/11] fix: update safe fee tooltip label (#5158)

---
 .../containers/TradeRateDetails/index.tsx     |  3 --
 .../TradeBasicConfirmDetails/index.tsx        |  3 --
 .../containers/TradeFeesAndCosts/index.tsx    |  8 ++----
 .../trade/pure/PartnerFeeRow/index.tsx        | 12 ++++----
 .../containers/TradeRateDetails/index.tsx     |  3 --
 .../volumeFee/hooks/useVolumeFeeTooltip.ts    | 28 +++++++++++++++----
 .../src/modules/volumeFee/index.ts            |  1 +
 7 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/apps/cowswap-frontend/src/modules/limitOrders/containers/TradeRateDetails/index.tsx b/apps/cowswap-frontend/src/modules/limitOrders/containers/TradeRateDetails/index.tsx
index 1508275f31..8817f5a27a 100644
--- a/apps/cowswap-frontend/src/modules/limitOrders/containers/TradeRateDetails/index.tsx
+++ b/apps/cowswap-frontend/src/modules/limitOrders/containers/TradeRateDetails/index.tsx
@@ -1,6 +1,5 @@
 import React, { useState, useCallback } from 'react'
 
-import { useInjectedWidgetParams } from 'modules/injectedWidget'
 import { TradeTotalCostsDetails, PartnerFeeRow } from 'modules/trade'
 import { useUsdAmount } from 'modules/usdAmount'
 import { useVolumeFee, useVolumeFeeTooltip } from 'modules/volumeFee'
@@ -15,7 +14,6 @@ interface TradeRateDetailsProps {
 
 export function TradeRateDetails({ rateInfoParams }: TradeRateDetailsProps) {
   const [isFeeDetailsOpen, setFeeDetailsOpen] = useState(false)
-  const widgetParams = useInjectedWidgetParams()
   const volumeFee = useVolumeFee()
   const partnerFeeAmount = useLimitOrderPartnerFeeAmount()
   const volumeFeeTooltip = useVolumeFeeTooltip()
@@ -33,7 +31,6 @@ export function TradeRateDetails({ rateInfoParams }: TradeRateDetailsProps) {
       partnerFeeUsd={partnerFeeUsd}
       partnerFeeAmount={partnerFeeAmount}
       partnerFeeBps={partnerFeeBps}
-      widgetContent={widgetParams.content}
       volumeFeeTooltip={volumeFeeTooltip}
     />
   )
diff --git a/apps/cowswap-frontend/src/modules/trade/containers/TradeBasicConfirmDetails/index.tsx b/apps/cowswap-frontend/src/modules/trade/containers/TradeBasicConfirmDetails/index.tsx
index d636ab137b..adbbfb6a31 100644
--- a/apps/cowswap-frontend/src/modules/trade/containers/TradeBasicConfirmDetails/index.tsx
+++ b/apps/cowswap-frontend/src/modules/trade/containers/TradeBasicConfirmDetails/index.tsx
@@ -6,7 +6,6 @@ import { Percent, Price } from '@uniswap/sdk-core'
 
 import { Nullish } from 'types'
 
-import { useInjectedWidgetParams } from 'modules/injectedWidget'
 import { useUsdAmount } from 'modules/usdAmount'
 import { useVolumeFeeTooltip } from 'modules/volumeFee'
 
@@ -64,7 +63,6 @@ export function TradeBasicConfirmDetails(props: Props) {
     account,
   } = props
   const isInvertedState = useState(false)
-  const widgetParams = useInjectedWidgetParams()
   const volumeFeeTooltip = useVolumeFeeTooltip()
   const { amountAfterFees, amountAfterSlippage } = getOrderTypeReceiveAmounts(receiveAmountInfo)
   const { networkCostsSuffix, networkCostsTooltipSuffix } = labelsAndTooltips || {}
@@ -106,7 +104,6 @@ export function TradeBasicConfirmDetails(props: Props) {
 
       <TradeFeesAndCosts
         receiveAmountInfo={receiveAmountInfo}
-        widgetParams={widgetParams}
         withTimelineDot={withTimelineDot}
         alwaysRow={alwaysRow}
         networkCostsSuffix={networkCostsSuffix}
diff --git a/apps/cowswap-frontend/src/modules/trade/containers/TradeFeesAndCosts/index.tsx b/apps/cowswap-frontend/src/modules/trade/containers/TradeFeesAndCosts/index.tsx
index 39b5d085e3..34d252acc9 100644
--- a/apps/cowswap-frontend/src/modules/trade/containers/TradeFeesAndCosts/index.tsx
+++ b/apps/cowswap-frontend/src/modules/trade/containers/TradeFeesAndCosts/index.tsx
@@ -1,8 +1,7 @@
 import { ReactNode } from 'react'
 
-import { CowSwapWidgetAppParams } from '@cowprotocol/widget-lib'
-
 import { useUsdAmount } from 'modules/usdAmount'
+import { VolumeFeeTooltip } from 'modules/volumeFee'
 
 import { NetworkCostsRow } from '../../pure/NetworkCostsRow'
 import { PartnerFeeRow } from '../../pure/PartnerFeeRow'
@@ -11,18 +10,16 @@ import { getOrderTypeReceiveAmounts } from '../../utils/getReceiveAmountInfo'
 
 interface TradeFeesAndCostsProps {
   receiveAmountInfo: ReceiveAmountInfo | null
-  widgetParams: Partial<CowSwapWidgetAppParams>
   networkCostsSuffix?: ReactNode
   networkCostsTooltipSuffix?: ReactNode
   withTimelineDot?: boolean
   alwaysRow?: boolean
-  volumeFeeTooltip?: string
+  volumeFeeTooltip: VolumeFeeTooltip
 }
 
 export function TradeFeesAndCosts(props: TradeFeesAndCostsProps) {
   const {
     receiveAmountInfo,
-    widgetParams,
     networkCostsSuffix,
     networkCostsTooltipSuffix,
     withTimelineDot = true,
@@ -47,7 +44,6 @@ export function TradeFeesAndCosts(props: TradeFeesAndCostsProps) {
         partnerFeeUsd={partnerFeeUsd}
         partnerFeeAmount={partnerFeeAmount}
         partnerFeeBps={partnerFeeBps}
-        widgetContent={widgetParams.content}
         volumeFeeTooltip={volumeFeeTooltip}
       />
 
diff --git a/apps/cowswap-frontend/src/modules/trade/pure/PartnerFeeRow/index.tsx b/apps/cowswap-frontend/src/modules/trade/pure/PartnerFeeRow/index.tsx
index fa693754c9..00f06173dd 100644
--- a/apps/cowswap-frontend/src/modules/trade/pure/PartnerFeeRow/index.tsx
+++ b/apps/cowswap-frontend/src/modules/trade/pure/PartnerFeeRow/index.tsx
@@ -1,10 +1,10 @@
 import { bpsToPercent, formatPercent, FractionUtils } from '@cowprotocol/common-utils'
-import { CowSwapWidgetContent } from '@cowprotocol/widget-lib'
 import { Currency, CurrencyAmount } from '@uniswap/sdk-core'
 
 import { Nullish } from 'types'
 
 import { WidgetMarkdownContent } from 'modules/injectedWidget'
+import { VolumeFeeTooltip } from 'modules/volumeFee'
 
 import * as styledEl from '../../containers/TradeBasicConfirmDetails/styled'
 import { ReviewOrderModalAmountRow } from '../ReviewOrderModalAmountRow'
@@ -15,8 +15,7 @@ interface PartnerFeeRowProps {
   partnerFeeBps: number | undefined
   withTimelineDot: boolean
   alwaysRow?: boolean
-  widgetContent?: CowSwapWidgetContent
-  volumeFeeTooltip?: string
+  volumeFeeTooltip: VolumeFeeTooltip
 }
 
 export function PartnerFeeRow({
@@ -25,7 +24,6 @@ export function PartnerFeeRow({
   partnerFeeBps,
   withTimelineDot,
   alwaysRow,
-  widgetContent,
   volumeFeeTooltip,
 }: PartnerFeeRowProps) {
   const feeAsPercent = partnerFeeBps ? formatPercent(bpsToPercent(partnerFeeBps)) : null
@@ -40,8 +38,8 @@ export function PartnerFeeRow({
           fiatAmount={partnerFeeUsd}
           alwaysRow={alwaysRow}
           tooltip={
-            volumeFeeTooltip ? (
-              <WidgetMarkdownContent>{volumeFeeTooltip}</WidgetMarkdownContent>
+            volumeFeeTooltip.content ? (
+              <WidgetMarkdownContent>{volumeFeeTooltip.content}</WidgetMarkdownContent>
             ) : (
               <>
                 This fee helps pay for maintenance & improvements to the trade experience.
@@ -51,7 +49,7 @@ export function PartnerFeeRow({
               </>
             )
           }
-          label={`${widgetContent?.feeLabel || 'Total fee'} (${feeAsPercent}%)`}
+          label={`${volumeFeeTooltip.label} (${feeAsPercent}%)`}
         />
       ) : (
         <ReviewOrderModalAmountRow
diff --git a/apps/cowswap-frontend/src/modules/tradeWidgetAddons/containers/TradeRateDetails/index.tsx b/apps/cowswap-frontend/src/modules/tradeWidgetAddons/containers/TradeRateDetails/index.tsx
index 3a762202ef..3cb1826050 100644
--- a/apps/cowswap-frontend/src/modules/tradeWidgetAddons/containers/TradeRateDetails/index.tsx
+++ b/apps/cowswap-frontend/src/modules/tradeWidgetAddons/containers/TradeRateDetails/index.tsx
@@ -2,7 +2,6 @@ import React, { useMemo, useState, useCallback, ReactElement } from 'react'
 
 import { CurrencyAmount } from '@uniswap/sdk-core'
 
-import { useInjectedWidgetParams } from 'modules/injectedWidget'
 import {
   getTotalCosts,
   TradeFeesAndCosts,
@@ -50,7 +49,6 @@ export function TradeRateDetails({ rateInfoParams, deadline, isTradePriceUpdatin
     return CurrencyAmount.fromRawAmount(inputCurrency, costsExceedFeeRaw)
   }, [costsExceedFeeRaw, inputCurrency])
 
-  const widgetParams = useInjectedWidgetParams()
   const volumeFeeTooltip = useVolumeFeeTooltip()
   const networkFeeAmountUsd = useUsdAmount(networkFeeAmount).value
 
@@ -86,7 +84,6 @@ export function TradeRateDetails({ rateInfoParams, deadline, isTradePriceUpdatin
     >
       <TradeFeesAndCosts
         receiveAmountInfo={receiveAmountInfo}
-        widgetParams={widgetParams}
         withTimelineDot={false}
         networkCostsSuffix={shouldPayGas ? <NetworkCostsSuffix /> : null}
         networkCostsTooltipSuffix={<NetworkCostsTooltipSuffix />}
diff --git a/apps/cowswap-frontend/src/modules/volumeFee/hooks/useVolumeFeeTooltip.ts b/apps/cowswap-frontend/src/modules/volumeFee/hooks/useVolumeFeeTooltip.ts
index 750b3aa0b2..301567b23c 100644
--- a/apps/cowswap-frontend/src/modules/volumeFee/hooks/useVolumeFeeTooltip.ts
+++ b/apps/cowswap-frontend/src/modules/volumeFee/hooks/useVolumeFeeTooltip.ts
@@ -1,16 +1,34 @@
 import { useAtomValue } from 'jotai'
+import { useMemo } from 'react'
+
+import { useInjectedWidgetParams } from 'modules/injectedWidget'
 
-import { useInjectedWidgetParams } from '../../injectedWidget'
 import { safeAppFeeAtom } from '../state/safeAppFeeAtom'
 
-const SAFE_FEE_TOOLTIP =
+const SAFE_FEE_TOOLTIP_CONTENT =
   'The Safe App License Fee incurred here is charged by the Safe Foundation for the display of the app within their Safe Store. The fee is automatically calculated in this quote. Part of the fees will contribute to the CoW DAO treasury that supports the CoW Community.'
+const SAFE_FEE_LABEL = 'Safe App License Fee'
+
+const SAFE_TOOLTIP = {
+  content: SAFE_FEE_TOOLTIP_CONTENT,
+  label: SAFE_FEE_LABEL,
+}
+
+export interface VolumeFeeTooltip {
+  content: string | undefined
+  label: string
+}
 
-export function useVolumeFeeTooltip() {
+export function useVolumeFeeTooltip(): VolumeFeeTooltip {
   const safeAppFee = useAtomValue(safeAppFeeAtom)
   const widgetParams = useInjectedWidgetParams()
 
-  if (safeAppFee) return SAFE_FEE_TOOLTIP
+  return useMemo(() => {
+    if (safeAppFee) return SAFE_TOOLTIP
 
-  return widgetParams.content?.feeTooltipMarkdown
+    return {
+      content: widgetParams.content?.feeTooltipMarkdown,
+      label: widgetParams.content?.feeLabel || 'Total fee',
+    }
+  }, [safeAppFee, widgetParams])
 }
diff --git a/apps/cowswap-frontend/src/modules/volumeFee/index.ts b/apps/cowswap-frontend/src/modules/volumeFee/index.ts
index 6264d784eb..5032efb982 100644
--- a/apps/cowswap-frontend/src/modules/volumeFee/index.ts
+++ b/apps/cowswap-frontend/src/modules/volumeFee/index.ts
@@ -1,4 +1,5 @@
 export { useVolumeFee } from './hooks/useVolumeFee'
 export { useVolumeFeeTooltip } from './hooks/useVolumeFeeTooltip'
+export type { VolumeFeeTooltip } from './hooks/useVolumeFeeTooltip'
 export { volumeFeeAtom } from './state/volumeFeeAtom'
 export * from './types'

From 4b9331cbfab92fc113043c4e204e280b55d09f62 Mon Sep 17 00:00:00 2001
From: Pedro Yves Fracari <55461956+yvesfracari@users.noreply.github.com>
Date: Thu, 5 Dec 2024 06:20:31 -0300
Subject: [PATCH 03/11] feat(hook-store): add cow amm deposit hook dapp (#5069)

* feat: add cow amm deposit hook dapp

* chore: remove hook dapp id
---
 libs/hook-dapp-lib/src/hookDappsRegistry.json | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/libs/hook-dapp-lib/src/hookDappsRegistry.json b/libs/hook-dapp-lib/src/hookDappsRegistry.json
index 9583278172..4ce8c5e3e2 100644
--- a/libs/hook-dapp-lib/src/hookDappsRegistry.json
+++ b/libs/hook-dapp-lib/src/hookDappsRegistry.json
@@ -91,5 +91,20 @@
       "smartContractWalletSupported": false,
       "supportedNetworks": [1, 100, 42161]
     }
+  },
+  "COW_AMM_DEPOSIT": {
+    "name": "CoW AMM Deposit",
+    "type": "IFRAME",
+    "descriptionShort": "Add liquidity to any of the CoW AMM pools",
+    "description": "Easily increase your position in a liquidity pool, adding both tokens in the right ratio.\n\n Whether you're seeking to increase your exposure to specific tokens or maximize the returns from your assets, this tool offers a quick and efficient way to enhance your liquidity position after a token swap, all in a smooth, efficient process.",
+    "version": "0.0.1",
+    "website": "https://balancer.fi/pools/cow",
+    "image": "https://cow-hooks-dapps-cow-amm-deposit.vercel.app/icon.png",
+    "url": "https://cow-hooks-dapps-cow-amm-deposit.vercel.app/",
+    "conditions": {
+      "position": "post",
+      "walletCompatibility": ["EOA"],
+      "smartContractWalletSupported": false
+    }
   }
 }

From fa7a5f551be89737a72ad5e6392e744ad44aa03c Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Thu, 5 Dec 2024 14:47:53 +0500
Subject: [PATCH 04/11] chore: release main (#5160)

---
 .release-please-manifest.json      | 2 +-
 apps/cowswap-frontend/CHANGELOG.md | 8 ++++++++
 apps/cowswap-frontend/package.json | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index 342a031dae..5f56638580 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -1,5 +1,5 @@
 {
-  "apps/cowswap-frontend": "1.92.0",
+  "apps/cowswap-frontend": "1.92.1",
   "apps/explorer": "2.38.0",
   "libs/permit-utils": "0.5.0",
   "libs/widget-lib": "0.18.0",
diff --git a/apps/cowswap-frontend/CHANGELOG.md b/apps/cowswap-frontend/CHANGELOG.md
index b781be6a27..caca590e19 100644
--- a/apps/cowswap-frontend/CHANGELOG.md
+++ b/apps/cowswap-frontend/CHANGELOG.md
@@ -1,5 +1,13 @@
 # Changelog
 
+## [1.92.1](https://github.com/cowprotocol/cowswap/compare/cowswap-v1.92.0...cowswap-v1.92.1) (2024-12-05)
+
+
+### Bug Fixes
+
+* **twap:** fix orders fetching ([#5157](https://github.com/cowprotocol/cowswap/issues/5157)) ([47195e2](https://github.com/cowprotocol/cowswap/commit/47195e2d326650a1fc11960077bd4861bdfcf418))
+* update safe fee tooltip label ([#5158](https://github.com/cowprotocol/cowswap/issues/5158)) ([d186042](https://github.com/cowprotocol/cowswap/commit/d186042fc75c79ccd95defe30f6b5e0d17792f17))
+
 ## [1.92.0](https://github.com/cowprotocol/cowswap/compare/cowswap-v1.91.0...cowswap-v1.92.0) (2024-12-04)
 
 
diff --git a/apps/cowswap-frontend/package.json b/apps/cowswap-frontend/package.json
index 69689bc88b..78f7046c8e 100644
--- a/apps/cowswap-frontend/package.json
+++ b/apps/cowswap-frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cowprotocol/cowswap",
-  "version": "1.92.0",
+  "version": "1.92.1",
   "description": "CoW Swap",
   "main": "index.js",
   "author": "",

From cefdb55475f4989d745857fc9f8f2cfa77be5243 Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Thu, 5 Dec 2024 18:14:55 +0500
Subject: [PATCH 05/11] fix: add safe apps fee in Base network (#5161)

---
 .../src/modules/volumeFee/state/safeAppFeeAtom.ts   | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/cowswap-frontend/src/modules/volumeFee/state/safeAppFeeAtom.ts b/apps/cowswap-frontend/src/modules/volumeFee/state/safeAppFeeAtom.ts
index 49cde96315..44ac4b1350 100644
--- a/apps/cowswap-frontend/src/modules/volumeFee/state/safeAppFeeAtom.ts
+++ b/apps/cowswap-frontend/src/modules/volumeFee/state/safeAppFeeAtom.ts
@@ -1,12 +1,14 @@
 import { atom } from 'jotai'
 
 import { STABLECOINS } from '@cowprotocol/common-const'
-import { getCurrencyAddress } from '@cowprotocol/common-utils'
-import { OrderKind, SupportedChainId } from '@cowprotocol/cow-sdk'
+import { getCurrencyAddress, isInjectedWidget } from '@cowprotocol/common-utils'
+import { OrderKind } from '@cowprotocol/cow-sdk'
 import { walletDetailsAtom, walletInfoAtom } from '@cowprotocol/wallet'
 
-import { featureFlagsAtom } from '../../../common/state/featureFlagsState'
-import { derivedTradeStateAtom } from '../../trade'
+import { derivedTradeStateAtom } from 'modules/trade'
+
+import { featureFlagsAtom } from 'common/state/featureFlagsState'
+
 import { VolumeFee } from '../types'
 
 const SAFE_FEE_RECIPIENT = '0x63695Eee2c3141BDE314C5a6f89B98E62808d716'
@@ -39,9 +41,8 @@ export const safeAppFeeAtom = atom<VolumeFee | null>((get) => {
   const { isSafeAppFeeEnabled } = get(featureFlagsAtom)
   const { inputCurrency, outputCurrency, inputCurrencyFiatAmount, outputCurrencyFiatAmount, orderKind } =
     get(derivedTradeStateAtom) || {}
-  const isBaseNetwork = chainId === SupportedChainId.BASE
 
-  if (!isSafeApp || !isSafeAppFeeEnabled || isBaseNetwork) return null
+  if (!isSafeApp || !isSafeAppFeeEnabled || isInjectedWidget()) return null
 
   const fiatCurrencyValue = orderKind === OrderKind.SELL ? inputCurrencyFiatAmount : outputCurrencyFiatAmount
   const fiatAmount = fiatCurrencyValue ? +fiatCurrencyValue.toExact() : null

From 8f1b3f999581f341f81f63fa01027168e77fde46 Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Thu, 5 Dec 2024 18:20:03 +0500
Subject: [PATCH 06/11] chore: release main (#5162)

---
 .release-please-manifest.json      | 2 +-
 apps/cowswap-frontend/CHANGELOG.md | 7 +++++++
 apps/cowswap-frontend/package.json | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index 5f56638580..1c12e6f659 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -1,5 +1,5 @@
 {
-  "apps/cowswap-frontend": "1.92.1",
+  "apps/cowswap-frontend": "1.92.2",
   "apps/explorer": "2.38.0",
   "libs/permit-utils": "0.5.0",
   "libs/widget-lib": "0.18.0",
diff --git a/apps/cowswap-frontend/CHANGELOG.md b/apps/cowswap-frontend/CHANGELOG.md
index caca590e19..da733284ed 100644
--- a/apps/cowswap-frontend/CHANGELOG.md
+++ b/apps/cowswap-frontend/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.92.2](https://github.com/cowprotocol/cowswap/compare/cowswap-v1.92.1...cowswap-v1.92.2) (2024-12-05)
+
+
+### Bug Fixes
+
+* add safe apps fee in Base network ([#5161](https://github.com/cowprotocol/cowswap/issues/5161)) ([cefdb55](https://github.com/cowprotocol/cowswap/commit/cefdb55475f4989d745857fc9f8f2cfa77be5243))
+
 ## [1.92.1](https://github.com/cowprotocol/cowswap/compare/cowswap-v1.92.0...cowswap-v1.92.1) (2024-12-05)
 
 
diff --git a/apps/cowswap-frontend/package.json b/apps/cowswap-frontend/package.json
index 78f7046c8e..e854f7cc48 100644
--- a/apps/cowswap-frontend/package.json
+++ b/apps/cowswap-frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cowprotocol/cowswap",
-  "version": "1.92.1",
+  "version": "1.92.2",
   "description": "CoW Swap",
   "main": "index.js",
   "author": "",

From 1181cbcfeb460eb659938746cf9dad522622dab4 Mon Sep 17 00:00:00 2001
From: Anxo Rodriguez <anxolin@gmail.com>
Date: Thu, 5 Dec 2024 13:40:51 +0000
Subject: [PATCH 07/11] feat: handle errors for decoding conditional orders
 (#5152)

---
 apps/sdk-tools/src/SdkTools.tsx | 93 +++++++++++++++++++++++++++++++--
 1 file changed, 89 insertions(+), 4 deletions(-)

diff --git a/apps/sdk-tools/src/SdkTools.tsx b/apps/sdk-tools/src/SdkTools.tsx
index d7592e363e..1f67c9e240 100644
--- a/apps/sdk-tools/src/SdkTools.tsx
+++ b/apps/sdk-tools/src/SdkTools.tsx
@@ -122,6 +122,29 @@ const Value = styled.span`
   color: #666;
 `
 
+const ErrorContainer = styled.div`
+  margin-top: 20px;
+  padding: 20px;
+  border: 1px solid #f00;
+  border-radius: 4px;
+  background-color: #fee;
+  width: 100%;
+`
+
+const ErrorTitle = styled.h3`
+  margin-bottom: 10px;
+  color: #f00;
+`
+
+const ErrorText = styled.div`
+  color: #f00;
+  word-break: break-all;
+`
+
+const ButtonContainer = styled.div`
+  margin-top: 20px;
+`
+
 function IsValid({ isValid }: { isValid: IsValidResult }) {
   if (isValid.isValid) {
     return <span style={{ color: 'green' }}>true</span>
@@ -141,16 +164,68 @@ export function SdkTools() {
     '0x000000000000000000000000cb444e90d8198415266c6a2724b7900fb12fc56e000000000000000000000000a0f8904ec48a2775b8a88b40e9c171f05f7d767300000000000000000000000042cedde51198d1773590311e2a340dc06b24cb370000000000000000000000000000000000000000000000004563918244f400000000000000000000000000000000000000000000000000006f30c3f95f913d84000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000140000000000000000000000000000000000000000000000000000000000057e400000000000000000000000000000000000000000000000000000000000000000b051c2da471b8bc8b993fd373b5e6ae8b9aaea1b7a781f0fd41f7f2af7c0bda1',
   )
   const [conditionalOrder, setConditionalOrder] = React.useState<ConditionalOrder<unknown, unknown> | undefined>()
+  const [error, setError] = React.useState<React.ReactNode | undefined>()
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
+    setError(undefined)
+    setConditionalOrder(undefined)
+
     console.log('Handler:', handler)
     console.log('Salt:', salt)
     console.log('Static Input:', staticInput)
 
-    const conditionalOrder = ordersFactory.fromParams({ handler, salt, staticInput })
-    setConditionalOrder(conditionalOrder)
-    console.log('Conditional Order:', conditionalOrder)
+    try {
+      const conditionalOrder = ordersFactory.fromParams({ handler, salt, staticInput })
+
+      if (conditionalOrder) {
+        console.log('Conditional Order:', conditionalOrder)
+        setConditionalOrder(conditionalOrder)
+      } else {
+        setError(
+          <>
+            <p>
+              The SDK don't know how to handle this order. Please check the supported programmatic orders in the{' '}
+              <a
+                href="https://github.com/cowprotocol/cow-sdk/blob/main/src/composable/orderTypes/index.ts#L5"
+                target="_blank"
+                rel="noreferrer"
+              >
+                Conditional Order Registry
+              </a>
+              .
+            </p>{' '}
+            <p>
+              If the SDK should know how to handle it, please{' '}
+              <a
+                href="https://github.com/cowprotocol/cow-sdk/tree/main/src/composable/orderTypes"
+                target="_blank"
+                rel="noreferrer"
+              >
+                consider adding it yourself
+              </a>
+              .
+            </p>
+            <p>
+              If the SDK don't support the order, it doesn't mean that is not handled by{' '}
+              <a href="https://github.com/cowprotocol/watch-tower" target="_blank" rel="noreferrer">
+                watch-tower
+              </a>
+              , but it means that the processing of the order might be more inefficient, and the logs will be harder to
+              debug.
+            </p>
+          </>,
+        )
+      }
+    } catch (e) {
+      console.error(e)
+      setError(
+        <>
+          <p>Error decoding the conditional order parameters</p>
+          {e.message && <p>{e.message}</p>}
+        </>,
+      )
+    }
   }
 
   return (
@@ -172,7 +247,17 @@ export function SdkTools() {
           Static Input:
           <Textarea value={staticInput} onChange={(e) => setStaticInput(e.target.value)} />
         </Label>
-        <Button type="submit">Submit</Button>
+
+        {error && (
+          <ErrorContainer>
+            <ErrorTitle>Error:</ErrorTitle>
+            <ErrorText>{error}</ErrorText>
+          </ErrorContainer>
+        )}
+
+        <ButtonContainer>
+          <Button type="submit">Submit</Button>
+        </ButtonContainer>
       </Form>
 
       {conditionalOrder && (

From 39c94cca11db8a97d9add3ac05c1623755ecd2b3 Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Mon, 9 Dec 2024 15:59:12 +0500
Subject: [PATCH 08/11] feat(cow-fi): cache data and pages (#5169)

---
 apps/cow-fi/const/meta.ts             |  2 +-
 apps/cow-fi/next.config.js            | 15 ++++++++
 apps/cow-fi/pages/_app.tsx            | 21 ++++++-----
 apps/cow-fi/services/ashByHq/index.ts |  3 +-
 apps/cow-fi/services/cms/index.ts     | 53 +++++----------------------
 apps/cow-fi/services/cow/index.tsx    | 17 ++++++---
 apps/cow-fi/services/dune/index.tsx   |  6 ++-
 apps/cow-fi/services/tokens/index.ts  |  6 ++-
 package.json                          |  2 +-
 yarn.lock                             | 24 +++++-------
 10 files changed, 69 insertions(+), 80 deletions(-)

diff --git a/apps/cow-fi/const/meta.ts b/apps/cow-fi/const/meta.ts
index b30ac93756..dc2f8b528e 100644
--- a/apps/cow-fi/const/meta.ts
+++ b/apps/cow-fi/const/meta.ts
@@ -3,7 +3,7 @@ import { TokenInfo } from 'types'
 const API_BASE_URL = 'https://api.cow.fi'
 export const IMAGE_PATH = 'images/'
 
-export const DATA_CACHE_TIME_SECONDS = 5 * 60 // Cache 5min
+export const DATA_CACHE_TIME_SECONDS = 60 * 60 // Cache 1 hour
 
 export const CONFIG = {
   title: 'CoW DAO',
diff --git a/apps/cow-fi/next.config.js b/apps/cow-fi/next.config.js
index eea085aaa7..914f6503b2 100644
--- a/apps/cow-fi/next.config.js
+++ b/apps/cow-fi/next.config.js
@@ -1,6 +1,7 @@
 const { composePlugins, withNx } = require('@nx/next')
 
 const nextConfig = {
+  reactStrictMode: true,
   nx: {
     svgr: false,
   },
@@ -91,6 +92,20 @@ const nextConfig = {
   images: {
     domains: ['celebrated-gift-f83e5c9419.media.strapiapp.com'],
   },
+  async headers() {
+    return [
+      // Cache all pages for 60 seconds
+      {
+        source: '/:path*',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, s-maxage=60, stale-while-revalidate=600',
+          },
+        ],
+      },
+    ]
+  },
 }
 
 const plugins = [withNx]
diff --git a/apps/cow-fi/pages/_app.tsx b/apps/cow-fi/pages/_app.tsx
index 49bbe0b0dd..9aedb90832 100644
--- a/apps/cow-fi/pages/_app.tsx
+++ b/apps/cow-fi/pages/_app.tsx
@@ -10,6 +10,7 @@ import { WithLDProvider } from '@/components/WithLDProvider'
 import { ThemeProvider } from '../theme'
 import { CowAnalyticsProvider } from '@cowprotocol/analytics'
 import { cowAnalytics } from 'modules/analytics'
+import CacheProvider from 'react-inlinesvg/provider'
 
 export default function App(props: AppProps) {
   const { Component, pageProps } = props
@@ -54,15 +55,17 @@ export default function App(props: AppProps) {
       </Head>
 
       <GlobalStyles />
-      <ApolloProvider client={apolloClient}>
-        <WithLDProvider>
-          <ThemeProvider>
-            <CowAnalyticsProvider cowAnalytics={cowAnalytics}>
-              <Component {...pageProps} />
-            </CowAnalyticsProvider>
-          </ThemeProvider>
-        </WithLDProvider>
-      </ApolloProvider>
+      <CacheProvider>
+        <ApolloProvider client={apolloClient}>
+          <WithLDProvider>
+            <ThemeProvider>
+              <CowAnalyticsProvider cowAnalytics={cowAnalytics}>
+                <Component {...pageProps} />
+              </CowAnalyticsProvider>
+            </ThemeProvider>
+          </WithLDProvider>
+        </ApolloProvider>
+      </CacheProvider>
     </>
   )
 }
diff --git a/apps/cow-fi/services/ashByHq/index.ts b/apps/cow-fi/services/ashByHq/index.ts
index 140aae86fa..d5136e698a 100644
--- a/apps/cow-fi/services/ashByHq/index.ts
+++ b/apps/cow-fi/services/ashByHq/index.ts
@@ -1,4 +1,4 @@
-import { CONFIG } from '@/const/meta'
+import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 
 interface AshbyResponse {
   data: {
@@ -25,6 +25,7 @@ export async function getJobs() {
   try {
     console.log('Fetching data from Ashby HQ API...')
     const response = await fetch(ashbyHqApi, {
+      next: { revalidate: DATA_CACHE_TIME_SECONDS },
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
diff --git a/apps/cow-fi/services/cms/index.ts b/apps/cow-fi/services/cms/index.ts
index d1a1bb6c24..ef79552118 100644
--- a/apps/cow-fi/services/cms/index.ts
+++ b/apps/cow-fi/services/cms/index.ts
@@ -1,9 +1,10 @@
-import { CmsClient, components } from '@cowprotocol/cms'
+import { components } from '@cowprotocol/cms'
 import { PaginationParam } from 'types'
 import qs from 'qs'
 
 import { toQueryParams } from 'util/queryParams'
 import { getCmsClient } from '@cowprotocol/core'
+import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 
 const PAGE_SIZE = 50
 
@@ -22,56 +23,17 @@ export type ArticleListResponse = {
   }
 }
 
-export type SharedMediaComponent = Schemas['SharedMediaComponent']
-export type SharedQuoteComponent = Schemas['SharedQuoteComponent']
 export type SharedRichTextComponent = Schemas['SharedRichTextComponent']
-export type SharedSliderComponent = Schemas['SharedSliderComponent']
-export type SharedVideoEmbedComponent = Schemas['SharedVideoEmbedComponent']
 export type Category = Schemas['CategoryListResponseDataItem']
-export type ArticleCover = Schemas['Article']['cover']
-export type ArticleBlocks = Schemas['Article']['blocks']
-
-export type ArticleBlock =
-  | SharedMediaComponent
-  | SharedQuoteComponent
-  | SharedRichTextComponent
-  | SharedSliderComponent
-  | SharedVideoEmbedComponent
-
-export function isSharedMediaComponent(component: ArticleBlock): component is SharedMediaComponent {
-  return component.__component === 'SharedMediaComponent'
-}
-
-export function isSharedQuoteComponent(component: ArticleBlock): component is SharedQuoteComponent {
-  return component.__component === 'SharedQuoteComponent'
-}
-
-export function isSharedRichTextComponent(component: ArticleBlock): component is SharedRichTextComponent {
-  return component.__component === 'shared.rich-text'
-}
-
-export function isSharedSliderComponent(component: ArticleBlock): component is SharedMediaComponent {
-  return component.__component === 'SharedSliderComponent'
-}
-
-export function isSharedVideoEmbedComponent(component: ArticleBlock): component is SharedVideoEmbedComponent {
-  return component.__component === 'SharedVideoEmbedComponent'
-}
 
 /**
  * Open API Fetch client. See docs for usage https://openapi-ts.pages.dev/openapi-fetch/
  */
 export const client = getCmsClient()
 
-/**
- * Returns the article slugs for the given page.
- *
- * @param params pagination params
- * @returns Slugs
- */
-async function getArticlesSlugs(params: PaginationParam = {}): Promise<string[]> {
-  const articlesResponse = await getArticles(params)
-  return articlesResponse.data.map((article: Article) => article.attributes!.slug!)
+const clientAddons = {
+  // https://github.com/openapi-ts/openapi-typescript/issues/1569#issuecomment-1982247959
+  fetch: (request: unknown) => fetch(request as Request, { next: { revalidate: DATA_CACHE_TIME_SECONDS } }),
 }
 
 /**
@@ -92,6 +54,7 @@ export async function getAllArticleSlugs(): Promise<string[]> {
       },
     },
     querySerializer,
+    ...clientAddons,
   })
 
   if (error) {
@@ -119,6 +82,7 @@ export async function getCategories(): Promise<Category[]> {
         },
         sort: 'name:asc',
       },
+      ...clientAddons,
     })
 
     if (error) {
@@ -174,6 +138,7 @@ export async function getArticles({
       },
     },
     querySerializer,
+    ...clientAddons,
   })
 
   if (error) {
@@ -211,6 +176,7 @@ export async function getArticleBySlug(slug: string): Promise<Article | null> {
       },
     },
     querySerializer,
+    ...clientAddons,
   })
 
   if (error) {
@@ -303,6 +269,7 @@ async function getBySlugAux(slug: string, endpoint: '/categories' | '/articles')
     params: {
       query,
     },
+    ...clientAddons,
   })
 
   if (error) {
diff --git a/apps/cow-fi/services/cow/index.tsx b/apps/cow-fi/services/cow/index.tsx
index 3dd5d53c85..d4585c8756 100644
--- a/apps/cow-fi/services/cow/index.tsx
+++ b/apps/cow-fi/services/cow/index.tsx
@@ -1,18 +1,23 @@
+import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
+
 const CONFIG_PATH = 'https://raw.githubusercontent.com/cowprotocol/cow-fi/configuration/config/'
 
 export interface CowStats {
-  totalTrades: number, // https://dune.com/queries/1034337
-  surplus: { // https://dune.com/queries/270604
-    reasonable: number,
+  totalTrades: number // https://dune.com/queries/1034337
+  surplus: {
+    // https://dune.com/queries/270604
+    reasonable: number
     unusual: number
-  },
+  }
   lastModified: Date
 }
 
 type CowStatsConfig = Omit<CowStats, 'lastModified'> & { lastModified: string }
 
 async function getFromConfig<T>(configFilePath: string): Promise<T> {
-  const response = await fetch(CONFIG_PATH + `${configFilePath}`)
+  const response = await fetch(CONFIG_PATH + `${configFilePath}`, {
+    next: { revalidate: DATA_CACHE_TIME_SECONDS },
+  })
   return await response.json()
 }
 
@@ -20,6 +25,6 @@ export async function getCowStats(): Promise<CowStats> {
   const statsConfig = await getFromConfig<CowStatsConfig>('stats.json')
   return {
     ...statsConfig,
-    lastModified: new Date(statsConfig.lastModified)
+    lastModified: new Date(statsConfig.lastModified),
   }
 }
diff --git a/apps/cow-fi/services/dune/index.tsx b/apps/cow-fi/services/dune/index.tsx
index b4447831e6..ec292c090c 100644
--- a/apps/cow-fi/services/dune/index.tsx
+++ b/apps/cow-fi/services/dune/index.tsx
@@ -1,3 +1,4 @@
+import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 import { strict as assert } from 'node:assert'
 
 const DUNE_API_KEY = process.env.DUNE_API_KEY!
@@ -21,6 +22,7 @@ interface GetFromDuneResult<T> {
 
 export async function getFromDune<T>(queryId: number): Promise<GetFromDuneResult<T>> {
   const response = await fetch(`https://api.dune.com/api/v0/query/${queryId}/results`, {
+    next: { revalidate: DATA_CACHE_TIME_SECONDS },
     headers: {
       accept: 'application/json',
       'X-DUNE-API-KEY': DUNE_API_KEY,
@@ -47,7 +49,7 @@ export async function _getTotalCount(queryId: number): Promise<TotalCount> {
   // Expect one row
   assert(
     queryResut.rows.length === 1,
-    `Total Count Dune query (${queryId}) must return just one row. Returned ${queryResut.rows.length}`
+    `Total Count Dune query (${queryId}) must return just one row. Returned ${queryResut.rows.length}`,
   )
 
   return {
@@ -66,7 +68,7 @@ export const getTotalTrades = () => _getTotalCount(TOTAL_TRADES_COUNT_QUERY_ID)
  */
 export const getTotalSurplus = async (): Promise<TotalCount> => {
   const queryResut = await getFromDune<{ surplus_type: string; total_surplus_usd: number }>(
-    TOTAL_SURPLUS_COUNT_QUERY_ID
+    TOTAL_SURPLUS_COUNT_QUERY_ID,
   )
 
   const totalCount = queryResut.rows.reduce((totalSurplus, surplus) => {
diff --git a/apps/cow-fi/services/tokens/index.ts b/apps/cow-fi/services/tokens/index.ts
index 4a242fa992..75f0719e2a 100644
--- a/apps/cow-fi/services/tokens/index.ts
+++ b/apps/cow-fi/services/tokens/index.ts
@@ -2,6 +2,7 @@ import fs from 'fs'
 import path from 'path'
 import { PlatformData, Platforms, TokenDetails, TokenInfo } from 'types'
 import { backOff } from 'exponential-backoff'
+import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 
 const NETWORKS = ['ethereum', 'xdai']
 const COW_TOKEN_ID = 'cow-protocol'
@@ -72,8 +73,9 @@ function _getDescriptionFilePaths(): string[] {
 async function fetchWithBackoff(url: string) {
   return backOff(
     () => {
-      console.log(`Fetching ${url}`)
-      return fetch(url).then((res) => {
+      return fetch(url, {
+        next: { revalidate: DATA_CACHE_TIME_SECONDS },
+      }).then((res) => {
         if (!res.ok) {
           throw new Error(`Error fetching list ${url}: Error ${res.status}, ${res.statusText}`)
         }
diff --git a/package.json b/package.json
index 8b05424032..3f16f55971 100644
--- a/package.json
+++ b/package.json
@@ -201,7 +201,7 @@
     "react-ga4": "^1.4.1",
     "react-helmet": "^6.1.0",
     "react-icons": "^5.2.1",
-    "react-inlinesvg": "^3.0.1",
+    "react-inlinesvg": "^4.1.5",
     "react-intersection-observer": "^9.10.1",
     "react-is": "19.0.0-rc-66855b96-20241106",
     "react-markdown": "^9.0.0",
diff --git a/yarn.lock b/yarn.lock
index 006525c475..87a89909cc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16514,11 +16514,6 @@ executable@^4.1.0, executable@^4.1.1:
   dependencies:
     pify "^2.2.0"
 
-exenv@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
-  integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==
-
 exit@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
@@ -26133,10 +26128,10 @@ react-focus-lock@2.5.2:
     use-callback-ref "^1.2.5"
     use-sidecar "^1.0.5"
 
-react-from-dom@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/react-from-dom/-/react-from-dom-0.6.2.tgz#9da903a508c91c013b55afcd59348b8b0a39bdb4"
-  integrity sha512-qvWWTL/4xw4k/Dywd41RBpLQUSq97csuv15qrxN+izNeLYlD9wn5W8LspbfYe5CWbaSdkZ72BsaYBPQf2x4VbQ==
+react-from-dom@^0.7.3:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/react-from-dom/-/react-from-dom-0.7.3.tgz#60e75fde2369ceb0a8f87d88f9cfbeb67b730e43"
+  integrity sha512-9IK6R7+eD1wOAMC2ZCrENev0eK1625cb7vX+cnnOR9LBRNbjKiaJk4ij2zQbcefEXTWjXFhA7CTO1cd8wMONnw==
 
 react-ga4@^1.4.1:
   version "1.4.1"
@@ -26158,13 +26153,12 @@ react-icons@^5.2.1:
   resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-5.2.1.tgz#28c2040917b2a2eda639b0f797bff1888e018e4a"
   integrity sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==
 
-react-inlinesvg@^3.0.1:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/react-inlinesvg/-/react-inlinesvg-3.0.2.tgz#5c59799966ae7926057091b2ac230ddcee01bea0"
-  integrity sha512-BEzkpMGQwEY68fgaouY7ZWvAUPb8jbj7dE9iDbWZxstDhMuz9qfpxNgvGSENKcDMdpq/XHduSk/LAmNKin4nKw==
+react-inlinesvg@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.yarnpkg.com/react-inlinesvg/-/react-inlinesvg-4.1.5.tgz#5d6b4f9008d442e4f184ec25e135360d993dc47e"
+  integrity sha512-DcCnmHhpKAUNp6iLPEEB2HJP3simDlyiy8JPZ1DwGCynrQQGQD04GJTFtai8JK8vRhCmoiBV6hSgj31D42Z3Lg==
   dependencies:
-    exenv "^1.2.2"
-    react-from-dom "^0.6.2"
+    react-from-dom "^0.7.3"
 
 react-inspector@^5.1.0:
   version "5.1.1"

From 494ce761fe3e02979b9da5f6343333dc037ebbfb Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Mon, 9 Dec 2024 16:10:52 +0500
Subject: [PATCH 09/11] chore: release main (#5171)

---
 .release-please-manifest.json | 2 +-
 apps/cow-fi/CHANGELOG.md      | 7 +++++++
 apps/cow-fi/package.json      | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/.release-please-manifest.json b/.release-please-manifest.json
index 1c12e6f659..1a208d5b9a 100644
--- a/.release-please-manifest.json
+++ b/.release-please-manifest.json
@@ -18,7 +18,7 @@
   "libs/types": "1.5.0",
   "libs/ui": "1.15.0",
   "libs/wallet": "1.7.0",
-  "apps/cow-fi": "1.17.0",
+  "apps/cow-fi": "1.18.0",
   "libs/wallet-provider": "1.0.0",
   "libs/ui-utils": "1.1.0",
   "libs/abis": "1.2.0",
diff --git a/apps/cow-fi/CHANGELOG.md b/apps/cow-fi/CHANGELOG.md
index 405bf7afa3..bf141ce035 100644
--- a/apps/cow-fi/CHANGELOG.md
+++ b/apps/cow-fi/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.18.0](https://github.com/cowprotocol/cowswap/compare/cow-fi-v1.17.0...cow-fi-v1.18.0) (2024-12-09)
+
+
+### Features
+
+* **cow-fi:** cache data and pages ([#5169](https://github.com/cowprotocol/cowswap/issues/5169)) ([39c94cc](https://github.com/cowprotocol/cowswap/commit/39c94cca11db8a97d9add3ac05c1623755ecd2b3))
+
 ## [1.17.0](https://github.com/cowprotocol/cowswap/compare/cow-fi-v1.16.0...cow-fi-v1.17.0) (2024-12-04)
 
 
diff --git a/apps/cow-fi/package.json b/apps/cow-fi/package.json
index a12e803e38..4b7bf121c3 100644
--- a/apps/cow-fi/package.json
+++ b/apps/cow-fi/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cowprotocol/cow-fi",
-  "version": "1.17.0",
+  "version": "1.18.0",
   "description": "CoW DAO website",
   "main": "index.js",
   "author": "",

From a38a3e5b0cb82d3ad1863f980cfa062d3e8d9954 Mon Sep 17 00:00:00 2001
From: Leandro <alfetopito@users.noreply.github.com>
Date: Tue, 10 Dec 2024 16:47:37 +0000
Subject: [PATCH 10/11] fix: add Base to CoW Protocol FAQ on cow.fi (#5179)

---
 apps/cow-fi/data/cow-protocol/const.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/cow-fi/data/cow-protocol/const.tsx b/apps/cow-fi/data/cow-protocol/const.tsx
index 692a0c2eac..d9de640e69 100644
--- a/apps/cow-fi/data/cow-protocol/const.tsx
+++ b/apps/cow-fi/data/cow-protocol/const.tsx
@@ -402,7 +402,7 @@ export const FAQ_DATA = [
   },
   {
     question: 'What chains does CoW Protocol currently support?',
-    answer: 'CoW Protocol is currently deployed on Ethereum, Gnosis Chain, and Arbitrum One.',
+    answer: 'CoW Protocol is currently deployed on Ethereum, Gnosis Chain, Arbitrum One and Base.',
   },
   {
     question: 'How do I get support?',

From ed152f7ac0fa62ab2c0b9c93035a551c3b8cb4b6 Mon Sep 17 00:00:00 2001
From: Alexandr Kazachenko <shoom3301@gmail.com>
Date: Wed, 11 Dec 2024 13:43:32 +0500
Subject: [PATCH 11/11] feat(cow-fi): upgrade project structure to /app (#5167)

---
 .gitignore                                    |   2 +-
 apps/cow-fi/.env                              |   2 +-
 apps/cow-fi/app/(learn)/layout.tsx            |   5 +
 .../app/(learn)/learn/[article]/page.tsx      | 101 +++
 .../articles/[[...pageIndex]]/layout.tsx      |  10 +
 .../learn/articles/[[...pageIndex]]/page.tsx  |  67 ++
 apps/cow-fi/app/(learn)/learn/layout.tsx      |  12 +
 apps/cow-fi/app/(learn)/learn/page.tsx        |  45 ++
 .../(learn)/learn/topic/[topicSlug]/page.tsx  |  64 ++
 .../app/(learn)/learn/topics/layout.tsx       |  10 +
 apps/cow-fi/app/(learn)/learn/topics/page.tsx |  27 +
 apps/cow-fi/app/(main)/careers/layout.tsx     |  14 +
 apps/cow-fi/app/(main)/careers/page.tsx       |  22 +
 .../(main)/careers/refer-to-earn/layout.tsx   |  12 +
 .../app/(main)/careers/refer-to-earn/page.tsx | 165 ++++
 apps/cow-fi/app/(main)/cow-amm/layout.tsx     |  15 +
 apps/cow-fi/app/(main)/cow-amm/page.tsx       | 355 +++++++++
 .../cow-fi/app/(main)/cow-protocol/layout.tsx |  16 +
 apps/cow-fi/app/(main)/cow-protocol/page.tsx  | 558 ++++++++++++++
 apps/cow-fi/app/(main)/cow-swap/layout.tsx    |  16 +
 apps/cow-fi/app/(main)/cow-swap/page.tsx      | 405 ++++++++++
 apps/cow-fi/app/(main)/daos/layout.tsx        |  14 +
 apps/cow-fi/app/(main)/daos/page.tsx          |   7 +
 apps/cow-fi/app/(main)/layout.tsx             |   5 +
 .../legal/cowswap-cookie-policy/layout.tsx    |  11 +
 .../legal/cowswap-cookie-policy/page.tsx      | 413 ++++++++++
 .../legal/cowswap-privacy-policy/layout.tsx   |  11 +
 .../legal/cowswap-privacy-policy/page.tsx     | 684 +++++++++++++++++
 .../app/(main)/legal/cowswap-terms/layout.tsx |   9 +
 .../app/(main)/legal/cowswap-terms/page.tsx   | 687 +++++++++++++++++
 apps/cow-fi/app/(main)/legal/layout.tsx       |  11 +
 apps/cow-fi/app/(main)/legal/page.tsx         |  75 ++
 .../app/(main)/legal/widget-terms/layout.tsx  |   9 +
 .../app/(main)/legal/widget-terms/page.tsx    | 356 +++++++++
 apps/cow-fi/app/(main)/page.tsx               | 142 ++++
 apps/cow-fi/app/(main)/products/page.tsx      |  16 +
 .../app/(main)/tokens/[tokenId]/page.tsx      |  55 ++
 apps/cow-fi/app/(main)/tokens/layout.tsx      |  15 +
 apps/cow-fi/app/(main)/tokens/page.tsx        |  10 +
 apps/cow-fi/app/(main)/widget/layout.tsx      |  13 +
 apps/cow-fi/app/(main)/widget/page.tsx        | 333 ++++++++
 apps/cow-fi/app/(mev-blocker)/layout.tsx      |   5 +
 .../app/(mev-blocker)/mev-blocker/layout.tsx  |  16 +
 .../app/(mev-blocker)/mev-blocker/page.tsx    | 516 +++++++++++++
 apps/cow-fi/app/[...not_found]/page.tsx       |  20 +
 apps/cow-fi/app/layout.tsx                    |  58 ++
 apps/cow-fi/app/not-found.tsx                 |  22 +
 apps/cow-fi/app/providers.tsx                 |  54 ++
 apps/cow-fi/components/AddRpcButton/index.tsx |  17 +-
 apps/cow-fi/components/ArrowButton.tsx        |   7 +-
 .../components/ArticlePageComponent.tsx       | 273 +++++++
 .../components/ArticlesPageComponents.tsx     | 107 +++
 apps/cow-fi/components/CareersPageContent.tsx | 177 +++++
 apps/cow-fi/components/CategoryLinks.tsx      |   9 +-
 apps/cow-fi/components/DaosPageComponent.tsx  | 330 ++++++++
 apps/cow-fi/components/Layout/index.tsx       |  49 +-
 apps/cow-fi/components/LearnPageComponent.tsx | 307 ++++++++
 .../components/NotFoundPageComponent.tsx      |  29 +
 .../components/TokenDetails/index.styles.ts   |   8 +-
 apps/cow-fi/components/TokenPageComponent.tsx |  29 +
 apps/cow-fi/components/TokensList/index.tsx   |   4 +-
 .../cow-fi/components/TokensPageComponent.tsx |  29 +
 apps/cow-fi/components/TopicPageComponent.tsx | 162 ++++
 .../cow-fi/components/TopicsPageComponent.tsx | 115 +++
 .../components/WithLDProvider/index.tsx       |   2 -
 apps/cow-fi/const/cms.ts                      |   1 -
 apps/cow-fi/const/meta.ts                     |  18 +-
 apps/cow-fi/hooks/useSetupPage.ts             |   7 +
 apps/cow-fi/lib/hooks/useAddRpcWithTimeout.ts |  13 +-
 .../lib/hooks/useConnectAndAddToWallet.ts     |   4 +-
 apps/cow-fi/modules/utm/hooks.ts              |  11 +-
 apps/cow-fi/modules/utm/utils.ts              |  26 +-
 apps/cow-fi/next-env.d.ts                     |   2 +-
 apps/cow-fi/pages/404.tsx                     |  59 --
 apps/cow-fi/pages/_app.tsx                    |  71 --
 apps/cow-fi/pages/_document.tsx               |  43 --
 apps/cow-fi/pages/careers/index.tsx           | 212 -----
 apps/cow-fi/pages/careers/refer-to-earn.tsx   | 195 -----
 apps/cow-fi/pages/cow-amm.tsx                 | 382 ---------
 apps/cow-fi/pages/cow-protocol.tsx            | 590 --------------
 apps/cow-fi/pages/cow-swap.tsx                | 439 -----------
 apps/cow-fi/pages/daos.tsx                    | 357 ---------
 apps/cow-fi/pages/index.tsx                   | 163 ----
 apps/cow-fi/pages/learn/[article].tsx         | 360 ---------
 .../pages/learn/articles/[[...page]].tsx      | 193 -----
 apps/cow-fi/pages/learn/index.tsx             | 367 ---------
 apps/cow-fi/pages/learn/topic/[topicSlug].tsx | 219 ------
 apps/cow-fi/pages/learn/topics.tsx            | 158 ----
 .../pages/legal/cowswap-cookie-policy.tsx     | 438 -----------
 .../pages/legal/cowswap-privacy-policy.tsx    | 708 -----------------
 apps/cow-fi/pages/legal/cowswap-terms.tsx     | 724 ------------------
 apps/cow-fi/pages/legal/index.tsx             | 100 ---
 apps/cow-fi/pages/legal/widget-terms.tsx      | 398 ----------
 apps/cow-fi/pages/mev-blocker.tsx             | 524 -------------
 apps/cow-fi/pages/products.tsx                |  17 -
 apps/cow-fi/pages/tokens/[tokenId].tsx        |  73 --
 apps/cow-fi/pages/tokens/index.tsx            |  47 --
 apps/cow-fi/pages/widget.tsx                  | 361 ---------
 apps/cow-fi/services/ashByHq/index.ts         |   2 +
 apps/cow-fi/services/cow/index.tsx            |  30 -
 apps/cow-fi/services/dune/index.tsx           |   2 +-
 apps/cow-fi/services/tokens/index.ts          |  16 +-
 apps/cow-fi/styles/global.styles.ts           |   4 +-
 apps/cow-fi/styles/styled.ts                  |   3 +-
 apps/cow-fi/theme/ThemeProvider.tsx           |   2 +
 apps/cow-fi/types/addToWalletState.ts         |   7 +
 apps/cow-fi/types/index.ts                    |   8 -
 apps/cow-fi/util/getPageMetadata.ts           |  40 +
 apps/cow-fi/util/getURL.ts                    |   6 -
 .../useOrderProgressBarV2Props.ts             |   3 +-
 .../src/common}/hooks/useCmsSolversInfo.ts    |   5 +-
 .../src/common}/hooks/useSolversInfo.ts       |   6 +-
 .../common}/updaters/SolversInfoUpdater.ts    |   6 +-
 apps/cowswap-frontend/src/cow-react/index.tsx |  49 +-
 .../application/containers/App/Updaters.tsx   |   2 +-
 .../src/context/CowAnalyticsContext.tsx       |   2 +
 libs/common-const/src/networks.ts             |   3 -
 libs/common-hooks/src/useOnClickOutside.tsx   |   2 +-
 libs/core/src/cms/hooks/index.ts              |   2 -
 libs/core/src/cms/index.ts                    |   2 -
 libs/core/src/cms/updaters/index.ts           |   1 -
 libs/tokens/src/services/fetchTokenList.ts    |   6 +-
 libs/ui/src/consts.ts                         |   2 +
 libs/ui/src/containers/Footer/index.tsx       |  23 +-
 libs/ui/src/index.ts                          |   2 +
 libs/ui/src/pure/MenuBar/index.tsx            |   1 +
 libs/ui/src/pure/Tooltip/index.tsx            |   2 +-
 package.json                                  |   4 +-
 tsconfig.base.json                            |  11 +-
 yarn.lock                                     | 132 ++--
 130 files changed, 7315 insertions(+), 7495 deletions(-)
 create mode 100644 apps/cow-fi/app/(learn)/layout.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/[article]/page.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/layout.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/page.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/layout.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/page.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/topic/[topicSlug]/page.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/topics/layout.tsx
 create mode 100644 apps/cow-fi/app/(learn)/learn/topics/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/careers/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/careers/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/careers/refer-to-earn/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/careers/refer-to-earn/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/cow-amm/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/cow-amm/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/cow-protocol/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/cow-protocol/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/cow-swap/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/cow-swap/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/daos/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/daos/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/cowswap-terms/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/cowswap-terms/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/widget-terms/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/legal/widget-terms/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/products/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/tokens/[tokenId]/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/tokens/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/tokens/page.tsx
 create mode 100644 apps/cow-fi/app/(main)/widget/layout.tsx
 create mode 100644 apps/cow-fi/app/(main)/widget/page.tsx
 create mode 100644 apps/cow-fi/app/(mev-blocker)/layout.tsx
 create mode 100644 apps/cow-fi/app/(mev-blocker)/mev-blocker/layout.tsx
 create mode 100644 apps/cow-fi/app/(mev-blocker)/mev-blocker/page.tsx
 create mode 100644 apps/cow-fi/app/[...not_found]/page.tsx
 create mode 100644 apps/cow-fi/app/layout.tsx
 create mode 100644 apps/cow-fi/app/not-found.tsx
 create mode 100644 apps/cow-fi/app/providers.tsx
 create mode 100644 apps/cow-fi/components/ArticlePageComponent.tsx
 create mode 100644 apps/cow-fi/components/ArticlesPageComponents.tsx
 create mode 100644 apps/cow-fi/components/CareersPageContent.tsx
 create mode 100644 apps/cow-fi/components/DaosPageComponent.tsx
 create mode 100644 apps/cow-fi/components/LearnPageComponent.tsx
 create mode 100644 apps/cow-fi/components/NotFoundPageComponent.tsx
 create mode 100644 apps/cow-fi/components/TokenPageComponent.tsx
 create mode 100644 apps/cow-fi/components/TokensPageComponent.tsx
 create mode 100644 apps/cow-fi/components/TopicPageComponent.tsx
 create mode 100644 apps/cow-fi/components/TopicsPageComponent.tsx
 delete mode 100644 apps/cow-fi/const/cms.ts
 create mode 100644 apps/cow-fi/hooks/useSetupPage.ts
 delete mode 100644 apps/cow-fi/pages/404.tsx
 delete mode 100644 apps/cow-fi/pages/_app.tsx
 delete mode 100644 apps/cow-fi/pages/_document.tsx
 delete mode 100644 apps/cow-fi/pages/careers/index.tsx
 delete mode 100644 apps/cow-fi/pages/careers/refer-to-earn.tsx
 delete mode 100644 apps/cow-fi/pages/cow-amm.tsx
 delete mode 100644 apps/cow-fi/pages/cow-protocol.tsx
 delete mode 100644 apps/cow-fi/pages/cow-swap.tsx
 delete mode 100644 apps/cow-fi/pages/daos.tsx
 delete mode 100644 apps/cow-fi/pages/index.tsx
 delete mode 100644 apps/cow-fi/pages/learn/[article].tsx
 delete mode 100644 apps/cow-fi/pages/learn/articles/[[...page]].tsx
 delete mode 100644 apps/cow-fi/pages/learn/index.tsx
 delete mode 100644 apps/cow-fi/pages/learn/topic/[topicSlug].tsx
 delete mode 100644 apps/cow-fi/pages/learn/topics.tsx
 delete mode 100644 apps/cow-fi/pages/legal/cowswap-cookie-policy.tsx
 delete mode 100644 apps/cow-fi/pages/legal/cowswap-privacy-policy.tsx
 delete mode 100644 apps/cow-fi/pages/legal/cowswap-terms.tsx
 delete mode 100644 apps/cow-fi/pages/legal/index.tsx
 delete mode 100644 apps/cow-fi/pages/legal/widget-terms.tsx
 delete mode 100644 apps/cow-fi/pages/mev-blocker.tsx
 delete mode 100644 apps/cow-fi/pages/products.tsx
 delete mode 100644 apps/cow-fi/pages/tokens/[tokenId].tsx
 delete mode 100644 apps/cow-fi/pages/tokens/index.tsx
 delete mode 100644 apps/cow-fi/pages/widget.tsx
 delete mode 100644 apps/cow-fi/services/cow/index.tsx
 create mode 100644 apps/cow-fi/types/addToWalletState.ts
 create mode 100644 apps/cow-fi/util/getPageMetadata.ts
 delete mode 100644 apps/cow-fi/util/getURL.ts
 rename {libs/core/src/cms => apps/cowswap-frontend/src/common}/hooks/useCmsSolversInfo.ts (83%)
 rename {libs/core/src/cms => apps/cowswap-frontend/src/common}/hooks/useSolversInfo.ts (90%)
 rename {libs/core/src/cms => apps/cowswap-frontend/src/common}/updaters/SolversInfoUpdater.ts (72%)
 delete mode 100644 libs/core/src/cms/hooks/index.ts
 delete mode 100644 libs/core/src/cms/updaters/index.ts

diff --git a/.gitignore b/.gitignore
index 124a685c3c..a764c3f39b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -57,4 +57,4 @@ out
 
 # Next.js sitemap
 apps/cow-fi/public/robots.txt
-apps/cow-fi/public/sitemap*
+apps/cow-fi/public/sitemap*
\ No newline at end of file
diff --git a/apps/cow-fi/.env b/apps/cow-fi/.env
index c093234a84..c0a3df1aaf 100644
--- a/apps/cow-fi/.env
+++ b/apps/cow-fi/.env
@@ -2,4 +2,4 @@ DUNE_API_KEY=tuBkOcda6ymMvmnpIX9Qer9Xb5hJ2rf8
 NEXT_PUBLIC_GOOGLE_ANALYTICS=
 NEXT_PUBLIC_AWS_API_ENDPOINT="https://bff.cow.fi/proxies/tokens"
 NEXT_PUBLIC_LAUNCH_DARKLY_KEY=
-NEXT_PUBLIC_SITE_URL="https://cow.fi"
\ No newline at end of file
+NEXT_PUBLIC_SITE_URL="https://cow.fi"
diff --git a/apps/cow-fi/app/(learn)/layout.tsx b/apps/cow-fi/app/(learn)/layout.tsx
new file mode 100644
index 0000000000..45e809a061
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/layout.tsx
@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return <Layout>{children}</Layout>
+}
diff --git a/apps/cow-fi/app/(learn)/learn/[article]/page.tsx b/apps/cow-fi/app/(learn)/learn/[article]/page.tsx
new file mode 100644
index 0000000000..56012ddd6e
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/[article]/page.tsx
@@ -0,0 +1,101 @@
+'use server'
+
+import React from 'react'
+import {
+  Article,
+  getAllArticleSlugs,
+  getArticleBySlug,
+  getArticles,
+  getCategories,
+  SharedRichTextComponent,
+} from '../../../../services/cms'
+import { ArticlePageComponent } from '@/components/ArticlePageComponent'
+import { notFound } from 'next/navigation'
+import type { Metadata } from 'next'
+import { stripHtmlTags } from '@/util/stripHTMLTags'
+import { getPageMetadata } from '@/util/getPageMetadata'
+
+function isRichTextComponent(block: any): block is SharedRichTextComponent {
+  return block.body !== undefined
+}
+
+type Props = {
+  params: Promise<{ article: string }>
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const articleSlug = (await params).article
+
+  if (!articleSlug) return {}
+
+  const article = await getArticleBySlug(articleSlug)
+  const attributes = article?.attributes
+  const { title, blocks, description, cover } = attributes || {}
+  const coverImageUrl = cover?.data?.attributes?.url
+
+  const content =
+    blocks?.map((block: SharedRichTextComponent) => (isRichTextComponent(block) ? block.body : '')).join(' ') || ''
+  const plainContent = stripHtmlTags(content)
+
+  return getPageMetadata({
+    absoluteTitle: `${title} - CoW DAO`,
+    description: description
+      ? stripHtmlTags(description)
+      : plainContent.length > 150
+        ? stripHtmlTags(plainContent.substring(0, 147)) + '...'
+        : stripHtmlTags(plainContent),
+    image: coverImageUrl,
+  })
+}
+
+export async function generateStaticParams() {
+  const slugs = await getAllArticleSlugs()
+
+  return slugs.map((article) => ({ article }))
+}
+
+export default async function ArticlePage({ params }: Props) {
+  const articleSlug = (await params).article
+  const article = await getArticleBySlug(articleSlug)
+
+  if (!article) {
+    return notFound()
+  }
+
+  const articlesResponse = await getArticles()
+  const articles = articlesResponse.data
+
+  // Fetch featured articles
+  const featuredArticlesResponse = await getArticles({
+    filters: {
+      featured: {
+        $eq: true,
+      },
+    },
+    pageSize: 7, // Limit to 7 articles
+  })
+  const featuredArticles = featuredArticlesResponse.data
+
+  const randomArticles = getRandomArticles(articles, 3)
+  const categoriesResponse = await getCategories()
+  const allCategories =
+    categoriesResponse?.map((category: any) => ({
+      name: category?.attributes?.name || '',
+      slug: category?.attributes?.slug || '',
+    })) || []
+
+  return (
+    <ArticlePageComponent
+      article={article}
+      articles={articles}
+      randomArticles={randomArticles}
+      featuredArticles={featuredArticles}
+      allCategories={allCategories}
+    />
+  )
+}
+
+function getRandomArticles(articles: Article[], count: number): Article[] {
+  const shuffled = articles.sort(() => 0.5 - Math.random())
+  return shuffled.slice(0, count)
+}
diff --git a/apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/layout.tsx b/apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/layout.tsx
new file mode 100644
index 0000000000..e0d2ade733
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/layout.tsx
@@ -0,0 +1,10 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'All articles',
+  description: 'All knowledge base articles in the Cow DAO ecosystem',
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/page.tsx b/apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/page.tsx
new file mode 100644
index 0000000000..590c10c700
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/articles/[[...pageIndex]]/page.tsx
@@ -0,0 +1,67 @@
+'use server'
+
+import { Article, getArticles, getCategories } from '../../../../../services/cms'
+import { ArticlesPageComponents } from '@/components/ArticlesPageComponents'
+
+const ITEMS_PER_PAGE = 24
+
+type Props = {
+  params: Promise<{ pageIndex?: string }>
+}
+
+export type ArticlesResponse = {
+  data?: Article[]
+  meta?: {
+    pagination?: {
+      total?: number
+    }
+  }
+}
+
+export async function generateStaticParams() {
+  const articlesResponse = await getArticles({ page: 0, pageSize: ITEMS_PER_PAGE })
+  const totalArticles = articlesResponse.meta?.pagination?.total || 0
+  const totalPages = Math.ceil(totalArticles / ITEMS_PER_PAGE)
+
+  return Array.from({ length: totalPages }, (_, i) => ({ pageIndex: [(i + 1).toString()] }))
+}
+
+export default async function Page({ params }: Props) {
+  const pageParam = (await params)?.pageIndex
+  const page = pageParam && pageParam.length > 0 ? parseInt(pageParam[0], 10) : 1
+
+  const articlesResponse = (await getArticles({ page, pageSize: ITEMS_PER_PAGE })) as ArticlesResponse
+
+  const totalArticles = articlesResponse.meta?.pagination?.total || 0
+  const articles =
+    articlesResponse.data?.map((article: Article) => ({
+      ...article,
+      id: article.id || 0,
+      attributes: {
+        ...article.attributes,
+        title: article.attributes?.title ?? 'Untitled',
+        description: article.attributes?.description ?? '',
+        slug: article.attributes?.slug ?? 'no-slug',
+        featured: article.attributes?.featured ?? false,
+        publishDateVisible: article.attributes?.publishDateVisible ?? false,
+        cover: article.attributes?.cover ?? {},
+        blocks: article.attributes?.blocks ?? [],
+      },
+    })) || []
+
+  const categoriesResponse = await getCategories()
+  const allCategories =
+    categoriesResponse?.map((category: any) => ({
+      name: category?.attributes?.name || '',
+      slug: category?.attributes?.slug || '',
+    })) || []
+
+  return (
+    <ArticlesPageComponents
+      articles={articles}
+      totalArticles={totalArticles}
+      currentPage={page}
+      allCategories={allCategories}
+    />
+  )
+}
diff --git a/apps/cow-fi/app/(learn)/learn/layout.tsx b/apps/cow-fi/app/(learn)/learn/layout.tsx
new file mode 100644
index 0000000000..4ede75bdcf
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/layout.tsx
@@ -0,0 +1,12 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: {
+    default: 'Knowledge Base - CoW DAO',
+    template: '%s - CoW DAO',
+  },
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(learn)/learn/page.tsx b/apps/cow-fi/app/(learn)/learn/page.tsx
new file mode 100644
index 0000000000..529089a11b
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/page.tsx
@@ -0,0 +1,45 @@
+'use server'
+
+import { getArticles, getCategories } from '../../../services/cms'
+
+import { LearnPageComponent } from '@/components/LearnPageComponent'
+
+export default async function Page() {
+  const categoriesResponse = await getCategories()
+  const articlesResponse = await getArticles()
+
+  const featuredArticlesResponse = await getArticles({
+    filters: { featured: { $eq: true } },
+    pageSize: 6,
+  })
+
+  const categories =
+    categoriesResponse?.map((category: any) => {
+      const imageUrl = category?.attributes?.image?.data?.attributes?.url || ''
+
+      return {
+        name: category?.attributes?.name || '',
+        slug: category?.attributes?.slug || '',
+        description: category?.attributes?.description || '',
+        bgColor: category?.attributes?.backgroundColor || '#fff',
+        textColor: category?.attributes?.textColor || '#000',
+        link: `/learn/topic/${category?.attributes?.slug}`,
+        iconColor: '#fff',
+        imageUrl,
+      }
+    }) || []
+
+  const featuredArticles = featuredArticlesResponse.data.map((article) => {
+    const attributes = article.attributes
+    return {
+      title: attributes?.title || 'No title',
+      description: attributes?.description || 'No description',
+      link: `/learn/${attributes?.slug || 'no-slug'}`,
+      cover: attributes?.cover?.data?.attributes?.url || '',
+    }
+  })
+
+  return (
+    <LearnPageComponent categories={categories} articles={articlesResponse.data} featuredArticles={featuredArticles} />
+  )
+}
diff --git a/apps/cow-fi/app/(learn)/learn/topic/[topicSlug]/page.tsx b/apps/cow-fi/app/(learn)/learn/topic/[topicSlug]/page.tsx
new file mode 100644
index 0000000000..ddec58ccf4
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/topic/[topicSlug]/page.tsx
@@ -0,0 +1,64 @@
+'use server'
+
+import React from 'react'
+import { getAllCategorySlugs, getArticles, getCategories, getCategoryBySlug } from '../../../../../services/cms'
+import { TopicPageComponent } from '@/components/TopicPageComponent'
+import { notFound } from 'next/navigation'
+import type { Metadata } from 'next'
+
+type Props = {
+  params: Promise<{ topicSlug: string }>
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const topicSlug = (await params).topicSlug
+
+  if (!topicSlug) return {}
+
+  const category = await getCategoryBySlug(topicSlug)
+  const { name, description } = category?.attributes || {}
+
+  return {
+    title: name,
+    description,
+  }
+}
+
+export async function generateStaticParams() {
+  const categoriesResponse = await getAllCategorySlugs()
+
+  return categoriesResponse.map((topicSlug) => ({ topicSlug }))
+}
+
+export default async function TopicPage({ params }: Props) {
+  const slug = (await params).topicSlug
+
+  const category = await getCategoryBySlug(slug)
+
+  if (!category) {
+    return notFound()
+  }
+
+  const articlesResponse = await getArticles({
+    page: 0,
+    pageSize: 50,
+    filters: {
+      categories: {
+        slug: {
+          $eq: slug,
+        },
+      },
+    },
+  })
+
+  const articles = articlesResponse.data
+
+  const categoriesResponse = await getCategories()
+  const allCategories =
+    categoriesResponse?.map((category: any) => ({
+      name: category?.attributes?.name || '',
+      slug: category?.attributes?.slug || '',
+    })) || []
+
+  return <TopicPageComponent category={category} allCategories={allCategories} articles={articles} />
+}
diff --git a/apps/cow-fi/app/(learn)/learn/topics/layout.tsx b/apps/cow-fi/app/(learn)/learn/topics/layout.tsx
new file mode 100644
index 0000000000..5970243511
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/topics/layout.tsx
@@ -0,0 +1,10 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Topics',
+  description: 'All knowledge base topics',
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(learn)/learn/topics/page.tsx b/apps/cow-fi/app/(learn)/learn/topics/page.tsx
new file mode 100644
index 0000000000..1c590fecac
--- /dev/null
+++ b/apps/cow-fi/app/(learn)/learn/topics/page.tsx
@@ -0,0 +1,27 @@
+'use server'
+
+import { getArticles, getCategories } from '../../../../services/cms'
+import { TopicsPageComponent } from '@/components/TopicsPageComponent'
+
+export default async function Page() {
+  const categoriesResponse = await getCategories()
+  const articlesResponse = await getArticles()
+
+  const categories =
+    categoriesResponse?.map((category: any) => {
+      const imageUrl = category?.attributes?.image?.data?.attributes?.url || ''
+
+      return {
+        name: category?.attributes?.name || '',
+        slug: category?.attributes?.slug || '',
+        description: category?.attributes?.description || '',
+        bgColor: category?.attributes?.backgroundColor || '#fff',
+        textColor: category?.attributes?.textColor || '#000',
+        link: `/learn/topic/${category?.attributes?.slug}`,
+        iconColor: 'transparent',
+        imageUrl,
+      }
+    }) || []
+
+  return <TopicsPageComponent categories={categories} articles={articlesResponse.data} />
+}
diff --git a/apps/cow-fi/app/(main)/careers/layout.tsx b/apps/cow-fi/app/(main)/careers/layout.tsx
new file mode 100644
index 0000000000..323e78942e
--- /dev/null
+++ b/apps/cow-fi/app/(main)/careers/layout.tsx
@@ -0,0 +1,14 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    title: 'Careers',
+    description:
+      'We are an ambitious, fast-growing and international team working at the forefront of DeFi. We believe that we can make markets more fair and more efficient by building the ultimate batch auction settlement layer across EVM-compatible blockchains.',
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/careers/page.tsx b/apps/cow-fi/app/(main)/careers/page.tsx
new file mode 100644
index 0000000000..235fb5c552
--- /dev/null
+++ b/apps/cow-fi/app/(main)/careers/page.tsx
@@ -0,0 +1,22 @@
+'use server'
+
+import { getJobs } from '../../../services/ashByHq'
+
+import { CareersPageContent } from '@/components/CareersPageContent'
+
+export default async function Page() {
+  const jobsData = (await getJobs()) || {}
+  const department = 'All'
+
+  const jobsCount = Object.keys(jobsData).reduce((acc, cur) => acc + jobsData[cur].length, 0)
+  const jobsCountForDepartment = department === 'All' ? jobsCount : jobsData[department].length
+
+  return (
+    <CareersPageContent
+      department={department}
+      jobsCountForDepartment={jobsCountForDepartment}
+      jobsCount={jobsCount}
+      jobsData={jobsData}
+    />
+  )
+}
diff --git a/apps/cow-fi/app/(main)/careers/refer-to-earn/layout.tsx b/apps/cow-fi/app/(main)/careers/refer-to-earn/layout.tsx
new file mode 100644
index 0000000000..117840b102
--- /dev/null
+++ b/apps/cow-fi/app/(main)/careers/refer-to-earn/layout.tsx
@@ -0,0 +1,12 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+
+export const metadata: Metadata = getPageMetadata({
+  title: 'Refer-to-Earn - CoW DAO',
+  description:
+    'Know someone who is not just looking for a job but for a great opportunity to grow? Refer them to us to earn $6,000 in USDC or USD.',
+})
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/careers/refer-to-earn/page.tsx b/apps/cow-fi/app/(main)/careers/refer-to-earn/page.tsx
new file mode 100644
index 0000000000..6cdfb0cacb
--- /dev/null
+++ b/apps/cow-fi/app/(main)/careers/refer-to-earn/page.tsx
@@ -0,0 +1,165 @@
+'use client'
+
+import { Color } from '@cowprotocol/ui'
+
+import styled from 'styled-components/macro'
+
+import { ContainerCard, ArticleContent, Breadcrumbs, ArticleMainTitle, BodyContent } from '@/styles/styled'
+
+import { clickOnCareers } from '../../../../modules/analytics'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1000px;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 24px;
+`
+
+export default function Page() {
+  return (
+    <Wrapper>
+      <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
+        <ArticleContent maxWidth="100%">
+          <Breadcrumbs>
+            <a href="/careers" onClick={() => clickOnCareers('click-breadcrumb-careers')}>
+              Careers
+            </a>
+            <span>Refer-to-Earn</span>
+          </Breadcrumbs>
+
+          <ArticleMainTitle fontSize={52}>Refer-to-Earn</ArticleMainTitle>
+
+          <BodyContent>
+            <h2>
+              Know someone who is not just looking for a job but for a great opportunity to grow? Refer them to us to
+              earn up to $6,000 in USDC or USD.
+            </h2>
+            <p>
+              We will reward you with a referral bonus of up to <b>6,000 USDC or USD</b> per placement. The referral
+              bonus amount can vary for each role. You can find the exact amount listed in the job description on our
+              website at <a href="https://cow.fi/careers">https://cow.fi/careers</a>. Your referral is successful and
+              paid once the Candidate clears <b>their first 6 months</b> of work in their new role.
+            </p>
+
+            <p>
+              Sounds like a long time to wait? Allow us to explain! 😊 At CoW, we prioritize quality and make
+              substantial investments in our people. We consider this our utmost priority and exercise great caution
+              when onboarding new individuals. We genuinely care about ensuring that we bring on board the right people
+              who align with our values and goals.
+              <br />
+              <br />
+              <b>
+                Have Questions? Ask us at{' '}
+                <a href="mailto:people@cow.fi" target="_blank" rel="noreferrer">
+                  people@cow.fi
+                </a>
+              </b>
+            </p>
+
+            <h3>Conditions:</h3>
+            <p>Referrer Eligibility. Who is eligible to participate in this Program?</p>
+            <ul>
+              <li>Individuals (or entities) who are not currently engaged in providing contracting services to CoW.</li>
+              <li>
+                Individuals (or entities) who are not affiliated with, employed by, or acting as consultants for
+                staffing or recruiting agencies or any other third party for CoW at the time of making referrals or
+                receiving payments for such referrals.
+              </li>
+              <li>Individuals (or entities) must not act against any laws or regulations when participating.</li>
+              <li>The Referrer must provide a proper invoice for payment, complying with Portuguese rules.</li>
+              <li>
+                This must be the <b>first</b> submission, if the Candidate has previously applied or been referred by
+                someone else first, the Referrer is not eligible.
+              </li>
+              <li>
+                If two or more Referrers refer the same Candidate, only the <b>first</b> Referrer provided by such
+                Candidate will be eligible for the referral bonus. We will let the Referrers know.
+              </li>
+              <li>There is no limit to the number of referrals that a Referrer can make.</li>
+            </ul>
+
+            <h4>Candidates Eligibility</h4>
+            <ul>
+              <li>Any individual (or entity) who is not the Referrer or a current or former contractor of CoW.</li>
+              <li>
+                Any individual who is not bound by non-compete agreements or any other similar agreements that would
+                prohibit CoW from engaging with them.
+              </li>
+            </ul>
+
+            <h4>Referral Procedures</h4>
+            <ul>
+              <li>
+                The referrer should reach out to a CoW core team member or directly contact the People department via
+                email at <a href="mailto:people@cow.fi">people@cow.fi</a>, LinkedIn, or Telegram. When reaching out, the
+                Referrer must include the candidate's name, surname, and email or LinkedIn profile. The Referrer is
+                responsible for ensuring that the Candidate has given consent to share this information.
+              </li>
+              <li>
+                To apply for a specific role at CoW, <b>Candidates</b> are required to submit their application through
+                the official website: <a href="https://cow.fi/careers">https://cow.fi/careers</a>.{' '}
+                <b>
+                  When applying, Candidates must mention the name and email of the person (or entity) who referred them.
+                </b>{' '}
+                Candidates are responsible for ensuring that the Referrer has given consent to share this information.
+              </li>
+              <li>
+                If a Candidate receives a job offer from CoW and accepts it, CoW will inform the Referrer about the
+                Candidate&apos;s status and the timeline for the start date. Referrers should not contact CoW requesting
+                such information.
+              </li>
+              <li>
+                CoW is not obligated to disclose the reason for rejecting a Candidate to a Referrer or to inform them if
+                the Candidate was not selected for the next steps in the interview process.
+              </li>
+              <li>Referrers should not directly submit Candidate information to CoW.</li>
+            </ul>
+
+            <h4>Referral bonus and invoice</h4>
+            <ul>
+              <li>
+                The Referrer becomes eligible to receive the full referral bonus up to six thousand USDC or USD (6,000)
+                after six (6) months from the Candidate's start date, provided that the Candidate remains providing
+                services to CoW during this period. The referral bonus amount can vary for each role. You can find the
+                exact amount listed in the job description on our website at{' '}
+                <a href="https://cow.fi/careers">https://cow.fi/careers</a>. The Referrer can decide if they want to be
+                paid in USDC or USD.
+              </li>
+              <li>
+                The referral bonus is excl. VAT (VAT can be added), but net of any other tax, such as, income tax or
+                withholding tax.
+              </li>
+              <li>
+                The referral bonus will be paid to the Referrer within thirty (30) days receiving a legally compliant
+                invoice (incl. Name, Address and VAT number, either USDC-Ethereum address or IBAN) of the Referrer.
+              </li>
+              <li>The Referrer assumes full responsibility for any tax obligations arising from the referral bonus.</li>
+            </ul>
+
+            <h4>Miscellaneous Rules</h4>
+            <ul>
+              <li>
+                Contracting to CoW includes a number of routes, including EORs. Grants (other than core contributors)
+                are not counted into these routes and Grant recipients are eligible to make referrals.
+              </li>
+              <li>The decision regarding the Candidate&apos;s submission order is based solely on our judgment.</li>
+              <li>
+                We can terminate this program at any point in time and at our sole discretion, without notice. Of
+                course, presently referred Candidates remain part of the program.
+              </li>
+              <li>
+                The conditions of the referral program will be shared via email with the Referrer, and we will require
+                confirmation by responding to the email once a Candidate accepts a Job Offer. Unfortunately, the
+                Referrer will not qualify for a bonus if we do not receive this confirmation.
+              </li>
+            </ul>
+          </BodyContent>
+        </ArticleContent>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/cow-amm/layout.tsx b/apps/cow-fi/app/(main)/cow-amm/layout.tsx
new file mode 100644
index 0000000000..7728013c47
--- /dev/null
+++ b/apps/cow-fi/app/(main)/cow-amm/layout.tsx
@@ -0,0 +1,15 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { CONFIG } from '@/const/meta'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    title: 'CoW AMM - The first MEV-capturing AMM, now live on Balancer',
+    description: 'CoW AMM protects LPs from LVR so they can provide liquidity with less risk and more return',
+    image: CONFIG.ogImageCOWAMM,
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/cow-amm/page.tsx b/apps/cow-fi/app/(main)/cow-amm/page.tsx
new file mode 100644
index 0000000000..d2eef74048
--- /dev/null
+++ b/apps/cow-fi/app/(main)/cow-amm/page.tsx
@@ -0,0 +1,355 @@
+'use client'
+
+import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
+import IMG_ICON_CROWN_COW from '@cowprotocol/assets/images/icon-crown-cow.svg'
+import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
+import IMG_COWAMM_HERO from '@cowprotocol/assets/images/image-cowamm-hero.svg'
+import IMG_COWAMM_RAISING from '@cowprotocol/assets/images/image-cowamm-raising.svg'
+import IMG_COWAMM_PASSIVE from '@cowprotocol/assets/images/image-cowamm-passive.svg'
+import IMG_COWAMM_REKT from '@cowprotocol/assets/images/image-cowamm-rekt.svg'
+import FAQ from '@/components/FAQ'
+import { Link, LinkType } from '@/components/Link'
+
+import {
+  ContainerCard,
+  ContainerCardSection,
+  HeroContainer,
+  HeroContent,
+  HeroDescription,
+  HeroImage,
+  HeroSubtitle,
+  HeroTitle,
+  MetricsCard,
+  MetricsItem,
+  PageWrapper,
+  SectionTitleDescription,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleWrapper,
+  TopicCard,
+  TopicCardInner,
+  TopicDescription,
+  TopicImage,
+  TopicList,
+  TopicTitle,
+} from '@/styles/styled'
+
+import LazySVG from '@/components/LazySVG'
+import IMG_ICON_FAQ from '@cowprotocol/assets/images/icon-faq.svg'
+
+import { COW_AMM_CONTENT, FAQ_DATA, LVR_CONTENT, QUOTES } from '@/data/cow-amm/const'
+import { clickOnCowAmm } from '../../../modules/analytics'
+
+export default function Page() {
+  return (
+    <PageWrapper>
+      <HeroContainer variant="secondary" maxWidth={1300}>
+        <HeroContent variant="secondary">
+          <HeroSubtitle color={'#194D05'}>CoW AMM</HeroSubtitle>
+          <HeroTitle>The first MEV-capturing AMM, now live on Balancer</HeroTitle>
+          <HeroDescription>
+            CoW AMM protects LPs from LVR so they can provide liquidity with less risk and more return
+          </HeroDescription>
+          <Link
+            bgColor={'#194D05'}
+            color={'#BCEC79'}
+            href="https://balancer.fi/pools/cow"
+            external
+            linkType={LinkType.HeroButton}
+            utmContent={'cow-amm-hero-button-lp-on-cow-amm'}
+            onClick={() => clickOnCowAmm('click-lp-on-cow-amm')}
+          >
+            LP on CoW AMM ↗
+          </Link>
+        </HeroContent>
+        <HeroImage width={470} height={470} color={'#194D05'} marginMobile="24px auto 56px">
+          <LazySVG src={IMG_COWAMM_HERO} />
+        </HeroImage>
+      </HeroContainer>
+
+      <MetricsCard bgColor={Color.neutral100} color="#194D05" columns={3} touchFooter>
+        <MetricsItem dividerColor="#9BD955">
+          <h2>4.75%</h2>
+          <p>more TVL achieved than reference pool (beta phase)</p>
+        </MetricsItem>
+        <MetricsItem dividerColor="#9BD955">
+          <h2>$11M+</h2>
+          <p>liquidity protected from LVR</p>
+        </MetricsItem>
+        <MetricsItem>
+          <h2>$90K+</h2>
+          <p>surplus captured for LPs (beta phase)</p>
+        </MetricsItem>
+
+        <Link
+          bgColor="transparent"
+          color="#194D05"
+          margin="56px auto 0"
+          gridFullWidth
+          href="https://dune.com/cowprotocol/cow-amms-v2"
+          external
+          linkType={LinkType.SectionTitleButton}
+          utmContent={'cow-amm-metrics-button-view-all'}
+          onClick={() => clickOnCowAmm('click-view-all-metrics')}
+        >
+          View all metrics on DUNE &#8599;
+        </Link>
+      </MetricsCard>
+
+      <ContainerCard bgColor={Color.neutral10}>
+        <ContainerCardSection>
+          <SectionTitleWrapper color={Color.neutral100} maxWidth={1100} gap={56}>
+            <SectionTitleIcon size={98}>
+              <LazySVG src={IMG_ICON_CROWN_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>AMMs don&apos;t want you to know about LVR</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
+            {LVR_CONTENT.map((content, index) => (
+              <TopicCard
+                key={index}
+                columns="1fr auto"
+                columnsTablet="1fr"
+                gap={100}
+                horizontal
+                asProp="div"
+                bgColor={content.bgColor}
+                paddingMobile="0"
+              >
+                <TopicCardInner contentAlign="left">
+                  <TopicDescription fontSize={28} color={Color.neutral95}>
+                    {content.description1}
+                  </TopicDescription>
+                  <TopicDescription fontSize={21} color={Color.neutral50}>
+                    <sup>1</sup> {content.description2}
+                  </TopicDescription>
+                </TopicCardInner>
+                <TopicImage
+                  iconColor="transparent"
+                  width={590}
+                  height={590}
+                  heightMobile={300}
+                  orderReverseMobile
+                  orderReverseTablet
+                  borderRadius={90}
+                >
+                  <LazySVG src={content.image} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0" marginMobile="0 auto" maxWidth={1170} color={Color.neutral10}>
+            <SectionTitleIcon size={128}>
+              <LazySVG src={IMG_ICON_BULB_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText textAlign="center">Finally, an AMM designed with LPs in mind</SectionTitleText>
+            <SectionTitleDescription textAlign="center">
+              CoW AMM eliminates LVR once and for all by using batch auctions to send surplus to LPs
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <TopicList columns={4} columnsTablet={2}>
+            {COW_AMM_CONTENT.map((content, index) => (
+              <TopicCard
+                key={index}
+                gap={0}
+                contentAlign="left"
+                bgColor={content.bgColor}
+                textColor={content.textColor}
+                padding="24px"
+                asProp="div"
+              >
+                <TopicCardInner contentAlign="left">
+                  <TopicDescription fontSize={21} fontSizeMobile={21}>
+                    <b>{index + 1}.</b>
+                    <br />
+                    {content.description}
+                  </TopicDescription>
+                </TopicCardInner>
+                <TopicImage
+                  iconColor="transparent"
+                  bgColor="transparent"
+                  height="auto"
+                  width="100%"
+                  margin="auto 0 0 auto"
+                >
+                  <LazySVG src={content.image} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral100}>
+        <ContainerCardSection>
+          <SectionTitleWrapper color={Color.neutral10} maxWidth={1100} gap={56}>
+            <SectionTitleIcon size={98}>
+              <LazySVG src={IMG_ICON_CROWN_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>
+              Raising the <s>bar</s> curve
+            </SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
+            <TopicCard
+              columns="1fr auto"
+              columnsTablet="1fr"
+              gap={100}
+              horizontal
+              asProp="div"
+              bgColor="transparent"
+              paddingMobile="0"
+            >
+              <TopicCardInner contentAlign="left">
+                <TopicDescription fontSize={28}>
+                  CoW AMM LPs don't have to worry about LVR, which costs CF-AMM LPs 5-7% of their liquidity, on average.
+                  <br />
+                  <br />
+                  Backtesting research conducted over 6 months in 2023 shows that CoW AMM returns would have equalled or
+                  outperformed CF-AMM returns for 10 of the 11 most liquid, non-stablecoin pairs.
+                </TopicDescription>
+              </TopicCardInner>
+              <TopicImage
+                iconColor="transparent"
+                width={550}
+                height={550}
+                heightMobile={300}
+                orderReverseMobile
+                orderReverseTablet
+                borderRadius={32}
+              >
+                <LazySVG src={IMG_COWAMM_RAISING} />
+              </TopicImage>
+            </TopicCard>
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper color={Color.neutral10} maxWidth={1100} gap={56}>
+            <SectionTitleIcon size={128}>
+              <LazySVG src={IMG_ICON_BULB_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>CoW AMM benefits LPs of all types</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
+            <TopicCard
+              columns="1fr auto"
+              columnsTablet="1fr"
+              gap={100}
+              horizontal
+              asProp="div"
+              bgColor="transparent"
+              paddingMobile="0"
+            >
+              <TopicImage
+                iconColor="transparent"
+                width={500}
+                height={500}
+                heightMobile={300}
+                orderReverseMobile
+                orderReverseTablet
+                borderRadius={32}
+              >
+                <LazySVG src={IMG_COWAMM_REKT} />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle fontSize={52}>Provide liquidity for your token without getting rekt</TopicTitle>
+                <TopicDescription fontSize={24} color={Color.neutral50}>
+                  Healthy liquidity for DAO tokens reduces price impact, encourages investment and discourages
+                  volatility. But DAOs can be reluctant to provide liquidity with treasury funds when their pools can be
+                  exploited by arbitrageurs. CoW AMM makes providing liquidity more attractive to DAOs of all sizes.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard
+              columns="1fr auto"
+              columnsTablet="1fr"
+              gap={100}
+              horizontal
+              asProp="div"
+              bgColor="transparent"
+              paddingMobile="0"
+            >
+              <TopicCardInner contentAlign="left">
+                <TopicTitle fontSize={52}>Unlock the power of passive income while reducing risk</TopicTitle>
+                <TopicDescription fontSize={24} color={Color.neutral50}>
+                  With LVR in the rear view mirror, providing liquidity becomes identical to running a passive
+                  investment strategy: solvers rebalance the pool at the correct market price to keep the value of its
+                  reserves equal, thereby keeping portfolios balanced and reducing risk. On top of that, liquidity
+                  providers earn surplus when they trade with CoW Protocol traders.
+                </TopicDescription>
+              </TopicCardInner>
+              <TopicImage
+                iconColor="transparent"
+                width={500}
+                height={500}
+                heightMobile={300}
+                orderReverseMobile
+                orderReverseTablet
+                borderRadius={32}
+              >
+                <LazySVG src={IMG_COWAMM_PASSIVE} />
+              </TopicImage>
+            </TopicCard>
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 56px">
+            <SectionTitleIcon size={82}>
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText>Trust the experts</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2}>
+            {QUOTES.map((quote, index) => (
+              <TopicCard
+                key={index}
+                contentAlign="left"
+                bgColor={quote.bgColor}
+                textColor={quote.textColor}
+                padding="24px"
+                asProp="div"
+              >
+                <TopicCardInner height="100%" contentAlign="left" gap={52}>
+                  <TopicTitle fontSize={28}>{quote.title}</TopicTitle>
+                  <TopicDescription margin="auto 0 0" fontSize={21}>
+                    {quote.description}
+                  </TopicDescription>
+                </TopicCardInner>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
+        <ContainerCardSection padding={'0 0 100px'}>
+          <SectionTitleWrapper>
+            <SectionTitleIcon size={62}>
+              <LazySVG src={IMG_ICON_FAQ} />
+            </SectionTitleIcon>
+            <SectionTitleText>FAQs</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <FAQ faqs={FAQ_DATA} />
+        </ContainerCardSection>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/cow-protocol/layout.tsx b/apps/cow-fi/app/(main)/cow-protocol/layout.tsx
new file mode 100644
index 0000000000..848d295419
--- /dev/null
+++ b/apps/cow-fi/app/(main)/cow-protocol/layout.tsx
@@ -0,0 +1,16 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { CONFIG } from '@/const/meta'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    absoluteTitle: 'CoW Protocol - Do what you want, build what you want',
+    description:
+      'CoW Protocol has the largest solver competition and the most advanced developer framework - so you can build any DEX-related action you can imagine',
+    image: CONFIG.ogImageCOWPROTOCOL,
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/cow-protocol/page.tsx b/apps/cow-fi/app/(main)/cow-protocol/page.tsx
new file mode 100644
index 0000000000..1b9a896c34
--- /dev/null
+++ b/apps/cow-fi/app/(main)/cow-protocol/page.tsx
@@ -0,0 +1,558 @@
+'use client'
+
+import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
+import IMG_ICON_CROWN_COW from '@cowprotocol/assets/images/icon-crown-cow.svg'
+import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
+import IMG_ICON_BUILD_WITH_COW from '@cowprotocol/assets/images/icon-build-with-cow.svg'
+import IMG_ICON_SECURE from '@cowprotocol/assets/images/icon-secure.svg'
+import IMG_ICON_OWL from '@cowprotocol/assets/images/icon-owl.svg'
+import IMG_ICON_GHOST from '@cowprotocol/assets/images/icon-ghost.svg'
+import IMG_LOGO_SAFE from '@cowprotocol/assets/images/icon-logo-safe.svg'
+import IMG_LOGO_LIDO from '@cowprotocol/assets/images/icon-logo-lido.svg'
+import IMG_LOGO_CURVE from '@cowprotocol/assets/images/icon-logo-curve.svg'
+import IMG_INTENTS from '@cowprotocol/assets/images/image-intents.svg'
+import IMG_SOLVERS from '@cowprotocol/assets/images/image-solvers.svg'
+import IMG_BATCHAUCTIONS from '@cowprotocol/assets/images/image-batchauctions.svg'
+import IMG_COW_LENS from '@cowprotocol/assets/images/icon-cow-lens.svg'
+import IMG_COW_BITS from '@cowprotocol/assets/images/image-cow-bits.svg'
+import IMG_LEADING from '@cowprotocol/assets/images/image-leading.svg'
+import FAQ from '@/components/FAQ'
+import { Link, LinkType } from '@/components/Link'
+
+import {
+  ContainerCard,
+  ContainerCardSection,
+  HeroContainer,
+  HeroContent,
+  HeroDescription,
+  HeroImage,
+  HeroSubtitle,
+  HeroTitle,
+  MetricsCard,
+  MetricsItem,
+  PageWrapper,
+  SectionImage,
+  SectionTitleDescription,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleWrapper,
+  TopicCard,
+  TopicCardInner,
+  TopicDescription,
+  TopicImage,
+  TopicList,
+  TopicTitle,
+} from '@/styles/styled'
+
+import LazySVG from '@/components/LazySVG'
+import IMG_ICON_FAQ from '@cowprotocol/assets/images/icon-faq.svg'
+
+import {
+  ADVANCED_ORDER_TYPES,
+  ALL_LOGOS,
+  CASE_STUDIES,
+  COW_PROTOCOL_SECTIONS,
+  FAQ_DATA,
+  TOP_LOGOS,
+  UNIQUE_TRADING_LOGIC,
+} from '@/data/cow-protocol/const'
+import { clickOnCowProtocol } from '../../../modules/analytics'
+
+export default function Page() {
+  return (
+    <PageWrapper>
+      <HeroContainer variant="secondary">
+        <HeroContent variant="secondary">
+          <HeroSubtitle color={'#66018E'}>CoW Protocol</HeroSubtitle>
+          <HeroTitle maxWidth={520}>Do what you want, build what you want</HeroTitle>
+          <HeroDescription>
+            CoW Protocol has the largest solver competition and the most advanced developer framework - so you can build
+            any DeFi-related action you can imagine
+          </HeroDescription>
+          <Link
+            bgColor={'#66018E'}
+            color={'#F996EE'}
+            href="https://docs.cow.fi/category/tutorials"
+            external
+            linkType={LinkType.HeroButton}
+            onClick={() => clickOnCowProtocol('click-hero-start-building')}
+          >
+            Start building
+          </Link>
+        </HeroContent>
+        <HeroImage width={470} height={470} color={'#66018E'}>
+          <LazySVG src={IMG_COW_BITS} />
+        </HeroImage>
+      </HeroContainer>
+
+      <MetricsCard bgColor="#F996EE" color="#66018E" columns={3} touchFooter>
+        <MetricsItem dividerColor="#ED60E9">
+          <h2>23</h2>
+          <p>active solvers settling batches</p>
+        </MetricsItem>
+        <MetricsItem dividerColor="#ED60E9">
+          <h2>#1</h2>
+          <p>intent-based DEX protocol by volume</p>
+        </MetricsItem>
+
+        <MetricsItem>
+          <h2>1.2B+</h2>
+          <p>all time transactions</p>
+        </MetricsItem>
+
+        <Link
+          bgColor="transparent"
+          color="#66018E"
+          margin="24px auto 0"
+          gridFullWidth
+          href="https://dune.com/cowprotocol/cowswap"
+          external
+          linkType={LinkType.SectionTitleButton}
+          utmContent="cow-protocol-metrics"
+          onClick={() => clickOnCowProtocol('click-metrics-view-all')}
+        >
+          View all metrics on DUNE &#8599;
+        </Link>
+      </MetricsCard>
+
+      <ContainerCard bgColor={Color.neutral98}>
+        <ContainerCardSection>
+          <SectionTitleWrapper color={Color.neutral0} maxWidth={700} gap={56}>
+            <SectionTitleIcon size={82}>
+              <LazySVG src={IMG_ICON_CROWN_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>The leading intents-based DEX aggregation protocol</SectionTitleText>
+            <SectionTitleDescription maxWidth={900} color={Color.neutral50}>
+              CoW Protocol leverages intents, batch auctions, and the largest solver network in DeFi to bring
+              surplus-capturing, MEV-protected trades to users
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+          <SectionImage>
+            <LazySVG src={IMG_LEADING} />
+          </SectionImage>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper>
+            <SectionTitleIcon size={132}>
+              <LazySVG src={IMG_COW_LENS} />
+            </SectionTitleIcon>
+            <SectionTitleText>How it works</SectionTitleText>
+            <SectionTitleDescription maxWidth={900} color={Color.neutral50}>
+              CoW Protocol hosts a continuous competition between solvers to find better prices and protect users from
+              MEV
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
+            <TopicCard columns="repeat(2, 1fr)" columnsTablet="1fr" gap={100} horizontal asProp="div">
+              <TopicCardInner contentAlign="left">
+                <TopicTitle fontSize={51}>Intents</TopicTitle>
+                <TopicDescription fontSize={28} color={Color.neutral50}>
+                  CoW Protocol users sign an "intent to trade" message instead of directly executing orders on-chain
+                  (like on Uniswap). This lets solvers trade on behalf of the user.
+                </TopicDescription>
+                <Link
+                  bgColor="#66018E"
+                  color="#F996EE"
+                  href="/learn"
+                  onClick={() => clickOnCowProtocol('click-intents-learn-more')}
+                  linkType={LinkType.TopicButton}
+                >
+                  Learn more
+                </Link>
+              </TopicCardInner>
+              <TopicImage
+                iconColor="transparent"
+                width={590}
+                height={590}
+                heightMobile={'auto'}
+                widthMobile={'100%'}
+                orderReverseMobile
+                orderReverseTablet
+                borderRadius={90}
+              >
+                <LazySVG src={IMG_INTENTS} />
+              </TopicImage>
+            </TopicCard>
+
+            <TopicCard columns="1fr auto" columnsTablet="1fr" gap={100} horizontal asProp="div">
+              <TopicImage
+                iconColor="transparent"
+                width={590}
+                height={590}
+                heightMobile={'auto'}
+                widthMobile={'100%'}
+                orderReverseMobile
+                orderReverseTablet
+                borderRadius={90}
+              >
+                <LazySVG src={IMG_SOLVERS} />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle fontSize={51}>Solvers</TopicTitle>
+                <TopicDescription fontSize={28} color={Color.neutral50}>
+                  Professional third parties known as solvers find the most optimal trade path from a combination of
+                  public and private liquidity sources - finding better prices than most users could find on their own.
+                </TopicDescription>
+                <Link
+                  bgColor="#66018E"
+                  color="#F996EE"
+                  href="/learn"
+                  onClick={() => clickOnCowProtocol('click-solvers-learn-more')}
+                  linkType={LinkType.TopicButton}
+                >
+                  Learn more
+                </Link>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard columns="1fr auto" columnsTablet="1fr" gap={100} horizontal asProp="div">
+              <TopicCardInner contentAlign="left">
+                <TopicTitle fontSize={51}>Batch Auctions</TopicTitle>
+                <TopicDescription fontSize={28} color={Color.neutral50}>
+                  Solvers compete for the right to settle trades in batches, which give users additional MEV protection
+                  and allow for Coincidence of Wants.
+                  <br />
+                  <br />
+                  The solver that wins the batch auction is the solver that finds the most surplus - so they win when
+                  you win.
+                </TopicDescription>
+                <Link
+                  bgColor="#66018E"
+                  color="#F996EE"
+                  href="/learn"
+                  linkType={LinkType.TopicButton}
+                  onClick={() => clickOnCowProtocol('click-batch-auctions-learn-more')}
+                >
+                  Learn more
+                </Link>
+              </TopicCardInner>
+              <TopicImage
+                iconColor="transparent"
+                width={590}
+                height={590}
+                heightMobile={'auto'}
+                widthMobile={'100%'}
+                orderReverseMobile
+                borderRadius={90}
+              >
+                <LazySVG src={IMG_BATCHAUCTIONS} />
+              </TopicImage>
+            </TopicCard>
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral0} color={Color.neutral98}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0">
+            <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
+            <SectionTitleText>Going where others can&apos;t</SectionTitleText>
+            <SectionTitleDescription color={Color.neutral60}>
+              Thanks to its unique architecture, CoW Protocol can do things other DEXs can&apos;t
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <SectionTitleWrapper padding="50px 0">
+            <SectionTitleText>Advanced order types</SectionTitleText>
+          </SectionTitleWrapper>
+          <TopicList columns={3} columnsTablet={2}>
+            {ADVANCED_ORDER_TYPES.map((topic) => (
+              <TopicCard
+                key={topic.title}
+                contentAlign="left"
+                bgColor={topic.bgColor}
+                textColor={topic.textColor}
+                padding="32px"
+                asProp="div"
+              >
+                <TopicCardInner contentAlign="left">
+                  <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
+                  <TopicDescription fontSize={21} color={topic.textColor}>
+                    {topic.description}
+                  </TopicDescription>
+                </TopicCardInner>
+                <TopicImage
+                  iconColor="transparent"
+                  bgColor="transparent"
+                  margin="auto 0 0 auto"
+                  height="auto"
+                  width="100%"
+                >
+                  <LazySVG src={topic.imageSrc} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+
+          <SectionTitleWrapper padding="150px 0 50px">
+            <SectionTitleText textAlign="center">Unique trading logic</SectionTitleText>
+          </SectionTitleWrapper>
+          <TopicList columns={3} columnsTablet={2}>
+            {UNIQUE_TRADING_LOGIC.map((topic) => (
+              <TopicCard
+                key={topic.title}
+                contentAlign="left"
+                bgColor={topic.bgColor}
+                textColor={topic.textColor}
+                padding="32px"
+                asProp="div"
+              >
+                <TopicCardInner contentAlign="left">
+                  <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
+                  <TopicDescription fontSize={21} color={topic.textColor}>
+                    {topic.description}
+                  </TopicDescription>
+                </TopicCardInner>
+                <TopicImage
+                  iconColor="transparent"
+                  bgColor="transparent"
+                  margin="auto 0 0 auto"
+                  height="auto"
+                  width="100%"
+                >
+                  <LazySVG src={topic.imageSrc} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={878} color={Color.neutral10}>
+            <SectionTitleIcon size={128}>
+              <LazySVG src={IMG_ICON_BULB_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText textAlign="center">Powering innovation across DeFi</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2}>
+            <TopicCard contentAlign={'left'} bgColor="#66018E" textColor="#F996EE" padding={'32px'} asProp="div">
+              <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
+                <LazySVG src={IMG_LOGO_CURVE} />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle color={Color.neutral100}>Automating advanced treasury tasks</TopicTitle>
+                <TopicDescription fontSize={21} color="#F996EE">
+                  Curve uses programmatic orders from CoW Protocol to streamline their fee burning processes. With the
+                  integration in place, Curve can take fees in any token and convert them automatically to CRV, while
+                  generating surplus and protecting themselves from MEV
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor="#66018E" textColor="#F996EE" padding={'32px'} asProp="div">
+              <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
+                <LazySVG src={IMG_LOGO_LIDO} />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle color={Color.neutral100}>Adding security to sensitive transactions</TopicTitle>
+                <TopicDescription fontSize={21} color="#F996EE">
+                  Lido leverages programmatic orders as the backbone of “stonks” - a set of smart contracts that they
+                  use to manage treasury ops smoothly and securely without taking custody of funds. Stonks allows Lido
+                  DAO to "set and forget" complex trade intents without compromising the prices they receive on future
+                  swaps - minimizing time spent and human error
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor="#66018E" textColor="#F996EE" padding={'32px'} asProp="div">
+              <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
+                <LazySVG src={IMG_LOGO_SAFE} />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle color={Color.neutral100}>Powering native swaps</TopicTitle>
+                <TopicDescription fontSize={21} color="#F996EE">
+                  Safe chose CoW Protocol to power native swaps on the Safe app. The team chose to build on top of the
+                  CoW widget (the simplest way to integrate CoW Protocol) and is now earning revenue by offering
+                  MEV-protected swaps to its users
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0">
+            <SectionTitleIcon multiple size={60}>
+              <LazySVG src={IMG_ICON_OWL} />
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
+              <LazySVG src={IMG_ICON_GHOST} />
+            </SectionTitleIcon>
+            <SectionTitleText>Trusted by the best</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3}>
+            {TOP_LOGOS.map((logo) => (
+              <TopicCard
+                key={logo.url}
+                contentAlign={'center'}
+                bgColor={Color.neutral100}
+                padding={'42px'}
+                href={`${logo.url}?utm_source=cow.fi&utm_medium=web&utm_content=cow-protocol-logos`}
+                target="_blank"
+                rel="noopener noreferrer nofollow"
+                onClick={() => clickOnCowProtocol(`click-logo-${logo.alt}`)}
+              >
+                <TopicImage
+                  iconColor={Color.neutral20}
+                  bgColor={'transparent'}
+                  width={'100%'}
+                  height={54}
+                  margin={'auto'}
+                >
+                  <LazySVG src={logo.src} title={logo.alt} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+
+            {CASE_STUDIES.map((study) => (
+              <TopicCard key={study.link} bgColor={Color.neutral100} padding={'52px'} gap={16} asProp="div">
+                <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
+                  <LazySVG src={study.logo} />
+                </TopicImage>
+                <TopicCardInner>
+                  <TopicTitle fontSize={38}>{study.title}</TopicTitle>
+                  <TopicDescription fontSize={21}>{study.description}</TopicDescription>
+                  <Link
+                    bgColor="#490072"
+                    color="#F996EE"
+                    fontSize={27}
+                    href={study.link}
+                    external
+                    linkType={LinkType.TopicButton}
+                    utmContent={`cow-protocol-case-study-${study.title}`}
+                    onClick={() => clickOnCowProtocol(`click-case-study-${study.title}`)}
+                  >
+                    Read more
+                  </Link>
+                </TopicCardInner>
+              </TopicCard>
+            ))}
+          </TopicList>
+
+          <TopicList columns={4} columnsTablet={2}>
+            {ALL_LOGOS.map((logo) => (
+              <TopicCard
+                key={logo.url}
+                contentAlign={'center'}
+                bgColor={Color.neutral100}
+                padding={'42px'}
+                href={`${logo.url}?utm_source=cow.fi&utm_medium=web&utm_content=cow-protocol-logos`}
+                target="_blank"
+                rel="noopener noreferrer nofollow"
+                onClick={() => clickOnCowProtocol(`click-logo-${logo.alt}`)}
+              >
+                <TopicImage iconColor={Color.neutral20} bgColor={'transparent'} width={90} height={90} margin={'auto'}>
+                  <LazySVG src={logo.src} title={logo.alt} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper color={Color.neutral10} maxWidth={1100}>
+            <SectionTitleIcon size={78}>
+              <LazySVG src={IMG_ICON_BUILD_WITH_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>Build with CoW Protocol</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2}>
+            {COW_PROTOCOL_SECTIONS.map((topic) => (
+              <TopicCard
+                key={topic.title}
+                contentAlign="left"
+                bgColor={topic.bgColor}
+                textColor={topic.textColor}
+                padding="32px"
+                asProp="div"
+              >
+                <TopicCardInner contentAlign="left">
+                  <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
+                  <TopicDescription fontSize={21} color={topic.textColor} minHeight={220}>
+                    {topic.description}
+                  </TopicDescription>
+                  <Link
+                    bgColor={topic.textColor}
+                    color={topic.bgColor}
+                    fontSize={27}
+                    fontSizeMobile={24}
+                    href={topic.linkHref}
+                    linkType={LinkType.TopicButton}
+                    onClick={() => clickOnCowProtocol(topic.linkEvent)}
+                    utmContent={topic.linkUtmContent}
+                    external={topic.linkHref.startsWith('http')}
+                  >
+                    {topic.linkText}
+                  </Link>
+                </TopicCardInner>
+                <TopicImage iconColor="#8702AA" bgColor="transparent" margin="0 0 0 auto" height={187} width="auto">
+                  <LazySVG src={topic.imageSrc} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={1000}>
+            <SectionTitleIcon size={100}>
+              <LazySVG src={IMG_ICON_SECURE} />
+            </SectionTitleIcon>
+            <SectionTitleText textAlign="center">Want to build a solver?</SectionTitleText>
+            <SectionTitleDescription fontSize={28} color={Color.neutral30}>
+              Solvers are the backbone of CoW Protocol. In a nutshell, solvers are optimization algorithms that compete
+              to find CoW Protocol users the best possible settlements for their trade intents.
+              <br />
+              <br />
+              Advanced solver teams can earn hundreds of thousands of dollars per year by winning batch auctions
+              frequently.
+              <br />
+              <br />
+              Learn more about building a solver by reading the CoW Protocol docs.
+            </SectionTitleDescription>
+
+            <Link
+              bgColor="#66018E"
+              color="#F996EE"
+              href="https://docs.cow.fi/cow-protocol/tutorials/solvers"
+              external
+              linkType={LinkType.SectionTitleButton}
+              utmContent="cow-protocol-solvers"
+              margin="28px 0 0"
+              onClick={() => clickOnCowProtocol(`click-solvers-read-docs`)}
+            >
+              Read the docs
+            </Link>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
+        <ContainerCardSection>
+          <SectionTitleWrapper>
+            <SectionTitleIcon size={62}>
+              <LazySVG src={IMG_ICON_FAQ} />
+            </SectionTitleIcon>
+            <SectionTitleText>FAQs</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <FAQ faqs={FAQ_DATA} />
+        </ContainerCardSection>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/cow-swap/layout.tsx b/apps/cow-fi/app/(main)/cow-swap/layout.tsx
new file mode 100644
index 0000000000..eea2157d58
--- /dev/null
+++ b/apps/cow-fi/app/(main)/cow-swap/layout.tsx
@@ -0,0 +1,16 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { CONFIG } from '@/const/meta'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    absoluteTitle: "CoW Swap - Don't worry, trade happy",
+    description:
+      'CoW Swap protects traders from the dangers of DeFi, so you can do what you want without needing to worry',
+    image: CONFIG.ogImageCOWSWAPP,
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/cow-swap/page.tsx b/apps/cow-fi/app/(main)/cow-swap/page.tsx
new file mode 100644
index 0000000000..2400be8606
--- /dev/null
+++ b/apps/cow-fi/app/(main)/cow-swap/page.tsx
@@ -0,0 +1,405 @@
+'use client'
+
+import { useEffect, useRef } from 'react'
+
+import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
+
+import IMG_ICON_UNICORN from '@cowprotocol/assets/images/icon-unicorn.svg'
+import IMG_ICON_FLOWER_COW from '@cowprotocol/assets/images/icon-flower-cow.svg'
+import IMG_COWSWAP_HERO from '@cowprotocol/assets/images/image-cowswap-hero.svg'
+import ICON_BULB from '@cowprotocol/assets/images/icon-bulb-cow.svg'
+import FAQ from '@/components/FAQ'
+import { Link, LinkType } from '@/components/Link'
+
+import {
+  ContainerCard,
+  ContainerCardSection,
+  HeroContainer,
+  HeroContent,
+  HeroDescription,
+  HeroImage,
+  HeroSubtitle,
+  HeroTitle,
+  MetricsCard,
+  MetricsItem,
+  PageWrapper,
+  SectionTitleDescription,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleWrapper,
+  TopicCard,
+  TopicCardInner,
+  TopicDescription,
+  TopicImage,
+  TopicList,
+  TopicTitle,
+} from '@/styles/styled'
+
+import LazySVG from '@/components/LazySVG'
+import IMG_ICON_FAQ from '@cowprotocol/assets/images/icon-faq.svg'
+import { ADVANCED_ORDER_TYPES, BETTER_UX, COW_IS_DIFFERENT, FAQ_DATA, TWEETS } from '@/data/cow-swap/const'
+import LazyLoadTweet from '@/components/LazyLoadTweet'
+import { clickOnCowSwap } from '../../../modules/analytics'
+
+export default function Page() {
+  const tweetSectionRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0].isIntersecting) {
+          const script = document.createElement('script')
+          script.src = 'https://platform.twitter.com/widgets.js'
+          script.async = true
+          document.head.appendChild(script)
+          observer.disconnect()
+        }
+      },
+      { rootMargin: '100px' },
+    )
+
+    if (tweetSectionRef.current) {
+      observer.observe(tweetSectionRef.current)
+    }
+
+    return () => {
+      observer.disconnect()
+    }
+  }, [])
+
+  return (
+    <PageWrapper>
+      <HeroContainer variant="secondary">
+        <HeroContent variant="secondary">
+          <HeroSubtitle color={'#012F7A'}>CoW Swap</HeroSubtitle>
+          <HeroTitle>
+            Don't worry,
+            <br /> trade happy
+          </HeroTitle>
+          <HeroDescription>
+            CoW Swap protects traders from the dangers of DeFi, so you can do what you want without needing to worry
+          </HeroDescription>
+          <Link
+            bgColor={'#012F7A'}
+            color={'#65D9FF'}
+            href="https://swap.cow.fi/"
+            external
+            linkType={LinkType.HeroButton}
+            utmContent="cow-swap-launch-app-button"
+            onClick={() => clickOnCowSwap('click-launch-app')}
+          >
+            Launch app
+          </Link>
+        </HeroContent>
+        <HeroImage width={470} height={470} color={'#012F7A'} marginMobile="24px auto 56px">
+          <LazySVG src={IMG_COWSWAP_HERO} />
+        </HeroImage>
+      </HeroContainer>
+
+      <MetricsCard bgColor="#65D9FF" color="#012F7A" columns={3} touchFooter>
+        <MetricsItem dividerColor="#005EB7">
+          <h2>#1</h2>
+          <p>retention rate of all major DEXs</p>
+        </MetricsItem>
+        <MetricsItem dividerColor="#005EB7">
+          <h2>$44B+</h2>
+          <p>total volume traded</p>
+        </MetricsItem>
+        <MetricsItem>
+          <h2>$238M+</h2>
+          <p>surplus found for users</p>
+        </MetricsItem>
+
+        <Link
+          bgColor="transparent"
+          color="#012F7A"
+          margin="24px auto 0"
+          gridFullWidth
+          href="https://dune.com/cowprotocol/cowswap"
+          external
+          linkType={LinkType.SectionTitleButton}
+          utmContent="cow-swap-metrics-link"
+          onClick={() => clickOnCowSwap('click-metrics-link')}
+        >
+          View all metrics on DUNE &#8599;
+        </Link>
+      </MetricsCard>
+
+      <ContainerCard bgColor={Color.neutral100}>
+        <ContainerCardSection gap={90}>
+          <SectionTitleWrapper color={Color.neutral10} maxWidth={1100} gap={56}>
+            <SectionTitleIcon multiple size={82}>
+              <LazySVG src={IMG_ICON_UNICORN} />
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
+              <LazySVG src={IMG_ICON_UNICORN} className="image-reverse" />
+            </SectionTitleIcon>
+
+            <SectionTitleText>CoW Swap is different</SectionTitleText>
+            <SectionTitleDescription maxWidth={900} color={Color.neutral50}>
+              Unlike other exchanges, CoW Swap is built around frequent batch auctions, which are designed to find the
+              best liquidity at any point in time and protect you from MEV
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2}>
+            {COW_IS_DIFFERENT.map((topic, index) => (
+              <TopicCard key={index} contentAlign={'left'} bgColor={topic.bgColor} padding={'32px'} asProp="div">
+                <TopicCardInner contentAlign="left">
+                  <TopicDescription fontSize={topic.fontSize} color={topic.color}>
+                    {topic.description}
+                  </TopicDescription>
+                </TopicCardInner>
+                <TopicImage
+                  iconColor={'transparent'}
+                  bgColor="transparent"
+                  margin={'auto 0 0 auto'}
+                  height={187}
+                  width={'auto'}
+                >
+                  <LazySVG src={topic.imgSrc} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={800}>
+            <SectionTitleIcon size={126}>
+              <LazySVG src={ICON_BULB} />
+            </SectionTitleIcon>
+            <SectionTitleText>CoW Swap is the first user interface built on top of CoW Protocol</SectionTitleText>
+            <SectionTitleDescription color={Color.neutral50}>
+              A powerful, open-source, and permissionless DEX aggregation protocol that anyone can integrate for a
+              variety of DeFi purposes
+            </SectionTitleDescription>
+            <Link
+              bgColor="#65D9FF"
+              color="#012F7A"
+              href="/cow-protocol"
+              linkType={LinkType.SectionTitleButton}
+              onClick={() => clickOnCowSwap('click-learn-about-cow-protocol')}
+            >
+              Learn about CoW Protocol
+            </Link>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0" maxWidth={900}>
+            <SectionTitleIcon size={140}>
+              <LazySVG src={IMG_ICON_FLOWER_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>S-moooo-th trading</SectionTitleText>
+            <SectionTitleDescription color={Color.neutral60}>
+              CoW Swap features the smoothest trading experiences in DeFi, allowing you to worry less and do more.
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <SectionTitleWrapper>
+            <SectionTitleText>Advanced order types</SectionTitleText>
+          </SectionTitleWrapper>
+          <TopicList columns={3} columnsTablet={2}>
+            {ADVANCED_ORDER_TYPES.map((topic, index) => (
+              <TopicCard
+                key={index}
+                contentAlign={'left'}
+                bgColor={topic.bgColor}
+                textColor={topic.textColor}
+                padding={'32px'}
+                asProp="div"
+              >
+                <TopicCardInner contentAlign="left">
+                  <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
+                  <TopicDescription fontSize={21}>{topic.description}</TopicDescription>
+                </TopicCardInner>
+                <TopicImage
+                  iconColor="transparent"
+                  bgColor="transparent"
+                  margin={'auto 0 0 auto'}
+                  height={187}
+                  width={'auto'}
+                >
+                  <LazySVG src={topic.imgSrc} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+
+          <SectionTitleWrapper>
+            <SectionTitleText fontSize={51} textAlign="center">
+              Better UX, thanks to intents
+            </SectionTitleText>
+          </SectionTitleWrapper>
+          <TopicList columns={3} columnsTablet={2}>
+            {BETTER_UX.map((topic, index) => (
+              <TopicCard
+                key={index}
+                contentAlign={'left'}
+                bgColor={topic.bgColor}
+                textColor={topic.textColor}
+                padding={'32px'}
+                asProp="div"
+              >
+                <TopicCardInner contentAlign="left">
+                  <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
+                  <TopicDescription fontSize={21}>{topic.description}</TopicDescription>
+                </TopicCardInner>
+                <TopicImage
+                  iconColor="transparent"
+                  bgColor="transparent"
+                  margin={'auto 0 0 auto'}
+                  height={187}
+                  width={'auto'}
+                >
+                  <LazySVG src={topic.imgSrc} />
+                </TopicImage>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0" maxWidth={1300}>
+            <SectionTitleIcon size={82}>
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="light" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText textAlign="center">The DEX of choice for crypto whales and pros</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={4} columnsTablet={2}>
+            <TopicCard
+              contentAlign={'left'}
+              bgColor="#012F7A"
+              textColor={Color.neutral100}
+              padding={'32px'}
+              asProp="div"
+            >
+              <TopicCardInner contentAlign="left">
+                <TopicTitle color={Color.neutral100} fontSize={51}>
+                  $2,500
+                </TopicTitle>
+                <TopicDescription fontSize={21} color="#65D9FF">
+                  Average trade size (more than 2x Uniswap&apos;s)
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard
+              contentAlign={'left'}
+              bgColor="#012F7A"
+              textColor={Color.neutral100}
+              padding={'32px'}
+              asProp="div"
+            >
+              <TopicCardInner contentAlign="left">
+                <TopicTitle color={Color.neutral100} fontSize={51}>
+                  39%
+                </TopicTitle>
+                <TopicDescription fontSize={21} color="#65D9FF">
+                  Market share among smart contract wallets
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard
+              contentAlign={'left'}
+              bgColor="#012F7A"
+              textColor={Color.neutral100}
+              padding={'32px'}
+              asProp="div"
+            >
+              <TopicCardInner contentAlign="left">
+                <TopicTitle color={Color.neutral100} fontSize={51}>
+                  42%
+                </TopicTitle>
+                <TopicDescription fontSize={21} color="#65D9FF">
+                  Monthly user retention rate – the highest in DeFi
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard
+              contentAlign={'left'}
+              bgColor="#012F7A"
+              textColor={Color.neutral100}
+              padding={'32px'}
+              asProp="div"
+            >
+              <TopicCardInner contentAlign="left">
+                <TopicTitle color={Color.neutral100} fontSize={51}>
+                  #1
+                </TopicTitle>
+                <TopicDescription fontSize={21} color="#65D9FF">
+                  Intents-based trading platform
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'} ref={tweetSectionRef}>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={1100}>
+            <SectionTitleText textAlign="center">Don't take our word for it</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2} maxWidth={1360}>
+            {TWEETS.map((tweet, index) => (
+              <TopicCard bgColor={Color.neutral100} padding="4px" paddingMobile="4px" gap={16} asProp="div" key={index}>
+                <TopicCardInner minHeight={'200px'} contentAlign={'center'}>
+                  <LazyLoadTweet tweetUrl={tweet} key={index} />
+                </TopicCardInner>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'} color={Color.neutral10}>
+        <ContainerCardSection>
+          <SectionTitleWrapper>
+            <SectionTitleIcon size={62}>
+              <LazySVG src={IMG_ICON_FAQ} />
+            </SectionTitleIcon>
+            <SectionTitleText>FAQs</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <FAQ faqs={FAQ_DATA} />
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
+        <ContainerCardSection padding={'0 0 100px'}>
+          <SectionTitleWrapper margin="0 auto">
+            <SectionTitleIcon>
+              <ProductLogo variant={ProductVariant.CowSwap} theme="light" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText>Don't worry, trade happy</SectionTitleText>
+            <SectionTitleDescription fontSize={28} color={Color.neutral30}>
+              Trade seamlessly, with the most user-protective DEX in DeFi
+            </SectionTitleDescription>
+            <Link
+              bgColor="#65D9FF"
+              color="#012F7A"
+              href="https://swap.cow.fi/"
+              external
+              linkType={LinkType.SectionTitleButton}
+              utmContent="cow-swap-launch-app-button"
+              onClick={() => clickOnCowSwap('click-launch-app')}
+            >
+              Launch app
+            </Link>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/daos/layout.tsx b/apps/cow-fi/app/(main)/daos/layout.tsx
new file mode 100644
index 0000000000..b17d559cf5
--- /dev/null
+++ b/apps/cow-fi/app/(main)/daos/layout.tsx
@@ -0,0 +1,14 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { CONFIG } from '@/const/meta'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    absoluteTitle: 'DAOs - Savvy DAOs Choose CoW Swap',
+    description: 'The smartest DAOs trust CoW Swap with their most-important trades',
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/daos/page.tsx b/apps/cow-fi/app/(main)/daos/page.tsx
new file mode 100644
index 0000000000..530d3bb15b
--- /dev/null
+++ b/apps/cow-fi/app/(main)/daos/page.tsx
@@ -0,0 +1,7 @@
+'use server'
+
+import { DaosPageComponent } from '@/components/DaosPageComponent'
+
+export default async function Page() {
+  return <DaosPageComponent />
+}
diff --git a/apps/cow-fi/app/(main)/layout.tsx b/apps/cow-fi/app/(main)/layout.tsx
new file mode 100644
index 0000000000..89f2602943
--- /dev/null
+++ b/apps/cow-fi/app/(main)/layout.tsx
@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return <Layout bgColor="#F0DEDE">{children}</Layout>
+}
diff --git a/apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/layout.tsx b/apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/layout.tsx
new file mode 100644
index 0000000000..d3ce9ec05f
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/layout.tsx
@@ -0,0 +1,11 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: {
+    absolute: 'CoW Swap - Cookie policy',
+  },
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/page.tsx b/apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/page.tsx
new file mode 100644
index 0000000000..4395fb47e9
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/cowswap-cookie-policy/page.tsx
@@ -0,0 +1,413 @@
+'use client'
+
+import { Color } from '@cowprotocol/ui'
+
+import styled from 'styled-components/macro'
+import { Link } from '@/components/Link'
+
+import {
+  ArticleContent,
+  ArticleMainTitle,
+  BodyContent,
+  Breadcrumbs,
+  ColorTableContainer,
+  ContainerCard,
+} from '@/styles/styled'
+import { clickOnLegal } from '../../../../modules/analytics'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1000px;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 24px;
+`
+
+export default function Page() {
+  const title = 'CoW Swap Cookie policy'
+
+  return (
+    <Wrapper>
+      <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
+        <ArticleContent maxWidth="100%">
+          <Breadcrumbs>
+            <Link href="/ " onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Home
+            </Link>
+            <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Legal
+            </Link>
+            <span>{title}</span>
+          </Breadcrumbs>
+
+          <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
+            {title}
+          </ArticleMainTitle>
+
+          <BodyContent>
+            <p>
+              <strong>Last updated: November 2022</strong>
+            </p>
+            <p>
+              As further described in the Privacy Policy, certain statistical information is available to us via our
+              internet service provider as well as through the use of special tracking technologies. Such information
+              tells us about the pages you are clicking on or the hardware you are using, but not your name, age,
+              address or anything we can use to identify you personally.
+            </p>
+            <p>
+              This Cookie Policy sets out some further detail on how and why we use these technologies on our website or
+              websites we may host on behalf of clients. The terms &quot;Nomev&quot;, &quot;we&quot;, &quot;us&quot;,
+              and &quot;our&quot; include Nomev Labs, Lda and affiliates. The terms “you” and “your” include our
+              clients, business partners and users of this website. By using our website, you consent to storage and
+              access to cookies and other technologies on your device, in accordance with this Cookie Policy.
+            </p>
+            <h2 id="1-what-are-cookies-">1. What are cookies?</h2>
+            <p>
+              Cookies are a feature of web browser software that allows web servers to recognize the computer or device
+              used to access a website. A cookie is a small text file that a website saves on your computer or mobile
+              device when you visit the site. It enables the website to remember your actions and preferences (such as
+              login, language, font size and other display preferences) over a period of time, so you don&#39;t have to
+              keep re-entering them whenever you come back to the site or browse from one page to another.
+            </p>
+            <h2 id="2-what-are-the-different-types-of-cookies-">2. What are the different types of cookies?</h2>
+            <p>
+              A cookie can be classified by its lifespan and the domain to which it belongs. By lifespan, a cookie is
+              either a:
+            </p>
+            <ul>
+              <li>session cookie which is erased when the user closes the browser; or</li>
+              <li>
+                persistent cookie which is saved to the hard drive and remains on the user&#39;s computer/device for a
+                pre-defined period of time.
+              </li>
+            </ul>
+            <p>As for the domain to which it belongs, cookies are either:</p>
+            <ul>
+              <li>
+                first-party cookies which are set by the web server of the visited page and share the same domain (i.e.
+                set by us); or
+              </li>
+              <li>third-party cookies stored by a different domain to the visited page&#39;s domain.</li>
+            </ul>
+            <h2 id="3-what-cookies-do-we-use-and-why-">3. What cookies do we use and why?</h2>
+            <p>We list all the cookies we use on this website in the APPENDIX below.</p>
+            <p>
+              Cookies are also sometimes classified by reference to their purpose. We use the following cookies for the
+              following purposes:
+            </p>
+            <ul>
+              <li>
+                Analytical/performance cookies: They allow us to recognize and count the number of visitors and to see
+                how visitors move around our website when they are using it, as well as dates and times they visit. This
+                helps us to improve the way our website works, for example, by ensuring that users are finding what they
+                are looking for easily.
+              </li>
+              <li>
+                Targeting cookies: These cookies record your visit to our website, the pages you have visited and the
+                links you have followed, as well as time spent on our website, and the websites visited just before and
+                just after our website. We will use this information to make our website and the advertising displayed
+                on it more relevant to your interests. We may also share this information with third parties for this
+                purpose.
+              </li>
+            </ul>
+            <p>
+              In general, we use cookies and other technologies (such as web server logs) on our website to enhance your
+              experience and to collect information about how our website is used. This information is put together
+              (‘aggregated’) and provides general and not individually specific information. None of this information is
+              therefore associated with you as an individual and the cookie-related information is not used to identify
+              you personally. It is therefore anonymized and ‘de-identified’. The pattern data is fully under our
+              control and these cookies are not used for any purpose other than those described here.
+            </p>
+            <p>
+              We will retain and evaluate information on your recent visits to our website and how you move around
+              different sections of our website for analytics purposes to understand how people use our website so that
+              we can make it more intuitive. The information also helps us to understand which parts of this website are
+              most popular and generally to assess user behaviour and characteristics to measure interest in and use of
+              the various areas of our website. This then allows us to improve our website and the way we market our
+              business.
+            </p>
+            <p>
+              This information may also be used to help us to improve, administer and diagnose problems with our server
+              and website. The information also helps us monitor traffic on our website so that we can manage our
+              website&#39;s capacity and efficiency.
+            </p>
+            <h2 id="4-other-technologies">4. Other Technologies</h2>
+            <p>
+              We may allow others to provide analytics services and serve advertisements on our behalf. In addition to
+              the uses of cookies described above, these entities may use other methods, such as the technologies
+              described below, to collect information about your use of our website and other websites and online
+              services.
+            </p>
+            <p>
+              Pixels tags. Pixel tags (which are also called clear GIFs, web beacons, or pixels), are small pieces of
+              code that can be embedded on websites and emails. Pixels tags may be used to learn how you interact with
+              our website pages and emails, and this information helps us, and our partners provide you with a more
+              tailored experience.
+            </p>
+            <p>
+              Device Identifiers. A device identifier is a unique label that can be used to identify a mobile device.
+              Device identifiers may be used to track, analyse and improve the performance of the website and ads
+              delivered.
+            </p>
+            <h2 id="5-what-data-is-collected-by-cookies-and-other-technologies-on-our-website-">
+              5. What data is collected by cookies and other technologies on our website?
+            </h2>
+            <p>This information may include:</p>
+            <ul>
+              <li>
+                the IP and logical address of the server you are using (but the last digits are anonymized so we cannot
+                identify you);
+              </li>
+              <li>the top level domain name from which you access the internet (for example .ie, .com, etc);</li>
+              <li>the type of browser you are using;</li>
+              <li>the date and time you access our website;</li>
+              <li>the internet address linking to our website;</li>
+            </ul>
+            <p>This website also uses cookies to:</p>
+            <ul>
+              <li>remember you and your actions while navigating between pages;</li>
+              <li>remember if you have agreed (or not) to our use of cookies on our website;</li>
+              <li>ensure the security of the website;</li>
+              <li>monitor and improve the performance of servers hosting the site;</li>
+              <li>distinguish users and sessions;</li>
+              <li>Improving the speed of the site when you access content repeatedly;</li>
+              <li>determine new sessions and visits;</li>
+              <li>show the traffic source or campaign that explains how you may have reached our website; and</li>
+              <li>allow us to store any customization preferences where our website allows this</li>
+            </ul>
+            <p>
+              We may also use other services, such as{' '}
+              <a href="https://www.google.com/analytics/" target="_blank" rel="nofollow noopener">
+                Google Analytics
+              </a>{' '}
+              (described below) or other third-party cookies, to assist with analysing performance on our website. As
+              part of providing these services, these service providers may use cookies and the technologies described
+              below to collect and store information about your device, such as time of visit, pages visited, time spent
+              on each page of our website, links clicked and conversion information, IP address, browser, mobile network
+              information, and type of operating system used.
+            </p>
+            <h2 id="6-google-analytics-cookies">6. Google Analytics Cookies</h2>
+            <p>
+              This website uses{' '}
+              <a href="https://www.google.com/analytics/" target="_blank" rel="nofollow noopener">
+                Google Analytics
+              </a>
+              , a web analytics service provided by Google, Inc. (&quot;Google&quot;).
+            </p>
+            <p>
+              We use Google Analytics to track your preferences and also to identify popular sections of our website.
+              Use of Google Analytics in this way, enables us to adapt the content of our website more specifically to
+              your needs and thereby improve what we can offer to you.
+            </p>
+            <p>
+              Google will use this information for the purpose of evaluating your use of our website, compiling reports
+              on website activity for website operators and providing other services relating to website activity and
+              internet usage. Google may also transfer this information to third parties where required to do so by law,
+              or where such third parties process the information on Google&#39;s behalf. Google will not associate your
+              IP address with any other data held by Google.
+            </p>
+            <p>In particular Google Analytics tells us:</p>
+            <ul>
+              <li>your IP address (last 3 digits are masked);</li>
+              <li>the number of pages visited;</li>
+              <li>the time and duration of the visit;</li>
+              <li>your location;</li>
+              <li>the website you came from (if any);</li>
+              <li>the type of hardware you use (i.e. whether you are browsing from a desktop or a mobile device);</li>
+              <li>the software used (type of browser); and</li>
+              <li>your general interaction with our website.</li>
+            </ul>
+            <p>
+              As stated above, cookie-related information is not used to identify you personally, and what is compiled
+              is only aggregate data that tells us, for example, what countries we are most popular in, but not that you
+              live in a particular country or your precise location when you visited our website (this is because we
+              have only half the information- we know the country the person is browsing from, but not the name of
+              person who is browsing). In such an example Google will analyse the number of users for us, but the
+              relevant cookies do not reveal their identities.
+            </p>
+            <p>
+              By using this website, you consent to the processing of data about you by Google in the manner and for the
+              purposes set out above. Google Analytics, its purpose and function is further explained on the{' '}
+              <a href="https://www.google.com/analytics/" target="_blank" rel="nofollow noopener">
+                Google Analytics website
+              </a>
+              .
+            </p>
+            <p>
+              For more information about Google Analytics cookies, please see Google&#39;s help pages and privacy
+              policy:{' '}
+              <a href="https://www.google.com/intl/en/policies/privacy/" target="_blank" rel="nofollow noopener">
+                Google&#39;s Privacy Policy
+              </a>{' '}
+              and{' '}
+              <a
+                href="https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage"
+                target="_blank"
+                rel="nofollow noopener"
+              >
+                Google Analytics Help pages
+              </a>
+              . For further information about the use of these cookies by Google{' '}
+              <a href="https://support.google.com/analytics/answer/6004245" target="_blank" rel="nofollow noopener">
+                click here
+              </a>
+              .
+            </p>
+            <h2 id="7-what-if-you-don-t-agree-with-us-monitoring-your-use-of-our-website-even-if-we-don-t-collect-your-personal-data-">
+              7. What if you don’t agree with us monitoring your use of our website (even if we don’t collect your
+              personal data)?
+            </h2>
+            <p>
+              Enabling these cookies is not strictly necessary for our website to work but it will provide you with a
+              better browsing experience. You can delete or block the cookies we set, but if you do that, some features
+              of this website may not work as intended.
+            </p>
+            <p>
+              Most browsers are initially set to accept cookies. If you prefer, you can set your browser to refuse
+              cookies and control and/or delete cookies as you wish – for details, see{' '}
+              <a href="https://www.aboutcookies.org/" target="_blank" rel="nofollow noopener">
+                aboutcookies.org
+              </a>
+              . You can delete all cookies that are already on your device and you can set most browsers to prevent them
+              from being placed. You should be aware that if you do this, you may have to manually adjust some
+              preferences every time you visit an Internet site and some services and functionalities may not work if
+              you do not accept the cookies they send.
+            </p>
+            <p>
+              Advertisers and business partners that you access on or through our website may also send you cookies. We
+              do not control any cookies outside of our website.
+            </p>
+            <p>
+              If you have any further questions regarding disabling cookies you should consult with your preferred
+              browser’s provider or manufacturer.
+            </p>
+            <p>
+              In order to implement your objection it may be necessary to install an opt-out cookie on your browser.
+              This cookie will only indicate that you have opted out. It is important to note, that for technical
+              reasons, the opt-out cookie will only affect the browser from which you actively object from. If you
+              delete the cookies in your browser or use a different end device or browser, you will need to opt out
+              again.
+            </p>
+            <p>
+              To opt out of being tracked by Google Analytics across all websites, Google has developed the Google
+              Analytics opt-out browser add-on. If you would like to opt out of Google Analytics, you have the option of
+              downloading and installing this browser add-on which can be found under the link:{' '}
+              <a href="https://tools.google.com/dlpage/gaoptout" target="_blank" rel="nofollow noopener">
+                https://tools.google.com/dlpage/gaoptout
+              </a>
+              .
+            </p>
+            <h2 id="8-revisions-to-this-cookie-policy">8. Revisions to this Cookie Policy</h2>
+            <p>
+              We may modify this Cookie Policy from time to time. If we make changes to this Cookie Policy, we will
+              provide notice of such changes, such as by sending an email notification, providing notice through our
+              website or updating the ‘Last Updated’ date at the beginning of this Cookie Policy. The amended Cookie
+              Policy will be effective immediately after the date it is posted. By continuing to access or use our
+              website after the effective date, you confirm your acceptance of the revised Cookie Policy and all of the
+              terms incorporated therein by reference. We encourage you to review our Privacy Policy and our Cookie
+              Policy whenever you access or use our website to stay informed about our information practices and the
+              choices available to you.
+            </p>
+            <p>
+              If you do not accept changes which are made to this Cookie Policy, or take any measures described above to
+              opt-out by removing or rejecting cookies, you may continue to use this website but accept that it may not
+              display and/or function as intended by us. Your exercise of any rights to opt-out may also impact how our
+              information and content is displayed and/or accessible to you on this website and on other websites.
+            </p>
+            <h2 id="appendix">APPENDIX</h2>
+            <p>Table: Overview of cookies placed and the consequences if the cookies are not placed</p>
+            <ColorTableContainer>
+              <table>
+                <thead>
+                  <tr>
+                    <th>Name of cookie</th>
+                    <th>Purpose(s) of cookie</th>
+                    <th>Storage period of cookie</th>
+                    <th>Consequences if cookie is not accepted</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td>__viewed_cookie_policy</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the use of cookies
+                      from the user. No personal data will be saved.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                  <tr>
+                    <td>__cookielawinfo_checkbox_performance</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
+                      category “performance”.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                  <tr>
+                    <td>__cookielawinfo_checkbox_other</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
+                      category “other”.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                  <tr>
+                    <td>__cookielawinfo_checkbox_necessary</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
+                      category “necessary”.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                  <tr>
+                    <td>__cookielawinfo_checkbox_functional</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
+                      category “functional”.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                  <tr>
+                    <td>__cookielawinfo_checkbox_analytics</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
+                      category “analytics”.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                  <tr>
+                    <td>__cookielawinfo_checkbox_advertisement</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
+                      category “advertisement”.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                  <tr>
+                    <td>CookieLawInfoConsent</td>
+                    <td>
+                      Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
+                      category “LawInfoConsent”.
+                    </td>
+                    <td>1 year from set/update</td>
+                    <td>User activity won&#39;t be tracked</td>
+                  </tr>
+                </tbody>
+              </table>
+            </ColorTableContainer>
+          </BodyContent>
+        </ArticleContent>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/layout.tsx b/apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/layout.tsx
new file mode 100644
index 0000000000..095aad036f
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/layout.tsx
@@ -0,0 +1,11 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: {
+    absolute: 'CoW Swap - Privacy policy',
+  },
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/page.tsx b/apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/page.tsx
new file mode 100644
index 0000000000..e0861cebe1
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/cowswap-privacy-policy/page.tsx
@@ -0,0 +1,684 @@
+'use client'
+
+import { Color } from '@cowprotocol/ui'
+
+import styled from 'styled-components/macro'
+import { Link } from '@/components/Link'
+
+import { ArticleContent, ArticleMainTitle, BodyContent, Breadcrumbs, ContainerCard } from '@/styles/styled'
+import { clickOnLegal } from '../../../../modules/analytics'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1000px;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 24px;
+`
+
+export default function Page() {
+  const title = 'CoW Swap Privacy policy'
+
+  return (
+    <Wrapper>
+      <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
+        <ArticleContent maxWidth="100%">
+          <Breadcrumbs>
+            <Link href="/" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Home
+            </Link>
+            <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Legal
+            </Link>
+            <span>{title}</span>
+          </Breadcrumbs>
+
+          <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
+            {title}
+          </ArticleMainTitle>
+
+          <BodyContent>
+            <p>
+              <strong>Last updated: November 2022</strong>
+            </p>
+            <p>
+              This Policy sets out what Personal Data we collect, how we process it and how long we retain it. This
+              Policy applies to all of our processing activities where we act as a data controller or where we act as
+              data controller on behalf of clients. In this policy, “we”, “us” and “our” refers to Nomev Labs, Lda and
+              affiliates. For more information about us, see the “Our Details” section at the end of this policy.
+            </p>
+            <p>
+              In this Policy, “personal data” means any information relating to you as an identified or identifiable
+              natural person (“Data Subject”); an identifiable natural person is one who can be identified, directly or
+              indirectly, in particular by reference to an identifier such as a name, an online identifier or to one or
+              more factors specific to your physical, physiological, genetic, mental, economic, cultural or social
+              identity.
+            </p>
+            <p>
+              In this Policy, “processing” means any operation or set of operations which is performed on personal data
+              (as defined in this Privacy Policy) or on sets of personal data, whether or not by automated means, such
+              as collection, recording, organisation, structuring, storage, adaptation or alteration, retrieval,
+              consultation, use, disclosure by transmission, dissemination or otherwise making available, alignment or
+              combination, restriction, erasure or destruction.
+            </p>
+            <h2 id="1-your-information-and-the-blockchain">1. Your information and the Blockchain</h2>
+            <p>
+              Blockchain technology, also known as distributed ledger technology (or simply ‘DLT’), is at the core of
+              the business of our clients. Blockchains are decentralised and made up of digitally recorded data in a
+              chain of packages called ‘blocks’. The manner in which these blocks are linked is chronological, meaning
+              that the data is very difficult to alter once recorded. Since the ledger may be distributed all over the
+              world (across several ‘nodes’ which usually replicate the ledger), this means there is no single person
+              making decisions or otherwise administering the system (such as an operator of a cloud computing system),
+              and that there is no centralised place where it is located either.
+            </p>
+            <p>
+              Accordingly, by design, a blockchains records cannot be changed or deleted and is said to be ‘immutable’.
+              This may affect your ability to exercise your rights such as your right to erasure (‘right to be
+              forgotten’), or your rights to object or restrict processing of your personal data. Data on the blockchain
+              cannot be erased and cannot be changed. Although smart contracts may be used to revoke certain access
+              rights, and some content may be made invisible to others, it is not deleted.
+            </p>
+            <p>
+              In certain circumstances, it will be necessary to write certain personal data, such as your wallet
+              address, onto the blockchain; this is done through a smart contract and requires you to execute such
+              transactions using your wallet’s private key.
+            </p>
+            <p>
+              In most cases ultimate decisions to (i) transact on the blockchain using your wallet address, as well as
+              (ii) share the public key relating to your wallet address with anyone (including us) rests with you.
+            </p>
+            <p className={'warn'}>
+              IF YOU WANT TO ENSURE YOUR PRIVACY RIGHTS ARE NOT AFFECTED IN ANY WAY, YOU SHOULD NOT TRANSACT ON
+              BLOCKCHAINS AS CERTAIN RIGHTS MAY NOT BE FULLY AVAILABLE OR EXERCISABLE BY YOU OR US DUE TO THE
+              TECHNOLOGICAL INFRASTRUCTURE OF THE BLOCKCHAIN. IN PARTICULAR THE BLOCKCHAIN IS AVAILABLE TO THE PUBLIC
+              AND ANY PERSONAL DATA SHARED ON THE BLOCKCHAIN WILL BECOME PUBLICLY AVAILABLE
+            </p>
+            <h2 id="2-how-we-use-personal-data">2. How We Use Personal Data</h2>
+            <p>
+              <strong>When visiting our website or websites we host on behalf of clients</strong>
+            </p>
+            <p>
+              We may collect and process Personal Data about your use of our website or websites we host on behalf of
+              clients. This data may include:
+            </p>
+            <ul>
+              <li>The browser types and versions used;</li>
+              <li>The operating system used by the accessing system;</li>
+              <li>The website from which an accessing system reaches the website (so-called referrers);</li>
+              <li>Behaviour: subpage, duration, and revisit;</li>
+              <li>The date and time of access to the website, The Internet protocol address (“IP address”);</li>
+              <li>The Internet service provider of the accessing system;</li>
+              <li>Connected wallet type and wallet address;</li>
+              <li>Session by device; and</li>
+              <li>
+                Any other similar data and information that may be used in the event of attacks on our information
+                technology systems.
+              </li>
+            </ul>
+            <p>
+              This data may be processed in order to deliver the content of our website or websites we host on behalf of
+              clients correctly, to optimise the content of our website or websites we host on behalf of clients to
+              ensure the long-term viability of our information technology systems and website technology, and to
+              provide law enforcement authorities with the information necessary for criminal prosecution in case of a
+              cyber-attack. The legal basis for this processing is the legitimate business interests, namely monitoring
+              and improving our website or websites we host on behalf of clients and the proper protection against
+              risks.
+            </p>
+            <p>
+              <strong>
+                When using swap.cow.fi or other interfaces of a decentralised exchange protocol hosted by us on behalf
+                of clients
+              </strong>
+            </p>
+            <p>We may collect and process personal data. The data will be stored in different instances.</p>
+            <ul>
+              <li>
+                In our Amazon Webserver we will store the following data with respect to your intent to trade:
+                <ul>
+                  <li>Your wallet address;</li>
+                  <li>Application used to connect to the site;</li>
+                  <li>Blockchain used;</li>
+                  <li>Submission time and expiration time.</li>
+                  <li>Type of your order (sell order of Fill &amp; Kill)</li>
+                  <li>Tokens part of the swap and their amounts</li>
+                  <li>Slippage tolerance, set transaction deadline and recipient’s wallet address;</li>
+                  <li>Fee and applicable fee discount.</li>
+                  <li>
+                    AppData including:
+                    <ul>
+                      <li>AppCode;</li>
+                      <li>Environment;</li>
+                      <li>Metadata: quote, slippage and referrer information.</li>
+                    </ul>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+            <p>
+              The legal basis for this processing is that it is necessary to transact according to your indicated
+              preferences and to show the order details to you and the explorer.
+            </p>
+            <ul>
+              <li>
+                On the Blockchain the following data will be stored if your intent to trade is successfully included in
+                a transaction:
+                <ul>
+                  <li>Your wallet address;</li>
+                  <li>Recipient’s wallet address;</li>
+                  <li>Both sides of the swapped tokens;</li>
+                  <li>Prices;</li>
+                  <li>
+                    AppData hash (hash of the IPFS content pointing to the appData submitted with the intent to trade).
+                  </li>
+                </ul>
+              </li>
+            </ul>
+            <p>
+              The legal basis for this processing is that it is necessary to transact successfully according to your
+              wishes. The data will be stored on the Blockchain. Given the technological design of the blockchain, as
+              explained above, this data will become public and it will not likely be possible to delete or change the
+              data at any given time.
+            </p>
+            <ul>
+              <li>
+                Log Data
+                <ul>
+                  <li>Your wallet address;</li>
+                  <li>The Internet protocol address (“IP address”); and</li>
+                  <li>Transaction id/ Hash.</li>
+                </ul>
+              </li>
+            </ul>
+            <p>
+              The legal basis for this processing is that it is necessary to transact according to your indicated
+              preferences.
+            </p>
+            <p>
+              <strong>Participating in User Experience Research</strong>
+            </p>
+            <p>
+              When you participate in our user experience research - or user experience research we conduct on behalf of
+              our clients - we may collect and process some personal data. This data may include:
+            </p>
+            <ul>
+              <li>Your name or pseudonym;</li>
+              <li>Your wallet address(es);</li>
+              <li>Your email address, Telegram handle or Twitter handle;</li>
+              <li>Your occupation;</li>
+              <li>Range of funds you transact with regularly;</li>
+              <li>Usage of tokens, blockchains, exchanges.</li>
+            </ul>
+            <p>
+              In addition, we may take a recording of you while testing the website or website we host on behalf of our
+              clients for internal use. The basis for this collection and processing is our legitimate business interest
+              or that of our clients in monitoring and improving our services. You are never required to share
+              information you are not comfortable sharing.
+            </p>
+            <p>
+              The legal basis for this processing is your consent as provided before participating in user experience
+              research.
+            </p>
+            <p>
+              <strong>Participating in our Bug Bounties and Challenges or those of our clients</strong>
+            </p>
+            <p>
+              When participating in bug bounties or challenges we may collect and process personal data. This data may
+              include:
+            </p>
+            <ul>
+              <li>Your email address;</li>
+              <li>Your name;</li>
+              <li>
+                The data is used and processed in order to credit the participant the right payment for the reported
+                bug.
+              </li>
+            </ul>
+            <p>
+              <strong>When visiting our Twitter, Medium or other social media or those of our clients</strong>
+            </p>
+            <p>
+              We may collect and process Personal Data about your use of our Twitter, Medium or other social media. This
+              data may include:
+            </p>
+            <ul>
+              <li>Clicks on a shortened URL;</li>
+              <li>A history of referral URLs for clicks of a shortened URL; and</li>
+              <li>A history of IP addresses used to access a shortened URL.</li>
+              <li>
+                This data is collected and processed for the purposes to track the success of the marketing campaigns,
+                blog posts, and other marketing material; and for user demographics in order to identify target markets.
+                This data is collected and processed for the purpose of improving the content of our shared links
+                pursuant to our legitimate interests (or those of our clients). When visiting the mentioned services
+                different data protection regulations apply, please familiarise yourself with their Privacy Policies.
+              </li>
+            </ul>
+            <p>
+              <strong>Other uses of your Personal Data</strong>
+            </p>
+            <p>
+              We may process any of your Personal Data where it is necessary to establish, exercise, or defend legal
+              claims. The legal basis for this process is our legitimate interests, namely the protection and assertion
+              of our legal rights, your legal rights and the legal rights of others, including our clients.
+            </p>
+            <p>
+              Further, we may process your Personal data where such processing is necessary in order for us to comply
+              with a legal obligation to which we are subject. The legal basis for this processing is our legitimate
+              interests, namely the protection and assertion of our legal rights.
+            </p>
+            <h2 id="3-use-of-third-party-applications">3. Use of Third Party Applications</h2>
+            <p>
+              <strong>Amazon Webserver</strong>
+            </p>
+            <p>
+              We may use the Amazon Web Server (AWS) to store log and database data. For further information and the
+              applicable data protection provisions of AWS please visit{' '}
+              <a href="https://aws.amazon.com/privacy/?nc1=f_pr" target="_blank" rel="nofollow noopener">
+                https://aws.amazon.com/privacy/?nc1=f_pr
+              </a>
+            </p>
+            <p>
+              <strong>Blockchain</strong>
+            </p>
+            <p>
+              Refer to the Section “Your information and the Blockchain” above. Intents to trade submitted - if
+              successful - will be stored on the blockchain and will be displayed permanently and public, this is part
+              of the nature of the blockchain. If you are new to this field, we highly recommend informing yourself
+              about blockchain technology before using the website.
+            </p>
+            <p>
+              <strong>Calendly</strong>
+            </p>
+            <p>
+              We may use Calendly for scheduling. For further information and the applicable data protection provisions
+              please visit{' '}
+              <a href="https://calendly.com/privacy" target="_blank" rel="nofollow noopener">
+                https://calendly.com/privacy
+              </a>
+            </p>
+            <p>
+              <strong>Discord</strong>
+            </p>
+            <p>
+              We may use Discord for community management for our clients. For further information and the applicable
+              data protection provisions of Discord please visit{' '}
+              <a href="https://discord.com/privacy" target="_blank" rel="nofollow noopener">
+                https://discord.com/privacy
+              </a>
+            </p>
+            <p>
+              <strong>Discourse</strong>
+            </p>
+            <p>
+              We may use Discourse for discussion. For further information and the applicable data protection provisions
+              of Discourse please visit{' '}
+              <a href="https://www.discourse.org/privacy" target="_blank" rel="nofollow noopener">
+                https://www.discourse.org/privacy
+              </a>
+            </p>
+            <p>
+              <strong>Dovetail</strong>
+            </p>
+            <p>
+              We may use Dovetail for storing recordings and interviews as a user testing tool. For further information
+              and the applicable data protection provisions please visit{' '}
+              <a href="https://dovetailapp.com/help/privacy-policy/" target="_blank" rel="nofollow noopener">
+                https://dovetailapp.com/help/privacy-policy/
+              </a>
+            </p>
+            <p>
+              <strong>Google Workspace</strong>
+            </p>
+            <p>
+              We may use Google Workspace (Drive, Sheets etc.) for storing user interviews and other personal data. For
+              further{' '}
+              <a href="https://policies.google.com/privacy" target="_blank" rel="nofollow noopener">
+                https://policies.google.com/privacy
+              </a>
+            </p>
+            <p>
+              <strong>Infura</strong>
+            </p>
+            <p>
+              We may use Infura to easily take blockchain applications from testing to scaled deployment. For further
+              information and the applicable data protection provisions of Infura{' '}
+              <a href="https://consensys.net/privacy-policy/" target="_blank" rel="nofollow noopener">
+                https://consensys.net/privacy-policy/
+              </a>
+            </p>
+            <p>
+              <strong>Maze</strong>
+            </p>
+            <p>
+              We may use Maze as a user testing tool. For further information and the applicable data protection
+              provisions of Maze please visit{' '}
+              <a href="https://maze.co/privacy-policy/" target="_blank" rel="nofollow noopener">
+                https://maze.co/privacy-policy/
+              </a>
+            </p>
+            <p>
+              <strong>Miro</strong>
+            </p>
+            <p>
+              We may use Miro for whiteboard and other collaborative visualisation. For further information and the
+              applicable data protection provisions please visit{' '}
+              <a href="https://miro.com/legal/privacy-policy/" target="_blank" rel="nofollow noopener">
+                https://miro.com/legal/privacy-policy/
+              </a>
+            </p>
+            <p>
+              <strong>Support Channels</strong>
+            </p>
+            <p>
+              In order to provide user support on our behalf or on behalf of our clients, we will use different channels
+              like Discord, Discourse, Github or Telegram to facilitate the resolution of any questions and concerns
+              should these arise. By accepting this Privacy Policy, you are deemed to consent to providing the following
+              Personal Data to persons looking to resolve any dispute:
+            </p>
+            <ul>
+              <li>Name and surname;</li>
+              <li>Detailed enquiry description;</li>
+              <li>The date and time that the issue arose;</li>
+              <li>The outcome sought.</li>
+            </ul>
+            <p>
+              <strong>Transmitting Social Media Links</strong>
+            </p>
+            <p>
+              When linking social media links, those services might also collect Personal Data. Please refer to their
+              privacy policies for more information.
+            </p>
+            <p>
+              <strong>Typeform</strong>
+            </p>
+            <p>
+              We use typeform for the registration and submission process. Typeform allows the creation of customised
+              forms for several purposes. Further information and the applicable data protection provisions of typeform
+              please visit{' '}
+              <a href="https://admin.typeform.com/to/dwk6gt" target="_blank" rel="nofollow noopener">
+                https://admin.typeform.com/to/dwk6gt
+              </a>
+              . Typeform’s purpose and function is further explained under the following link{' '}
+              <a href="https://www.typeform.com/product/" target="_blank" rel="nofollow noopener">
+                https://www.typeform.com/product/
+              </a>
+            </p>
+            <p>
+              <strong>Vercel</strong>
+            </p>
+            <p>
+              We may use Vercel for optimising website development. For further information and the applicable data
+              protection provisions of Vercel please visit{' '}
+              <a href="https://vercel.com/legal/privacy-policy" target="_blank" rel="nofollow noopener">
+                https://vercel.com/legal/privacy-policy
+              </a>
+            </p>
+            <p>
+              <strong>Zoom</strong>
+            </p>
+            <p>
+              We may use Zoom for active user research interviews and taking recordings. These records may be stored on
+              Zoom Cloud. For further information and the applicable data protection provisions please visit{' '}
+              <a href="https://explore.zoom.us/en/privacy/" target="_blank" rel="nofollow noopener">
+                https://explore.zoom.us/en/privacy/
+              </a>
+            </p>
+            <h2 id="4-sharing-your-personal-data">4. Sharing Your Personal Data</h2>
+            <p>
+              We may pass your information to our clients, Business Partners, administration centres, third party
+              service providers, agents, subcontractors and other associated organisations for the purposes of
+              completing tasks and providing our services to you.
+            </p>
+            <p>
+              In addition, when we use any other third-party service providers, we will disclose only the personal
+              information that is necessary to deliver the service required and we will ensure that they keep your
+              information secure and not use it for their own direct marketing purposes.
+            </p>
+            <p>
+              In addition, we may transfer your personal information to a third party as part of a sale of some, or all,
+              of our business and assets or as part of any business restructuring or reorganisation, or if we are under
+              a duty to disclose or share your personal data in order to comply with any legal obligation. However, we
+              will take steps to ensure that your privacy rights continue to be protected.
+            </p>
+            <h2 id="5-data-security">5. Data Security</h2>
+            <p>
+              We have put in place appropriate security measures to prevent your personal data from being accidentally
+              lost, used or accessed in an unauthorised way, altered or disclosed. In addition, we limit access to your
+              personal data to those employees (if applicable), agents, contractors and other third parties who have a
+              business need to know. They will only process your personal data on our instructions and they are subject
+              to a duty of confidentiality. Please note that intents to trade are publicly accessible via the
+              API/Explorer, SDK and may be stored on the Blockchain as per applicable paragraphs above.
+            </p>
+            <p>
+              We have put in place procedures to deal with any suspected personal data breach and will notify you and
+              any applicable regulator of a breach where we are legally required to do so.
+            </p>
+            <h2 id="6-your-rights-as-a-data-subject">6. Your Rights as a Data Subject</h2>
+            <p>
+              You have certain rights under applicable legislation, and in particular under Regulation EU 2016/679
+              (General Data Protection Regulation or ‘GDPR’). We explain these below. You can find out more about the
+              GDPR and your rights by accessing the European Commission’s website.
+            </p>
+            <ul>
+              <li>
+                <h3 id="right-information-and-access">Right Information and access</h3>
+                <p>
+                  You have a right to be informed about the processing of your personal data (and if you did not give it
+                  to us, information as to the source) and this Privacy Policy intends to provide the information. Of
+                  course, if you have any further questions you can contact us on the below details.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-rectification">Right to rectification</h3>
+                <p>
+                  You have the right to have any inaccurate personal information about you rectified and to have any
+                  incomplete personal information about you completed. You may also request that we restrict the
+                  processing of that information. The accuracy of your information is important to us. If you do not
+                  want us to use your Personal Information in the manner set out in this Privacy Policy, or need to
+                  advise us of any changes to your personal information, or would like any more information about the
+                  way in which we collect and use your Personal Information, please contact us at the above details.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-erasure-right-to-be-forgotten-">Right to erasure (right to be ‘forgotten’)</h3>
+                <p>
+                  You have the general right to request the erasure of your personal information in the following
+                  circumstances:
+                </p>
+                <ul>
+                  <li>The personal information is no longer necessary for the purpose for which it was collected;</li>
+                  <li>
+                    You withdraw your consent to consent-based processing and no other legal justification for
+                    processing applies;
+                  </li>
+                  <li>You object to processing for direct marketing purposes;</li>
+                  <li>We unlawfully processed your personal information; and</li>
+                  <li>Erasure is required to comply with a legal obligation that applies to us.</li>
+                </ul>
+                <p className={'warn'}>
+                  However, when interacting with the blockchain we may not be able to ensure that your personal data is
+                  deleted. This is because the blockchain is a public decentralised network and blockchain technology
+                  does not generally allow for data to be deleted and your right to erasure may not be able to be fully
+                  enforced. In these circumstances we will only be able to ensure that all personal data that is held by
+                  us is permanently deleted.
+                </p>
+                <p>
+                  We will proceed to comply with an erasure request without delay unless continued retention is
+                  necessary for:
+                </p>
+                <ul>
+                  <li>Exercising the right of freedom of expression and information;</li>
+                  <li>Complying with a legal obligation under EU or other applicable law;</li>
+                  <li>The performance of a task carried out in the public interest;</li>
+                  <li>
+                    Archiving purposes in the public interest, scientific or historical research purposes, or
+                    statistical purposes, under certain circumstances; and/or
+                  </li>
+                  <li>The establishment, exercise, or defence of legal claims.</li>
+                </ul>
+                <p>You can exercise this right at any time by contacting us on the below details.</p>
+              </li>
+              <li>
+                <h3 id="right-to-restrict-processing-and-right-to-object-to-processing">
+                  Right to restrict processing and right to object to processing
+                </h3>
+                <p>You have a right to restrict processing of your personal information, such as where:</p>
+                <ul>
+                  <li>You contest the accuracy of the personal information;</li>
+                  <li>
+                    Where processing is unlawful you may request, instead of requesting erasure, that we restrict the
+                    use of the unlawfully processed personal information;
+                  </li>
+                  <li>
+                    We no longer need to process your personal information but need to retain your information for the
+                    establishment, exercise, or defence of legal claims.
+                  </li>
+                </ul>
+                <p>
+                  You also have the right to object to processing of your personal information under certain
+                  circumstances, such as where the processing is based on your consent and you withdraw that consent.
+                  This may impact the services we can provide and we will explain this to you if you decide to exercise
+                  this right.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-data-portability">Right to data portability</h3>
+                <p>
+                  Where the legal basis for our processing is your consent or the processing is necessary for the
+                  performance of a contract to which you are party or in order to take steps at your request prior to
+                  entering into a contract, you have a right to receive the personal information you provided to us in a
+                  structured, commonly used and machine-readable format, or ask us to send it to another person.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-freedom-from-automated-decision-making">
+                  Right to freedom from automated decision-making
+                </h3>
+                <p>
+                  We do not use automated decision-making, but where any automated decision-making takes place, you have
+                  the right in this case to express your point of view and to contest the decision, as well as request
+                  that decisions based on automated processing concerning you or significantly affecting you and based
+                  on your personal data are made by natural persons, not only by computers.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-object-to-direct-marketing-opting-out-">
+                  Right to object to direct marketing (‘opting out’)
+                </h3>
+                <p>
+                  You have a choice about whether or not you wish to receive information from us. We will not contact
+                  you for marketing purposes unless:
+                </p>
+                <p>
+                  You have a business relationship with us or one of our clients, and we rely on our legitimate
+                  interests or that of our clients as the lawful basis for processing (as described above) you have
+                  otherwise given your prior consent.
+                </p>
+                <p>
+                  You can change your marketing preferences at any time by contacting us. On each and every marketing
+                  communication, we will always provide the option for you to exercise your right to object to the
+                  processing of your personal data for marketing purposes (known as ‘opting-out’) by clicking on the
+                  ‘unsubscribe’ button on our marketing emails or choosing a similar opt-out option on any forms we use
+                  to collect your data. You may also opt-out at any time by contacting us on the below details. Please
+                  note that any administrative or service-related communications (to offer our services, or notify you
+                  of an update to this Privacy Policy or applicable terms of business, etc.) will solely be directed at
+                  our clients or business partners, and such communications generally do not offer an option to
+                  unsubscribe as they are necessary to provide the services requested. Therefore, please be aware that
+                  your ability to opt-out from receiving marketing and promotional materials does not change our right
+                  to contact you regarding your use of our website or websites we host on behalf of clients or as part
+                  of a contractual relationship we may have with you.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-request-access">Right to request access</h3>
+                <p>
+                  You also have a right to access information we hold about you. We are happy to provide you with
+                  details of your Personal Information that we hold or process. To protect your personal information, we
+                  follow set storage and disclosure procedures, which mean that we will require proof of identity from
+                  you prior to disclosing such information. You can exercise this right at any time by contacting us on
+                  the below details.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-withdraw-consent">Right to withdraw consent</h3>
+                <p>
+                  Where the legal basis for processing your personal information is your consent, you have the right to
+                  withdraw that consent at any time by contacting us on the below details.
+                </p>
+              </li>
+              <li>
+                <h3 id="raising-a-complaint-about-how-we-have-handled-your-personal-data">
+                  Raising a complaint about how we have handled your personal data
+                </h3>
+                <p>
+                  If you wish to raise a complaint on how we have handled your personal data, you can contact us as set
+                  out below and we will then investigate the matter.
+                </p>
+              </li>
+              <li>
+                <h3 id="right-to-complain-with-a-relevant-supervisory-authority">
+                  Right to complain with a relevant supervisory authority
+                </h3>
+                <p>
+                  If we have not responded to you within a reasonable time or if you feel that your complaint has not
+                  been resolved to your satisfaction, you are entitled to make a complaint to the Data Protection
+                  Commissioner under the Data Protection Act. You may do so in the EU member state of your habitual
+                  residence, your place of work or the place of the alleged infringement. In Portugal, the supervisory
+                  authority is the:
+                </p>
+                <p>
+                  CNPD - Comissão Nacional de Proteção de Dados
+                  <br />
+                  Av. D. Carlos I, 134, 1º
+                  <br />
+                  1200-651 Lisboa
+                  <br />T (+351) 213 928 400
+                  <br />F (+351) 213 976 832
+                  <br />
+                  <a href="mailto:geral@cnpd.pt">geral@cnpd.pt</a>
+                  <br />
+                  <a href="https://www.cnpd.pt/" target="_blank" rel="nofollow noopener">
+                    https://www.cnpd.pt/
+                  </a>
+                </p>
+                <p>
+                  You also have the right to lodge a complaint with the supervisory authority in the country of your
+                  habitual residence, place of work, or the place where you allege an infringement of one or more of our
+                  rights has taken place, if that is based in the EEA.
+                </p>
+              </li>
+            </ul>
+            <h2 id="7-storing-personal-data">7. Storing Personal Data</h2>
+            <p>
+              We retain your information only for as long as is necessary for the purposes for which we process the
+              information as set out in this policy. However, we may retain your Personal Data for a longer period of
+              time where such retention is necessary for compliance with a legal obligation to which we are subject, or
+              in order to protect your vital interests or the vital interests of another natural person.
+            </p>
+            <h2 id="8-changes-to-this-privacy-policy">8. Changes to This Privacy Policy</h2>
+            <p>
+              We may make changes to this Policy from time to time. Where we do so, we will notify those who have a
+              business relationship with us or who are subscribed to our emailing lists directly of the changes, and
+              change the ‘Last updated’ date above. We encourage you to review the Policy whenever you access or use our
+              website or websites we host on behalf of clients to stay informed about information practices and the
+              choices available to you. If you do not agree to the revised Policy, you should discontinue your use of
+              this website.
+            </p>
+            <h2 id="9-our-details">9. Our Details</h2>
+            <p>
+              This website is hosted by Nomev Labs, Lda on behalf of a client. We are registered in Portugal under
+              registration number PT516811924, and our registered office is located at Rua António Maria Cardoso, No 25,
+              piso 4, 1200-027 Lisboa.
+            </p>
+            <p>
+              If you have any queries concerning your rights under this Privacy Policy, please contact us at{' '}
+              <a href="mailto:legal@nomev.io">legal@nomev.io</a>
+            </p>
+          </BodyContent>
+        </ArticleContent>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/legal/cowswap-terms/layout.tsx b/apps/cow-fi/app/(main)/legal/cowswap-terms/layout.tsx
new file mode 100644
index 0000000000..0215606766
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/cowswap-terms/layout.tsx
@@ -0,0 +1,9 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: { absolute: 'CoW Swap - Terms and Conditions' },
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/legal/cowswap-terms/page.tsx b/apps/cow-fi/app/(main)/legal/cowswap-terms/page.tsx
new file mode 100644
index 0000000000..6c77e90291
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/cowswap-terms/page.tsx
@@ -0,0 +1,687 @@
+'use client'
+
+import { Color } from '@cowprotocol/ui'
+
+import styled from 'styled-components/macro'
+import { Link } from '@/components/Link'
+
+import { ArticleContent, ArticleMainTitle, BodyContent, Breadcrumbs, ContainerCard } from '@/styles/styled'
+import { clickOnLegal } from '../../../../modules/analytics'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1000px;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 24px;
+`
+
+export default function Page() {
+  const title = 'CoW Swap Terms and Conditions'
+
+  return (
+    <Wrapper>
+      <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
+        <ArticleContent maxWidth="100%">
+          <Breadcrumbs>
+            <Link href="/" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Home
+            </Link>
+            <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Legal
+            </Link>
+            <span>{title}</span>
+          </Breadcrumbs>
+
+          <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
+            {title}
+          </ArticleMainTitle>
+
+          <BodyContent>
+            <p>
+              <strong>Last updated: September 2024</strong>
+            </p>
+            <p>
+              These Terms of Use (the &quot;Terms&quot;) govern your access to{' '}
+              <a href="https://cow.fi/" target="_blank" rel="nofollow noopener">
+                https://cow.fi/
+              </a>{' '}
+              (the &quot;Website&quot;) and use of any products offered or provided through the Website (collectively,
+              the &quot;Products&quot;). The Website and Products are provided to you by CoW DAO (&quot;we&quot;,
+              &quot;our&quot;, or &quot;us&quot;).
+            </p>
+            <p>
+              CoW DAO is a collective managed by community members across various Ethereum Virtual Machine (EVM)
+              compatible blockchains. These blockchains may include, but are not limited to, well-established networks
+              such as Ethereum and Gnosis Chain and emerging solutions within Ethereum layer 2 solutions. The management
+              of CoW DAO is in accordance with its participation agreement. For any inquiries or to establish contact
+              with CoW DAO, please use the forum at{' '}
+              <a href="https://forum.cow.fi/" target="_blank" rel="nofollow noopener">
+                https://forum.cow.fi/
+              </a>
+              .
+            </p>
+            <p>The Products covered by these terms include but are not limited to:</p>
+            <ul>
+              <li>
+                <p>The Interface; and</p>
+              </li>
+              <li>
+                <p>The Forum</p>
+              </li>
+            </ul>
+            <h2 id="important-prior-warnings">Important prior warnings</h2>
+            <h3 id="financial-risks">Financial risks</h3>
+            <p>
+              Interacting with the Interface such as submitting orders to exchange compatible tokens involves
+              significant risks of loss. You could lose all or more of your capital.
+            </p>
+            <p>
+              The tokens’ value is highly volatile causing price fluctuations, as auctions typically run for some time
+              and trades are not executed instantly.
+            </p>
+            <p>
+              Please carefully consider your investment objectives, risk tolerance, and experience before engaging in
+              any trading activities. This is not financial advice, and you should always consult with a qualified
+              financial professional before making any investment decisions.
+            </p>
+            <h3 id="beware-of-scammers">Beware of scammers</h3>
+            <p>
+              We will never contact you first, never ask you for a password, private keys, seed phrase, nor ask you to
+              connect your wallet to a third-party decentralized application.
+            </p>
+            <h3 id="technical-understanding">Technical understanding</h3>
+            <p>
+              Cryptographic assets are described in technical language requiring a comprehensive understanding of
+              computer science and mathematics to appreciate the inherent risks.
+            </p>
+            <h3 id="transactions-on-public-blockchains-are-publicly-accessible">
+              Transactions on public blockchains are publicly accessible
+            </h3>
+            <p>
+              Please be aware that all transactions on public blockchains are permanently recorded and publicly
+              accessible. This means anyone can view the details of your transactions, including the amount, sender, and
+              receiver addresses. While this transparency offers benefits like security and trust, it also means your
+              privacy is not guaranteed. If you require anonymity or confidentiality for your transactions, please
+              consider using a different platform.
+            </p>
+            <h3 id="transactions-on-public-blockchains-are-immutable-and-irreversible">
+              Transactions on public blockchains are immutable and irreversible
+            </h3>
+            <p>
+              Transactions on public blockchains are generally immutable and irreversible. Any transaction thereon is
+              therefore irrevocable and final as soon as it is settled thereon. In the event that you send your tokens
+              to sell to any other destination other than the Protocol smart contracts, such tokens may not be returned.
+              We assume no responsibility and shall have no obligation to you if this occurs, including but not limited
+              to any responsibility to recover, or assist to recover, any such tokens.
+            </p>
+            <h2 id="please-read-these-terms-carefully-before-using-the-website-or-the-products-">
+              Please read these Terms carefully before using the Website or the Products.
+            </h2>
+            <h3 id="acceptance-of-these-terms">Acceptance of these Terms</h3>
+            <p>
+              By accessing the Website and/or by using our Products, you confirm that you accept these Terms and agree
+              to comply with them. If you do not agree, you must not use the Products and leave the Website. If you
+              think that there is an error in these Terms, please contact us at{' '}
+              <a href="mailto:legal@cow.fi" target="_blank" rel="nofollow noopener">
+                legal@cow.fi
+              </a>
+              .
+            </p>
+            <p>
+              You are also responsible for ensuring that all persons who access the Website or the Products through your
+              internet connection or device are aware of these Terms and that they comply with them.
+            </p>
+            <p>
+              We may terminate or suspend your access to the Website or the Products immediately, without prior notice
+              or liability, if you breach any clause of the Terms. Upon termination of your access, your right to access
+              the website or use the Products will immediately cease.
+            </p>
+            <h3 id="change-of-these-terms">Change of these Terms</h3>
+            <p>
+              We may amend these Terms at our sole discretion. We regularly do so. Every time you wish to access the
+              Website or use the Products, please check these Terms to ensure you understand the terms that apply at
+              that time.
+            </p>
+            <h2 id="cow-protocol">CoW Protocol</h2>
+            <p>
+              CoW Protocol (the &quot;Protocol&quot;) is a decentralized protocol owned and operated by CoW DAO that
+              allows users to trade certain digital assets.
+            </p>
+            <p>
+              CoW Protocol is a set of smart contracts that applies batch auction mechanisms to allow peer-to-peer
+              trades on well-established networks such as Ethereum and Gnosis Chain and emerging solutions within
+              Ethereum layer 2 solutions. CoW DAO is not custodian or counterparty to any transactions executed by you
+              on the Protocol. We do not support any other service, particularly we do not provide any order matching,
+              guaranteed prices, or similar exchange or trading platform services.
+            </p>
+            <p>
+              Please consult our{' '}
+              <a href="https://docs.cow.fi/cow-protocol" target="_blank" rel="nofollow noopener">
+                documentation
+              </a>{' '}
+              for more information on CoW Protocol.
+            </p>
+            <h2 id="the-interface">The Interface</h2>
+            <p>
+              <a href="https://swap.cow.fi/" target="_blank" rel="nofollow noopener">
+                https://swap.cow.fi
+              </a>{' '}
+              is a web-hosted user interface (the &quot;Interface&quot;) providing access to CoW Protocol. You may
+              submit orders into the Interface and exchange compatible tokens using the unique features of the Protocol.
+            </p>
+            <p>
+              Please consult our{' '}
+              <a href="https://docs.cow.fi/cow-protocol/tutorials/cow-swap" target="_blank" rel="nofollow noopener">
+                documentation
+              </a>{' '}
+              for more information on our Interface.
+            </p>
+            <p>
+              The features of the Interface can also be accessed through third parties’ websites integrating our widget
+              (the &quot;Widget&quot;).
+            </p>
+            <p>
+              Please consult our{' '}
+              <a href="https://docs.cow.fi/cow-protocol/tutorials/widget" target="_blank" rel="nofollow noopener">
+                documentation
+              </a>{' '}
+              for more information on our Widget.
+            </p>
+            <h3 id="restricted-use-of-the-interface">Restricted use of the Interface</h3>
+            <p>
+              To use the Interface, you must be legally capable of entering into a contract. Therefore, you confirm that
+              you are of legal age in your jurisdiction and have the full rights, powers, and authority to enter into
+              and abide by these Terms on your own behalf and on behalf of any company, legal entity or any other
+              undertaking for which you may access or use the Interface.
+            </p>
+            <p>
+              <b>
+                Furthermore, you confirm that you are not (a) subject to economic or trade sanctions imposed by any
+                government agency or listed on any prohibited or restricted party list or (b) a citizen, resident, or
+                organisation located in a jurisdiction subject to comprehensive economic sanctions by, without being
+                limited to the United Nations, the European Union and its Member States, the United States and the
+                United Kingdom.
+              </b>
+            </p>
+            <p>
+              Finally, you confirm that your use of the Interface will fully comply with all applicable laws and
+              regulations, and you will not use the Interface to conduct, promote, or facilitate any illegal activities.
+            </p>
+            <h3 id="use-of-the-interface">Use of the Interface</h3>
+            <p>
+              By using the Interface, you understand that you are not buying or selling digital assets from CoW DAO.
+            </p>
+            <p>
+              You are responsible for ensuring that all persons who access or use the Interface through your device or
+              internet connection are aware of these Terms, and that they comply with them.
+            </p>
+            <p>
+              You may have been recommended to the Interface by a third party. We shall not be liable for any agreement
+              or terms that may exist between you and the respective third party.
+            </p>
+            <h3 id="requirements-to-use-the-interface">Requirements to Use the Interface</h3>
+            <p>
+              To use the Interface, you must employ a non-custodial wallet application, enabling interaction with EVM
+              compatible public blockchains. Your connection with the non-custodial wallet provider is governed by the
+              applicable service terms of such a third-party wallet provider. We do not hold custody of your
+              wallet&#39;s contents and are unable to recover or transfer such content. By connecting your wallet to our
+              Interface, you agree to be bound by these Terms and all of the terms incorporated herein by reference.
+            </p>
+            <p>
+              For more details on how to use the Interface please refer to our{' '}
+              <a href="https://swap.cow.fi/#/faq" target="_blank" rel="nofollow noopener">
+                &quot;FAQ&quot;
+              </a>
+              .
+            </p>
+            <h3 id="fees">Fees</h3>
+            <h4 id="protocol-fee">Protocol fee</h4>
+            <p>
+              The user may incur a fee at protocol level, which - if technically possible - is shown to the user on the
+              Interface when the user places their trade intent. Such a fee is designed in accordance with the specific
+              features of the protocol.
+            </p>
+            <h4 id="widget-integrator-s-fee">Widget Integrator’s Fee</h4>
+            <p>
+              Third-party integrators can embed the Interface on their own website using the Widget may charge an
+              additional service fee to the user of the Widget on their website. The user acknowledges that such a
+              service fee is not charged by us but exclusively by the third-party integrator.
+            </p>
+            <p>
+              The user of the Widget understands and agrees that we are not responsible for such a fee and that it is
+              the sole responsibility of the user of the Widget to carefully review the terms and conditions provided by
+              the third-party integrator before using Widget.
+            </p>
+            <h3 id="interface-changes-updates-and-withdrawal">Interface Changes, Updates and Withdrawal</h3>
+            <p>
+              We may update and change the Interface from time to time. We do not guarantee that the Interface will
+              always be available or be uninterrupted or be free of charge.
+            </p>
+            <p>
+              We reserve the right to suspend or withdraw or restrict the availability of all or any part of the
+              Interface for whatever reasons.
+            </p>
+            <h3 id="non-custody-and-wallet-security">Non-Custody and Wallet Security</h3>
+            <p>
+              The Interface operates as a non-custodial application, which implies that we, at no point in time, assume
+              custody, ownership, or control over your digital assets.
+            </p>
+            <p>
+              This further underscores your unequivocal responsibility for safeguarding the cryptographic private keys
+              associated with your digital asset wallets. Under no circumstances should you disclose your wallet
+              credentials or seed phrase to any third party. We disclaim any responsibility or liability whatsoever in
+              connection with your utilization of a wallet, and we make no representations or warranties regarding the
+              compatibility of the Interface with any particular wallet. Likewise, accountability for any associated
+              wallet rests solely with you, and we shall not be held responsible for any actions or omissions undertaken
+              by you in relation to or as a consequence of your wallet being compromised.
+            </p>
+            <h3 id="no-fiduciary-duty">No Fiduciary Duty</h3>
+            <p>
+              To the fullest extent permitted by law, you acknowledge and agree that we owe no fiduciary duties or
+              liabilities to you or any other party, and that to the extent any such duties or liabilities may exist at
+              law or in equity, those duties and liabilities are hereby irrevocably disclaimed, waived, and eliminated.
+              You further agree that the only duties and obligations that we owe you are those set out expressly in
+              these Terms.
+            </p>
+            <h3 id="tax-responsibility">Tax Responsibility</h3>
+            <p>
+              You are solely responsible to determine if your use of the Interface has tax implications for you. By
+              using the Interface you agree not to hold us liable for any tax liability you incur arising out of or
+              associated with your usage of the Interface or any other action or transaction related thereto.
+            </p>
+            <h2 id="the-forum">The Forum</h2>
+            <h3 id="access-to-and-use-of-https-forum-cow-fi-">
+              Access to and Use of{' '}
+              <a href="https://forum.cow.fi" target="_blank" rel="nofollow noopener">
+                https://forum.cow.fi
+              </a>
+            </h3>
+            <p>
+              https://forum.cow.fi (the &quot;Forum&quot;) is a moderated online forum for discussing CoW Protocol and
+              partially exercising COW Protocol&#39;s governance process.
+            </p>
+            <p>You may access and use the Forum only for lawful purposes and in compliance with these Terms of Use.</p>
+            <h3 id="registration-and-account-security">Registration and Account Security</h3>
+            <p>
+              In order to use the Forum Name, you may be required to register for an account. You must provide accurate
+              and complete information when registering and you are responsible for keeping your account information
+              up-to-date and secure. You agree not to share your account information with anyone else.
+            </p>
+            <h3 id="acceptable-use">Acceptable Use</h3>
+            <p>
+              You agree not to post any content that is unlawful, harmful, threatening, abusive, harassing, defamatory,
+              vulgar, obscene, invasive of another&#39;s privacy, or otherwise promoting illegal or harmful activities.
+            </p>
+            <p>
+              You will not impersonate any person or entity or falsely state or otherwise misrepresent your affiliation
+              with a person or entity.
+            </p>
+            <p>
+              You will not post advertisements or solicitations of business without explicit permission from the forum
+              administrators.
+            </p>
+            <p>
+              You agree to respect the copyright and intellectual property rights of others. You may not post any
+              content that infringes on the copyright or other intellectual property rights of others.
+            </p>
+            <h3 id="user-conduct">User Conduct</h3>
+            <p>You agree to be respectful of other users of the Forum. You agree not to:</p>
+            <ul>
+              <li>
+                <p>Harass or bully other users;</p>
+              </li>
+              <li>
+                <p>Engage in personal attacks or insults;</p>
+              </li>
+              <li>
+                <p>Spam or post irrelevant content;</p>
+              </li>
+              <li>
+                <p>Create multiple accounts for the purpose of disrupting or manipulating the forum;</p>
+              </li>
+              <li>
+                <p>Violate the privacy of other users.</p>
+              </li>
+            </ul>
+            <h3 id="content-ownership-and-responsibility">Content Ownership and Responsibility</h3>
+            <p>
+              You retain all ownership rights to the content you post on the forum. However, by posting content, you
+              grant the forum a non-exclusive, royalty-free license to use, reproduce, and distribute your content.
+            </p>
+            <p>
+              You acknowledge and agree that all content posted on the forum is the sole responsibility of the
+              individual who posted the content.
+            </p>
+            <h3 id="moderation-and-removal-of-content">Moderation and Removal of Content</h3>
+            <p>
+              The forum administrators reserve the right to monitor all user activity on the Forum. We may remove any
+              content that violates these Terms of Use or that we deem to be inappropriate. We may also suspend or
+              terminate your account if you violate these Terms of Use.
+            </p>
+            <h2 id="information-on-the-website-or-products-are-not-advice">
+              Information on the Website or Products are not advice
+            </h2>
+            <p>
+              None of the information available on the Website including the Interface and the Forum, or made otherwise
+              available to you in relation to its use, constitutes any legal, tax, financial or other advice. When in
+              doubt as to the action you should take, you should consult your legal, financial, tax or other
+              professional advisors.
+            </p>
+            <h2 id="intellectual-property-rights">Intellectual Property Rights</h2>
+            <p>
+              Subject to the application of any miscellaneous open source license attaching to the software code of the
+              Protocol and to the software code of the Products, we are the owner of all contents, including but not
+              limited to software, text, images, trademarks, service marks, copyrights, patents, and designs. This means
+              we own all the legal rights to them. You are not allowed to copy, modify, adapt, rent, license, sell,
+              publish, distribute, or share access to the Interface or its contents with anyone else, unless we
+              explicitly give you permission in writing. Simply using the Interface doesn&#39;t give you any ownership
+              rights to it or its contents.
+            </p>
+            <p>
+              Subject to your compliance with these Terms, we grant you a limited, revocable, non-exclusive,
+              non-transferable, non-sublicensable licence to access the Protocol and the Products. This licence does not
+              include any resale, commercial or derivative use of the Protocol or the Products. We reserve and retain
+              all rights not expressly granted to you in these Terms. The Interface may not be reproduced, sold, or
+              otherwise exploited for any commercial purpose without our express prior written consent. You may not
+              frame or utilize framing techniques to enclose any trademark, logo, or other proprietary information of us
+              without our express prior written consent. You may not misuse the Interface and may only use it as
+              permitted by law. If you breach our intellectual property rights in violation of these Terms, your licence
+              to use the Interface will automatically be revoked and terminated immediately.
+            </p>
+            <h2 id="bug-and-default">Bug and Default</h2>
+            <p className={'warn'}>
+              <strong>No Warranties</strong>: THE PRODUCTS ARE PROVIDED &quot;AS IS&quot; AND WITHOUT ANY WARRANTY OF
+              ANY KIND, EXPRESS OR IMPLIED. TO THE FULLEST EXTENT PERMITTED BY LAW, WE DISCLAIM ALL WARRANTIES, EXPRESS,
+              IMPLIED, OR STATUTORY, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS
+              FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
+            </p>
+            <p className={'warn'}>
+              <strong>Specific Disclaimers</strong>: WITHOUT LIMITING THE FOREGOING, COW DAO DOES NOT WARRANT THAT THE
+              SOFTWARE:
+            </p>
+            <ul>
+              <li>
+                <p>Will meet your specific requirements or expectations;</p>
+              </li>
+              <li>
+                <p>Will be uninterrupted, error-free, or completely secure;</p>
+              </li>
+              <li>
+                <p>Will be compatible with all systems or devices;</p>
+              </li>
+              <li>
+                <p>Will be accurate, complete, reliable, current, or virus-free.</p>
+              </li>
+            </ul>
+            <h2 id="user-responsibilities-and-prohibited-actions">User Responsibilities and Prohibited Actions</h2>
+            <h3 id="user-responsibilities">User Responsibilities</h3>
+            <p>
+              You are responsible for configuring your information technology and computer programs to access the
+              Products Interface in a secure manner. This includes the use of appropriate virus protection software.
+            </p>
+            <p>You agree to use the Products only for their intended purpose and in accordance with these Terms.</p>
+            <h3 id="prohibited-actions-">Prohibited Actions:</h3>
+            <p>You are prohibited from misusing the Products by knowingly introducing any material that is:</p>
+            <ul>
+              <li>
+                <p>Malicious, including viruses, worms, Trojan horses, and other harmful software;</p>
+              </li>
+              <li>
+                <p>
+                  Technologically harmful, including attempts to disrupt or damage the Interface or its infrastructure.
+                </p>
+              </li>
+            </ul>
+            <p>You are prohibited from attempting to gain unauthorized access to the:</p>
+            <ul>
+              <li>
+                <p>Products;</p>
+              </li>
+              <li>
+                <p>Server(s) hosting the Products;</p>
+              </li>
+              <li>
+                <p>Any computer or database connected to the Products;</p>
+              </li>
+            </ul>
+            <p>You are prohibited from attacking the Products through:</p>
+            <ul>
+              <li>
+                <p>Denial-of-service attacks;</p>
+              </li>
+              <li>
+                <p>Distributed denial-of-service attacks.</p>
+              </li>
+            </ul>
+            <p>You acknowledge that any breach of this clause may constitute a criminal offense.</p>
+            <h2 id="consequences-of-breaching-of-these-terms">Consequences of Breaching of these Terms</h2>
+            <p>
+              We reserve the right to immediately terminate your access to the Website or the Products upon any breach
+              of these Terms.
+            </p>
+            <p>
+              If you breach our intellectual property rights in violation of these Terms, your licence to use the
+              Interface will automatically be revoked and terminated immediately.
+            </p>
+            <p>
+              We may report any breach of this clause to the relevant law enforcement authorities and cooperate with
+              them, including disclosing your identity where possible.
+            </p>
+            <p>
+              Upon termination of your access, your right to use the Website or the Products will immediately cease.
+              Clauses 7 to 22 and any other term intended so will survive any termination of these Terms.
+            </p>
+            <h2 id="indemnification-and-liability">Indemnification and Liability</h2>
+            <p>
+              You agree to release and indemnify, defend and hold us and any of our affiliates harmless, as well as any
+              members, participants, directors, officers, employees, contractors, shareholders and representatives of
+              any of the foregoing, from and against any and all losses, liabilities, damages, costs claims or actions
+              of any kind arising or resulting from your use of the Interface, your breach of these Terms, and any of
+              your acts or omissions that infringe the rights of any person.
+            </p>
+            <p>
+              We reserve the right, at our own expense, to assume exclusive defence and control of any matter otherwise
+              subject to indemnification by you and, in such case, you agree to cooperate with us in the defence of such
+              matter.
+            </p>
+            <p>
+              The indemnity set out here is in addition to, and not in lieu of, any other remedies that may be available
+              to us under applicable law.
+            </p>
+            <h2 id="warranties">Warranties</h2>
+            <p>By using our Products you hereby agree, represent and warrant that:</p>
+            <ul>
+              <li>you have read and understood the Terms and agree to be bound by them;</li>
+              <li>
+                you do not rely on, and shall have no remedies in respect of, any statement, representation, assurance
+                or warranty (whether made innocently or negligently) that is not set out in these Terms;
+              </li>
+              <li>
+                you have reached the legal age of majority applicable to you and you agree to provide legitimate and
+                lawful documentation proving such status if we so request;
+              </li>
+              <li>
+                your usage of the Interface is legal under the laws of your jurisdiction or under the laws of any other
+                jurisdiction to which you may be subject;
+              </li>
+              <li>you are not a person subject to sanction set out by the EU or Portugal;</li>
+              <li>
+                you understand the functionality, usage, storage, transmission mechanisms and intricacies associated
+                with cryptographic assets, token storage facilities (including wallets), blockchain technology and
+                blockchain-based software systems;
+              </li>
+              <li>
+                you understand that transactions on the Ethereum Mainnet, Gnosis Chain and compatible layer 2 solutions
+                are irreversible and may not be erased and that your wallet address and any transaction is displayed
+                permanently and publicly and that you relinquish any right of rectification or erasure of personal data;
+              </li>
+              <li>
+                you shall comply with any applicable tax obligations in your jurisdiction arising from your use of the
+                interface;
+              </li>
+              <li>
+                you shall not misuse or gain unauthorised access to the Interface by knowingly introducing viruses,
+                Trojan horses, worms, time-bombs, keystroke loggers, spyware, adware or any other harmful programs or
+                similar computer code designed to adversely affect the Interface and that in the event you do so or
+                otherwise attack the Interface, we report any such activity to the relevant law enforcement authorities;
+              </li>
+              <li>
+                you shall not access without authority, interfere with, damage or disrupt any part of the Interface, any
+                equipment or network on which the Interface is stored, any software used in the provision of the
+                Interface or any equipment or network or software owned or used by any third party;
+              </li>
+              <li>
+                you shall not use the Interface for activities that are unlawful or fraudulent or have such purpose or
+                effect or otherwise support any activities that breach applicable local, national or international law
+                or regulations;
+              </li>
+              <li>
+                you shall not use the Interface to trade cryptographic assets that are proceeds of criminal or
+                fraudulent activity;
+              </li>
+              <li>
+                the Interface, the Protocol, the Ethereum Blockchain, Gnosis Chain and compatible layer 2 solutions are
+                in an early development stage and we accordingly do not guarantee an error-free process and give no
+                price or liquidity guarantee;
+              </li>
+              <li>you are using the Interface at your own risk;</li>
+              <li>
+                the risks of using the Interface are substantial and include, but are not limited to, the ones set out
+                in these Terms, which is hereby expressly incorporated into these Terms, and you are willing to accept
+                the risk of loss associated therewith.
+              </li>
+            </ul>
+            <h2 id="limitation-of-liability">Limitation of Liability</h2>
+            <p>
+              We do not exclude or limit our liability to you where it would be unlawful to do so. This includes
+              liability for death or personal injury caused by our negligence or fraud.
+            </p>
+            <p className={'warn'}>
+              YOU USE THIS INTERFACE AT YOUR OWN RISK AND YOU ASSUME FULL RESPONSIBILITY FOR SUCH USE. TO THE MAXIMUM
+              EXTENT PERMITTED BY APPLICABLE LAW, WE EXCLUDE ALL IMPLIED CONDITIONS, WARRANTIES, REPRESENTATIONS OR
+              OTHER TERMS THAT MAY APPLY TO THE INTERFACE. WE WILL NOT BE LIABLE TO YOU FOR ANY LOSS OR DAMAGE, WHETHER
+              IN CONTRACT, TORT (INCLUDING NEGLIGENCE), BREACH OF STATUTORY DUTY, OR OTHERWISE, EVEN IF FORESEEABLE,
+              ARISING UNDER OR IN CONNECTION WITH THE USE OF, OR INABILITY TO USE, THE INTERFACE; OR THE USE OF OR
+              RELIANCE ON ANY CONTENT DISPLAYED ON THE INTERFACE. WE WILL NOT BE LIABLE FOR LOSS OF PROFITS, SALES,
+              BUSINESS, OR REVENUE, BUSINESS INTERRUPTION, ANTICIPATED SAVINGS, BUSINESS OPPORTUNITY, GOODWILL OR
+              REPUTATION OR ANY INDIRECT OR CONSEQUENTIAL LOSS OR DAMAGE.
+            </p>
+            <p>
+              We are not liable for any funds lost due to your interaction with scam websites or activities imitating
+              the Interface.
+            </p>
+            <p>
+              You are responsible for ensuring you are interacting with the correct URL and taking necessary precautions
+              to avoid scams or fraudulent activities impersonating us.
+            </p>
+            <h2 id="we-are-not-registered-with-any-governmental-agency">
+              We Are Not Registered with any Governmental Agency
+            </h2>
+            <p>
+              We are not registered with any governmental supervisory authority in any capacity. You understand and
+              acknowledge that we do not broker trading orders on your behalf. We also do not facilitate the execution
+              or settlement of your trades, which occur entirely on public distributed blockchains.
+            </p>
+            <h2 id="no-fiduciary-duty">No Fiduciary Duty</h2>
+            <p>
+              To the fullest extent permitted by law, you acknowledge and agree that we owe no fiduciary duties or
+              liabilities to you or any other party, and that to the extent any such duties or liabilities may exist at
+              law or in equity, those duties and liabilities are hereby irrevocably disclaimed, waived, and eliminated.
+              You further agree that the only duties and obligations that we owe you are those set out expressly in this
+              Agreement.
+            </p>
+            <h2 id="dispute-resolution">Dispute Resolution</h2>
+            <h3 id="amicable-dispute-resolution">Amicable Dispute Resolution</h3>
+            <p>
+              If an alleged breach, controversy, claim, dispute or difference arises out of or in connection with the
+              present Terms about or in connection to this Interface between you and us (a &quot;Dispute&quot;), you
+              agree to seek to resolve the matter with us amicably by referring the matter to{' '}
+              <a href="mailto:legal@cow.fi" target="_blank" rel="nofollow noopener">
+                legal@cow.fi
+              </a>
+              .
+            </p>
+            <p>
+              For any claim not relating to or connected to the Interface please contact CoW DAO via CoW Forum at{' '}
+              <a href="https://forum.cow.fi/" target="_blank" rel="nofollow noopener">
+                https://forum.cow.fi/
+              </a>{' '}
+              with a detailed description, the date and time the issue arose, your handle to contact you on and the
+              outcome you are seeking.
+            </p>
+            <h3 id="mediation-and-arbitration">Mediation and Arbitration</h3>
+            <p>
+              In the event a Dispute cannot be resolved amicably, you must first refer the Dispute to proceedings under
+              the International Chamber of Commerce (&quot;ICC&quot;) Mediation Rules, which Rules are deemed to be
+              incorporated by reference into this clause. The place of mediation shall be London, United Kingdom. The
+              language of the mediation proceedings shall be English.
+            </p>
+            <p>
+              If the Dispute has not been settled pursuant to the ICC Mediation Rules within forty (40) days following
+              the filing of a Request for Mediation in accordance with the ICC Mediation Rules or within such other
+              period as the parties to the Dispute may agree in writing, such Dispute shall thereafter be finally
+              settled under the Rules of Arbitration of the International Chamber of Commerce by three (3) arbitrators
+              appointed in accordance with the said Rules. The seat of Arbitration shall be London, United Kingdom. The
+              governing law of this arbitration clause shall be the laws of England and Wales. The language of the
+              arbitration shall be English. The Emergency Arbitrator Provisions shall not apply.
+            </p>
+            <h3 id="final-jurisdiction">Final Jurisdiction</h3>
+            <p>
+              If the Dispute cannot be resolved for legal reasons in accordance with the procedures described above, you
+              and we agree that the courts of England and Wales shall have exclusive jurisdiction to resolve the
+              Dispute.
+            </p>
+            <h3 id="no-class-action">No Class Action</h3>
+            <p className={'warn'}>
+              YOU AGREE AND UNDERSTAND THAT BY ENTERING INTO THIS AGREEMENT, YOU EXPRESSLY WAIVE ANY RIGHT, IF ANY, TO A
+              TRIAL BY JURY AND RIGHT TO PARTICIPATE IN A CLASS ACTION LAWSUIT.
+            </p>
+            <h2 id="governing-law">Governing law</h2>
+            <p>
+              This Agreement shall be governed by and construed in accordance with the substantive laws of England &amp;
+              Wales without regard to conflict of laws principles.
+            </p>
+            <h2 id="third-party-beneficiary">Third party beneficiary</h2>
+            <p>
+              Clauses 4 to 22 also apply to the benefit of the Affiliates and such benefit also encompasses
+              Protocol-related matters.
+            </p>
+            <p>
+              Subject to 20.1, these Terms do not give rise to any third party rights, which may be enforced against Us.
+            </p>
+            <h2 id="entire-agreement">Entire agreement</h2>
+            <p>
+              These Terms constitute the entire and exclusive agreement between us and you regarding its subject matter,
+              and supersede and replace any previous or contemporaneous written or oral contract, promises, assurances,
+              assurances, warranty, representation or understanding regarding its subject matter, whether written or
+              oral. You shall have no claim for innocent or negligent misrepresentation or misstatement based on any
+              statement in these Terms, though nothing in this clause shall limit or exclude any liability for fraud.
+            </p>
+            <h2 id="no-waiver-and-no-assignment">No waiver and no assignment</h2>
+            <p>
+              You may not assign, transfer or delegate any of your rights or duties arising out of or in connection with
+              these Terms to a third party. Any such assignment or transfer shall be void and shall not impose any
+              obligation or liability on us to the assignee or transferee.
+            </p>
+            <p>
+              Any delay or omission by us in relation to the exercise of any right granted by law or under these Terms
+              shall not as a result exclude or prevent the later exercise of such a right.
+            </p>
+            <h2 id="severability">Severability</h2>
+            <p>
+              If any provision or part-provision of these Terms is or becomes invalid, illegal or unenforceable, it
+              shall be deemed modified to the minimum extent necessary to make it valid, legal and enforceable. If such
+              modification is not possible, the relevant provision or part-provision shall be deemed deleted. Any
+              modification to or deletion of a provision or part-provision under this clause shall not affect the
+              validity and enforceability of the rest of these Terms.
+            </p>{' '}
+          </BodyContent>
+        </ArticleContent>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/legal/layout.tsx b/apps/cow-fi/app/(main)/legal/layout.tsx
new file mode 100644
index 0000000000..03705a2e68
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/layout.tsx
@@ -0,0 +1,11 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: {
+    absolute: 'Legal - CoW DAO Legal Overview',
+  },
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/legal/page.tsx b/apps/cow-fi/app/(main)/legal/page.tsx
new file mode 100644
index 0000000000..64c038d5c9
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/page.tsx
@@ -0,0 +1,75 @@
+'use client'
+
+import { Color } from '@cowprotocol/ui'
+
+import styled from 'styled-components/macro'
+import { Link } from '@/components/Link'
+
+import { ArticleContent, ArticleMainTitle, BodyContent, Breadcrumbs, ContainerCard } from '@/styles/styled'
+import { clickOnLegal } from '../../../modules/analytics'
+
+const LEGAL_LINKS = [
+  {
+    title: 'CoW Widget Terms and Conditions',
+    href: '/legal/widget-terms',
+  },
+  {
+    title: 'CoW Swap Terms and Conditions',
+    href: '/legal/cowswap-terms',
+  },
+  {
+    title: 'CoW Swap Privacy Policy',
+    href: '/legal/cowswap-privacy-policy',
+  },
+  {
+    title: 'CoW Swap Cookie Policy',
+    href: '/legal/cowswap-cookie-policy',
+  },
+]
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1000px;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 24px;
+`
+
+export default function Page() {
+  return (
+    <Wrapper>
+      <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
+        <ArticleContent maxWidth="100%">
+          <Breadcrumbs>
+            <Link href="/" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Home
+            </Link>
+
+            <span>CoW DAO Legal Overview</span>
+          </Breadcrumbs>
+
+          <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
+            CoW DAO Legal Overview
+          </ArticleMainTitle>
+
+          <BodyContent>
+            <p>An overview of all legal documents related to CoW DAO and its products.</p>
+
+            <ul>
+              {LEGAL_LINKS.map((link, index) => (
+                <li key={index}>
+                  <Link href={link.href} onClick={() => clickOnLegal(`click-${link.title}`)}>
+                    {link.title}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </BodyContent>
+        </ArticleContent>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/legal/widget-terms/layout.tsx b/apps/cow-fi/app/(main)/legal/widget-terms/layout.tsx
new file mode 100644
index 0000000000..63a59b3a34
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/widget-terms/layout.tsx
@@ -0,0 +1,9 @@
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: { absolute: 'Widget - Terms and Conditions' },
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/legal/widget-terms/page.tsx b/apps/cow-fi/app/(main)/legal/widget-terms/page.tsx
new file mode 100644
index 0000000000..9144000c3d
--- /dev/null
+++ b/apps/cow-fi/app/(main)/legal/widget-terms/page.tsx
@@ -0,0 +1,356 @@
+'use client'
+
+import { Color } from '@cowprotocol/ui'
+
+import styled from 'styled-components/macro'
+
+import { Link } from '@/components/Link'
+
+import { ArticleContent, ArticleMainTitle, BodyContent, Breadcrumbs, ContainerCard } from '@/styles/styled'
+import { clickOnLegal } from '../../../../modules/analytics'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1000px;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 24px;
+`
+
+export default function Page() {
+  const title = 'CoW Swap Widget & Partner Fee Program Terms and Conditions'
+
+  return (
+    <Wrapper>
+      <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
+        <ArticleContent maxWidth="100%">
+          <Breadcrumbs>
+            <Link href="/" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Home
+            </Link>
+            <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
+              Legal
+            </Link>
+            <span>{title}</span>
+          </Breadcrumbs>
+
+          <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
+            {title}
+          </ArticleMainTitle>
+
+          <BodyContent>
+            <p>
+              These Terms and Conditions (the "Terms") govern the integration of the CoW Swap Widget (the "Widget"). The
+              Widget is provided to you ("you", the "Partner") by CoW DAO (the "Provider", "we", "our", or "us").
+            </p>
+            <p>
+              CoW DAO is an Ethereum and Gnosis Chain based collective managed by community members in accordance with
+              the CoW DAO's{' '}
+              <a target="_blank" rel="noreferrer" href="https://snapshot.org/#/cow.eth/about">
+                participation agreement
+              </a>
+              . To contact CoW DAO please use the forum at{' '}
+              <a target="_blank" rel="noreferrer" href="https://forum.cow.fi/">
+                https://forum.cow.fi/
+              </a>
+              .
+            </p>
+            <p>
+              By integrating and using the Widget, Partner acknowledges that it has read, understood, and agreed to be
+              bound by these Terms and Conditions.
+            </p>
+            <h2>Acceptance of these Terms</h2>
+            <p>
+              By integrating and using the Widget, you confirm that you accept these Terms and agree to comply with
+              them. If you do not agree, you must not integrate the Widget. If you think that there is an error in these
+              Terms, please contact us at{' '}
+              <a href="mailto:legal@cow.fi" target="_blank" rel="noreferrer">
+                legal@cow.fi
+              </a>
+              .
+            </p>
+            <p>
+              You are also responsible for ensuring that all persons who access the Widget through your website are
+              aware of the{' '}
+              <a target="_blank" rel="noreferrer" href="https://swap.cow.fi/#/terms-and-conditions">
+                Terms &amp; Conditions
+              </a>{' '}
+              of{' '}
+              <a target="_blank" rel="noreferrer" href="https://cow.fi/">
+                https://cow.fi/
+              </a>{' '}
+              and that they comply with them.
+            </p>
+            <p>
+              We may terminate or suspend your access to the Widget immediately, without prior notice or liability, if
+              you breach any clause of the Terms. Upon termination of your access, your right to access the website or
+              use the Products will immediately cease.
+            </p>
+            <h2>Change of these Terms</h2>
+            <p>
+              We may amend these Terms at our sole discretion. We regularly do so. Every time you wish to access the
+              Website or use the Products, please check these Terms to ensure you understand the terms that apply at
+              that time.
+            </p>
+            <h2>CoW Protocol</h2>
+            <p>
+              Cow Protocol (the "Protocol") is a decentralised protocol operated by CoW DAO on the Ethereum, Gnosis
+              Chain as well as other EVM compatible chains that allows users to trade certain digital assets. The
+              Protocol is a set of smart contracts owned by CoW DAO.
+            </p>
+            <p>
+              CoW Protocol applies batch auction mechanisms to allow peer-to-peer trades on Ethereum Mainnet, and
+              Ethereum Virtual Machine compatible validation mechanisms. CoW DAO is not custodians or counterparties to
+              any transactions executed by you on the Protocol. We do not support any other service, particularly we do
+              not provide any order matching, guaranteed prices, or similar exchange or trading platform services.
+            </p>
+            <p>
+              Please consult our{' '}
+              <a target="_blank" rel="noreferrer" href="https://docs.cow.fi/cow-protocol">
+                documentation
+              </a>{' '}
+              for more information on CoW Protocol.
+            </p>
+            <h2>The Widget</h2>
+            <p>
+              The Widget is an iframe solution mirroring the web-hosted user interface (the "Interface") published at{' '}
+              <a target="_blank" rel="noreferrer" href="https://swap.cow.fi/">
+                https://swap.cow.fi/
+              </a>{' '}
+              and providing access to CoW Protocol and allowing users to submit orders into the Interface and exchange
+              compatible tokens using the unique features of the Protocol.
+            </p>
+            <p>
+              Please consult our documentation for more information on{' '}
+              <a target="_blank" rel="noreferrer" href="https://docs.cow.fi/cow-protocol/tutorials/widget">
+                CoW Widget
+              </a>{' '}
+              and the Interface.
+            </p>
+            <p>
+              The{' '}
+              <a target="_blank" rel="noreferrer" href="https://swap.cow.fi/#/terms-and-conditions#welcometohttpscowfi">
+                Terms &amp; Conditions
+              </a>{' '}
+              for the use of the Interface apply to the Widget. It is your duty to ensure that all persons who access
+              the Widget through your website are aware of the Interface’s{' '}
+              <a target="_blank" rel="noreferrer" href="https://swap.cow.fi/#/terms-and-conditions">
+                Terms &amp; Conditions
+              </a>{' '}
+              and that they comply with them.
+            </p>
+            <h2>Widget Integration</h2>
+            <p>
+              The Partner may integrate the Widget into their website or application in accordance with the Provider's
+              integration guidelines and these Terms.
+            </p>
+            <p>
+              The Partner may customize the design and appearance of the Widget within reasonable limits, provided that
+              the Provider's branding and logos remain visible.
+            </p>
+            <h2>Obligations of the Partner</h2>
+            <p>
+              You are prohibited from misusing the Widget, the Interface, the Protocol or its infrastructure by
+              knowingly introducing any material that is:
+            </p>
+            <ul>
+              <li>Malicious, including viruses, worms, Trojan horses, and other harmful software;</li>
+              <li>
+                Technologically harmful, including attempts to disrupt or damage the Widget, the Interface, the Protocol
+                or its infrastructure.
+              </li>
+            </ul>
+            <p>You are prohibited from attempting to gain unauthorized access to the:</p>
+            <ul>
+              <li>the Widget, the Interface, the Protocol or its infrastructure;</li>
+              <li>Server(s) hosting the Widget, the Interface, the Protocol or its infrastructure;</li>
+              <li>
+                Any computer or database connected to the Widget, the Interface, the Protocol or its infrastructure.
+              </li>
+            </ul>
+            <p>
+              You are prohibited from attacking the Widget, the Interface, the Protocol or its infrastructure through:
+            </p>
+            <ul>
+              <li>Denial-of-service attacks;</li>
+              <li>Distributed denial-of-service attacks;</li>
+              <li>You acknowledge that any breach of this clause may constitute a criminal offense.</li>
+            </ul>
+            <h2>License and Ownership</h2>
+            <p>
+              The Provider grants the Partner a limited, non-exclusive, non-transferable, revocable license to integrate
+              and use the Widget solely for the purpose of providing access to the Interface to the Partner's users.
+            </p>
+            <p>
+              The Widget and all intellectual property rights therein are and shall remain the exclusive property of the
+              Provider.
+            </p>
+            <h2>Partner Fee Program</h2>
+            <h3>Partner Fee</h3>
+
+            <p>
+              Partners may participate in the Provider's Partner Fee Program ("Program"). The Program enables Partners
+              to earn fees on trades their users execute through the Widget. For comprehensive details and conditions of
+              the Partner Fee Program, please refer to the dedicated{' '}
+              <a target="_blank" rel="noreferrer" href="https://docs.cow.fi/cow-protocol/tutorials/widget#partner-fee">
+                Widget documentation page under the "Partner Fee" section
+              </a>
+              .
+            </p>
+            <p>
+              To list a token on the Widget and earn fees on associated transactions, the token must have a listing on{' '}
+              <a target="_blank" rel="noreferrer" href="https://www.coingecko.com">
+                https://www.coingecko.com/
+              </a>{' '}
+              as it appears on the site.
+            </p>
+            <h3>Service Fee</h3>
+            <p>
+              The Provider will retain a service fee ("Service Fee") from the total fees earned by the Partner. Specific
+              terms and conditions regarding the Service Fee are outlined in the{' '}
+              <a target="_blank" rel="noreferrer" href="https://docs.cow.fi/cow-protocol/tutorials/widget#partner-fee">
+                Widget's dedicated documentation page under the "Partner Fee" section
+              </a>
+              .
+            </p>
+            <p>The Provider reserves the right to adjust the Service Fee charged to the Partner with prior notice.</p>
+            <h3>Partner Fee Payment at the Provider’s Discretion</h3>
+            <p>
+              The Provider retains sole and absolute discretion in determining whether the transactions on the Widget
+              are eligible for Partner Fee. The Provider may choose not to issue Partner Fees for any reason, including
+              but not limited to:
+            </p>
+            <ul>
+              <li>
+                Suspected Fraud or Scam Activity: Transactions involving tokens deemed fraudulent or potentially
+                involved in scams;
+              </li>
+              <li>
+                Abnormal or Manipulative Trading: Trading activity aimed at exploiting the Widget or Partner Fee
+                program;
+              </li>
+              <li>
+                Other Inappropriate Activity: Any other scenarios where the Provider considers Partner Fee payment to be
+                unsuitable or against the best interests of the Widget or Program.
+              </li>
+            </ul>
+
+            <h3>Program Changes and Termination</h3>
+            <p>
+              The Provider may make amendments to the Program at any time. Additionally, the Provider reserves the right
+              to modify or terminate the Program at any time, with or without notice.
+            </p>
+
+            <h2>Warranties and Limitations</h2>
+            <p>The Widget is provided "as is" without warranty of any kind, express or implied.</p>
+            <p>
+              Provider shall not be liable for any damages or losses arising from the use or inability to use the
+              Widget, including but not limited to direct, indirect, incidental, consequential, or punitive damages.
+            </p>
+            <p>
+              The Partner is solely responsible for ensuring compliance with all applicable laws and regulations in
+              their jurisdiction.
+            </p>
+            <h2>Indemnification</h2>
+            <p>
+              The Partner shall indemnify, defend, and hold harmless the Provider, its affiliates, and their agents from
+              and against any and all claims, liabilities, damages, losses, and expenses, including reasonable
+              attorneys' fees and costs, arising out of or relating to the Partner's use of the Widget or breach of
+              these Terms.
+            </p>
+            <h2>Breach of Terms</h2>
+            <p>
+              In the event of a breach of these Terms, the Provider may immediately terminate your use of the Widget or
+              participation in the Program without notice.
+            </p>
+            <h2>Termination</h2>
+            <p>
+              The&nbsp; Provider may terminate this Agreement at any time and revoke the Partner's license to use the
+              Widget at any time, with or without cause, upon written notice to Partner.
+            </p>
+            <p>
+              Upon termination, the Partner shall immediately cease all use of the Widget and remove it from its website
+              or application.
+            </p>
+            <h2>Dispute Resolution</h2>
+            <h3>Amicable Dispute Resolution</h3>
+            <p>
+              If an alleged breach, controversy, claim, dispute or difference arises out of or in connection with the
+              present Terms about or in connection to the Widget between you and us (a "Dispute"), you agree to seek to
+              resolve the matter with us amicably by referring the matter to{' '}
+              <a href="mailto:legal@cow.fi" target="_blank" rel="noreferrer">
+                legal@cow.fi
+              </a>
+              .
+            </p>
+            <p>
+              For any claim not relating to or connected to the Widget please contact CoW DAO via CoW Forum at{' '}
+              <a target="_blank" rel="noreferrer" href="https://forum.cow.fi/">
+                https://forum.cow.fi/
+              </a>{' '}
+              with a detailed description, the date and time the issue arose, your handle to contact you on and the
+              outcome you are seeking.
+            </p>
+            <h3>Mediation and Arbitration</h3>
+            <p>
+              In the event a Dispute cannot be resolved amicably, you must first refer the Dispute to proceedings under
+              the International Chamber of Commerce ("ICC") Mediation Rules, which Rules are deemed to be incorporated
+              by reference into this clause. The place of mediation shall be London, United Kingdom. The language of the
+              mediation proceedings shall be English.
+            </p>
+            <p>
+              If the Dispute has not been settled pursuant to the ICC Mediation Rules within forty (40) days following
+              the filing of a Request for Mediation in accordance with the ICC Mediation Rules or within such other
+              period as the parties to the Dispute may agree in writing, such Dispute shall thereafter be finally
+              settled under the Rules of Arbitration of the International Chamber of Commerce by three (3) arbitrators
+              appointed in accordance with the said Rules. The seat of Arbitration shall be London, United Kingdom. The
+              governing law of this arbitration clause shall be the laws of England and Wales. The language of the
+              arbitration shall be English. The Emergency Arbitrator Provisions shall not apply.
+            </p>
+            <h3>Final Jurisdiction</h3>
+            <p>
+              If the Dispute cannot be resolved for legal reasons in accordance with the procedures described above, you
+              and we agree that the courts of England and Wales shall have exclusive jurisdiction to resolve the
+              Dispute.
+            </p>
+            <h2>Miscellaneous</h2>
+            <h3>Entire agreement</h3>
+            <p>
+              These Terms constitute the entire and exclusive agreement between us and you regarding its subject matter,
+              and supersede and replace any previous or contemporaneous written or oral contract, promises, assurances,
+              assurances, warranty, representation or understanding regarding its subject matter, whether written or
+              oral. You shall have no claim for innocent or negligent misrepresentation or misstatement based on any
+              statement in these Terms, though nothing in this clause shall limit or exclude any liability for fraud.
+            </p>
+            <h3>No waiver and no assignment</h3>
+            <p>
+              You may not assign, transfer or delegate any of your rights or duties arising out of or in connection with
+              these Terms to a third party. Any such assignment or transfer shall be void and shall not impose any
+              obligation or liability on us to the assignee or transferee.
+            </p>
+            <p>
+              Any delay or omission by us in relation to the exercise of any right granted by law or under these Terms
+              shall not as a result exclude or prevent the later exercise of such a right.
+            </p>
+            <h3>Severability</h3>
+            <p>
+              If any provision or part-provision of these Terms is or becomes invalid, illegal or unenforceable, it
+              shall be deemed modified to the minimum extent necessary to make it valid, legal and enforceable. If such
+              modification is not possible, the relevant provision or part-provision shall be deemed deleted. Any
+              modification to or deletion of a provision or part-provision under this clause shall not affect the
+              validity and enforceability of the rest of these Terms.
+            </p>
+            <h3>Governing law</h3>
+            <p>
+              This Agreement shall be governed by and construed in accordance with the substantive laws of England &amp;
+              Wales without regard to conflict of laws principles.
+            </p>
+          </BodyContent>
+        </ArticleContent>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/page.tsx b/apps/cow-fi/app/(main)/page.tsx
new file mode 100644
index 0000000000..bb8bde2811
--- /dev/null
+++ b/apps/cow-fi/app/(main)/page.tsx
@@ -0,0 +1,142 @@
+'use client'
+
+import { Color, Font } from '@cowprotocol/ui'
+import IMG_ICON_GOVERNANCE from '@cowprotocol/assets/images/icon-governance.svg'
+import VIDEO_HERO_HOME from '@cowprotocol/assets/video/cow-dao-hero-animation.mp4'
+import { Link, LinkType } from '@/components/Link'
+
+import {
+  ContainerCard,
+  ContainerCardSection,
+  HeroBackground,
+  HeroContainer,
+  HeroContent,
+  HeroTitle,
+  PageWrapper,
+  SectionTitleDescription,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleWrapper,
+  TopicCard,
+  TopicImage,
+  TopicList,
+  TopicTitle,
+} from '@/styles/styled'
+
+import LazySVG from '@/components/LazySVG'
+import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
+import IMG_ICON_GRANTS_CARTON from '@cowprotocol/assets/images/icon-grants-carton.svg'
+
+import { CHANNEL_LIST, PRODUCT_CONTAINERS } from '@/data/home/const'
+import { clickOnHome } from '../../modules/analytics'
+
+export default function Page() {
+  return (
+    <PageWrapper>
+      <HeroContainer minHeight="700px" maxWidth={'100%'} margin="-76px auto -48px" padding="142px 20px 56px">
+        <HeroBackground>
+          <video autoPlay loop muted playsInline>
+            <source src={VIDEO_HERO_HOME} type="video/mp4" />
+          </video>
+        </HeroBackground>
+        <HeroContent flex={'0 1 0'}>
+          <HeroTitle fontSize={148} fontSizeMobile={80}>
+            Don’t get milked!
+          </HeroTitle>
+        </HeroContent>
+      </HeroContainer>
+
+      {PRODUCT_CONTAINERS}
+
+      <ContainerCard bgColor={'transparent'}>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={900}>
+            <SectionTitleIcon size={126}>
+              <LazySVG src={IMG_ICON_BULB_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>Innovation in action</SectionTitleText>
+            <SectionTitleDescription color={Color.neutral30}>
+              CoW DAO is famous for pioneering technology at the forefront of intents, MEV protection, and more. <br />
+              Whether you're a crypto beginner or an Ethereum OG, you can learn more about these important topics in the
+              CoW DAO Knowledge Base.
+            </SectionTitleDescription>
+
+            <Link
+              linkType={LinkType.SectionTitleButton}
+              href="/learn"
+              onClick={() => clickOnHome('click-cow-knowledge-base-learn-more')}
+            >
+              Learn more
+            </Link>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0" maxWidth={900}>
+            <SectionTitleIcon size={90}>
+              <LazySVG src={IMG_ICON_GOVERNANCE} />
+            </SectionTitleIcon>
+            <SectionTitleText textAlign="center">Governance</SectionTitleText>
+            <SectionTitleDescription color={Color.neutral60} fontWeight={Font.weight.regular} textAlign="center">
+              Anyone can join CoW DAO by holding{' '}
+              <Link
+                href="https://swap.cow.fi/#/1/swap/USDC/COW"
+                onClick={() => clickOnHome('click-cow-tokens')}
+                external
+              >
+                COW tokens
+              </Link>
+              . Tokenholders contribute to CoW DAO's mission by participating in "CoWmunity" discussions on Discord, by
+              adding proposals to the CoW DAO Forum, and by voting on governance actions in Snapshot.
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2}>
+            {CHANNEL_LIST.map((social, index) => (
+              <TopicCard
+                key={index}
+                textColor={social.textColor}
+                bgColor={social.iconColor}
+                href={social.href}
+                rel="noopener noreferrer"
+                target="_blank"
+                onClick={() => clickOnHome(social.linkEvent)}
+              >
+                <TopicImage iconColor="transparent" maxWidth={290} maxHeight={290} height={290} width={290}>
+                  <LazySVG src={social.iconImage} title={social.title} />
+                </TopicImage>
+                <TopicTitle fontSize={38}>{social.title}</TopicTitle>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={900}>
+            <SectionTitleIcon size={90}>
+              <LazySVG src={IMG_ICON_GRANTS_CARTON} />
+            </SectionTitleIcon>
+            <SectionTitleText textAlign="center">Grants</SectionTitleText>
+            <SectionTitleDescription color={Color.neutral30} fontWeight={Font.weight.regular} textAlign="center">
+              The CoW DAO Grants Program funds mission-aligned projects and people working on MEV protection, trading
+              innovation, and ecosystem development.
+            </SectionTitleDescription>
+            <Link
+              external
+              linkType={LinkType.SectionTitleButton}
+              utmContent="home-page-apply-for-a-grant"
+              href="https://grants.cow.fi/"
+              onClick={() => clickOnHome('click-apply-for-a-grant')}
+            >
+              Explore grants
+            </Link>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/products/page.tsx b/apps/cow-fi/app/(main)/products/page.tsx
new file mode 100644
index 0000000000..2922f287cc
--- /dev/null
+++ b/apps/cow-fi/app/(main)/products/page.tsx
@@ -0,0 +1,16 @@
+'use client'
+
+import { Color } from '@cowprotocol/ui'
+import { PRODUCT_CONTAINERS } from '@/data/home/const'
+
+import { PageWrapper, ContainerCard } from '@/styles/styled'
+
+export default function Page() {
+  return (
+    <PageWrapper>
+      <ContainerCard bgColor={Color.neutral100} touchFooter>
+        {PRODUCT_CONTAINERS}
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(main)/tokens/[tokenId]/page.tsx b/apps/cow-fi/app/(main)/tokens/[tokenId]/page.tsx
new file mode 100644
index 0000000000..f52dbd237e
--- /dev/null
+++ b/apps/cow-fi/app/(main)/tokens/[tokenId]/page.tsx
@@ -0,0 +1,55 @@
+'use server'
+
+import React from 'react'
+
+import { getTokenDetails as getTokenDetails, getTokensIds } from '../../../../services/tokens'
+import { CONFIG } from '@/const/meta'
+
+import { TokenPageComponent } from '@/components/TokenPageComponent'
+import type { Metadata } from 'next'
+import type { TokenDetails } from '../../../../types'
+import { getPageMetadata } from '@/util/getPageMetadata'
+
+type Props = {
+  params: Promise<{ tokenId: string }>
+}
+
+function getTokenMetaData(token: TokenDetails) {
+  const { name, symbol, change24h, priceUsd } = token
+  const change24 = parseFloat(change24h as string)
+  const change24hFormatted = change24.toFixed(2)
+  const isIncrease = parseFloat(change24h as string) >= 0
+  const priceChangeEmoji = isIncrease ? '🟢' : '🔴'
+  const changeDirection = isIncrease ? '▲' : '▼'
+  const title = `${priceChangeEmoji} ${name} (${symbol}) $${priceUsd} (${change24hFormatted}% ${changeDirection}) - ${CONFIG.metatitle_tokenDetail} - ${CONFIG.title.default}`
+  const description = `Track the latest ${name} (${symbol}) price, market cap, trading volume, and more with CoW DAO's live ${name} price chart.`
+
+  return { title, description }
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  // read route params
+  const tokenId = (await params).tokenId
+
+  if (!tokenId) return {}
+
+  const token = await getTokenDetails(tokenId)
+
+  return getPageMetadata(getTokenMetaData(token))
+}
+
+export async function generateStaticParams() {
+  const tokenIds = await getTokensIds()
+
+  return tokenIds.map((tokenId) => ({ tokenId }))
+}
+
+export default async function Page({ params }: Props) {
+  const tokenId = (await params).tokenId
+
+  if (!tokenId) return null
+
+  const token = await getTokenDetails(tokenId)
+
+  return <TokenPageComponent token={token} />
+}
diff --git a/apps/cow-fi/app/(main)/tokens/layout.tsx b/apps/cow-fi/app/(main)/tokens/layout.tsx
new file mode 100644
index 0000000000..8ff648c30a
--- /dev/null
+++ b/apps/cow-fi/app/(main)/tokens/layout.tsx
@@ -0,0 +1,15 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { CONFIG } from '@/const/meta'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    title: 'Tokens - CoW DAO',
+    description:
+      "Track the latest tokens price, market cap, trading volume, and more with CoW DAO's live token price tracker",
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/tokens/page.tsx b/apps/cow-fi/app/(main)/tokens/page.tsx
new file mode 100644
index 0000000000..54f6c93a5a
--- /dev/null
+++ b/apps/cow-fi/app/(main)/tokens/page.tsx
@@ -0,0 +1,10 @@
+'use server'
+
+import { getTokensInfo } from '../../../services/tokens'
+import { TokensPageComponent } from '@/components/TokensPageComponent'
+
+export default async function Page() {
+  const tokens = await getTokensInfo()
+
+  return <TokensPageComponent tokens={tokens} />
+}
diff --git a/apps/cow-fi/app/(main)/widget/layout.tsx b/apps/cow-fi/app/(main)/widget/layout.tsx
new file mode 100644
index 0000000000..20c2b00300
--- /dev/null
+++ b/apps/cow-fi/app/(main)/widget/layout.tsx
@@ -0,0 +1,13 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    title: 'Widget - Bring reliable, MEV-protected swaps to your users',
+    description: 'Integrate the CoW Swap widget to bring seamless, MEV-protected trading to your website or dApp',
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(main)/widget/page.tsx b/apps/cow-fi/app/(main)/widget/page.tsx
new file mode 100644
index 0000000000..dc1e11b69d
--- /dev/null
+++ b/apps/cow-fi/app/(main)/widget/page.tsx
@@ -0,0 +1,333 @@
+'use client'
+
+import { Font, Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
+
+import IMG_ICON_OWL from '@cowprotocol/assets/images/icon-owl.svg'
+import IMG_ICON_GHOST from '@cowprotocol/assets/images/icon-ghost.svg'
+
+import { Link, LinkType } from '@/components/Link'
+
+import { CowSwapWidget, CowSwapWidgetParams } from '@cowprotocol/widget-react'
+
+import {
+  PageWrapper,
+  ContainerCard,
+  ContainerCardSection,
+  TopicList,
+  TopicCard,
+  TopicImage,
+  TopicTitle,
+  TopicDescription,
+  SectionTitleWrapper,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleDescription,
+  TopicCardInner,
+  HeroContainer,
+  HeroDescription,
+  HeroContent,
+  HeroTitle,
+  HeroSubtitle,
+  WidgetContainer,
+  HeroButtonWrapper,
+} from '@/styles/styled'
+
+import { DAO_CONTENT as CONTENT } from '@/data/widget/const'
+
+import LazySVG from '@/components/LazySVG'
+
+import { clickOnWidget } from '../../../modules/analytics'
+
+const FEATURE_ITEMS = [
+  'Live styling configurator',
+  'Easy install with a snippet of code',
+  'External wallet management - use your own wallet connection',
+  'Internal wallet management - no wallet connection needed',
+  'Configurable token lists',
+  'Custom-tailored fees',
+  'Fully responsive, from 320px and up',
+  'Feature-adaptive display',
+]
+
+const widgetParams: CowSwapWidgetParams = {
+  appCode: 'CoW Protocol: Widget Demo',
+  theme: 'light',
+  standaloneMode: true,
+  width: '100%',
+}
+
+export default function Page() {
+  return (
+    <PageWrapper>
+      <HeroContainer variant="secondary">
+        <HeroContent variant="secondary">
+          <HeroSubtitle color={'#66018E'}>Widget</HeroSubtitle>
+          <HeroTitle fontSize={52} fontSizeMobile={38}>
+            Bring reliable, MEV-protected swaps to your users
+          </HeroTitle>
+          <HeroDescription color={Color.neutral30}>
+            Integrate the CoW Swap widget to bring seamless, MEV-protected trading to your website or dApp. Delight your
+            users while adding an extra revenue stream for your project - it's a win-win.
+          </HeroDescription>
+
+          <HeroButtonWrapper>
+            <Link
+              href="https://widget.cow.fi/"
+              utmContent="widget-page-configure-widget-cta-hero"
+              external
+              linkType={LinkType.HeroButton}
+              onClick={() => clickOnWidget('click-config-widget')}
+            >
+              {' '}
+              Configure widget{' '}
+            </Link>
+
+            <Link
+              bgColor="transparent"
+              color={Color.neutral20}
+              href="https://docs.cow.fi/cow-protocol/tutorials/widget"
+              utmContent="widget-page-readdocs-cta-hero"
+              external
+              linkType={LinkType.HeroButton}
+              onClick={() => clickOnWidget('click-read-docs')}
+            >
+              {' '}
+              Read docs
+            </Link>
+          </HeroButtonWrapper>
+        </HeroContent>
+
+        <WidgetContainer id="COW-WIDGET">
+          <CowSwapWidget params={widgetParams} />
+        </WidgetContainer>
+      </HeroContainer>
+
+      <ContainerCard bgColor={Color.neutral10} color={Color.neutral100}>
+        <ContainerCardSection>
+          <SectionTitleWrapper>
+            <SectionTitleIcon size={100}>
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="light" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText>Integrate now</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={1} columnsTablet={1} maxWidth={1000}>
+            <TopicCard
+              columns="1fr auto"
+              gap={100}
+              horizontal
+              asProp="div"
+              bgColor={'transparent'}
+              textColor={Color.neutral100}
+            >
+              <TopicCardInner contentAlign="left">
+                <TopicTitle fontSize={48}>Earn Revenue for Your Project</TopicTitle>
+                <TopicDescription fontSize={24} color={Color.neutral80}>
+                  You may collect revenue when users trade with your widget.*
+                </TopicDescription>
+              </TopicCardInner>
+              <TopicImage width={400} height={400} heightMobile={300} orderReverseMobile bgColor="transparent">
+                <img src="images/eth-circles.svg" alt="Make Money with CoW Swap" width="340" height="214" />
+              </TopicImage>
+            </TopicCard>
+
+            <TopicCard
+              columns="1fr auto"
+              gap={100}
+              horizontal
+              asProp="div"
+              bgColor="transparent"
+              textColor={Color.neutral100}
+            >
+              <TopicImage width={400} height={400} heightMobile={300} orderReverseMobile bgColor="transparent">
+                <img src="images/eth-blocks.svg" alt="Integrate With Ease" width="340" height="214" loading="lazy" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle fontSize={67}>Integrate With Ease</TopicTitle>
+                <TopicDescription fontSize={24} color={Color.neutral80}>
+                  The CoW Swap widget is quick to install and easy to customize. Add the widget to your site in under 5
+                  minutes by copy-pasting a few lines of code. Contact our team for implementation details.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'} color={Color.neutral10}>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={900}>
+            <SectionTitleIcon size={60}>
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText fontSize={62}>Every Bell, Whistle, and Moo</SectionTitleText>
+            <SectionTitleDescription fontSize={24} color={Color.neutral40}>
+              With the CoW Swap widget, you can offer your users everything you know and love about CoW Swap, and more.
+              Oh, and yes… it does come with the “moo”.
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2}>
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/protection.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Full protection from MEV</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  CoW Swap offers the best MEV protection in the land. Thanks to a delegated trading model that relies
+                  on experts to execute swaps, traders can rest assured that they're safe from the MEV bots.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/surplus.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Surplus-capturing orders</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  Every order is surplus-capturing and traders usually earn a little extra in their sell token with each
+                  swap.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/gasless.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Gasless trading</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  All gas fees are paid in the sell token for swaps and even for token approvals. Users can enjoy
+                  ETH-free trading every time, even with brand-new wallets.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral100} color={Color.neutral10}>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={900}>
+            <SectionTitleIcon size={60}>
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText fontSize={62}>Everything You'd Want in a Widget</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={4} columnsTablet={2} columnsMobile={1}>
+            {FEATURE_ITEMS.map((item, index) => (
+              <TopicCard
+                key={index}
+                contentAlign={'left'}
+                bgColor={Color.neutral90}
+                padding={'24px'}
+                gap={12}
+                asProp="div"
+              >
+                <TopicImage bgColor="transparent" height={42} width={'auto'}>
+                  <LazySVG src="images/icons/check-color.svg" />
+                </TopicImage>
+                <TopicCardInner contentAlign="left">
+                  <TopicTitle fontSize={23} fontWeight={Font.weight.medium}>
+                    {item}
+                  </TopicTitle>
+                </TopicCardInner>
+              </TopicCard>
+            ))}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
+        <ContainerCardSection>
+          <SectionTitleWrapper>
+            <SectionTitleIcon multiple>
+              <LazySVG src={IMG_ICON_OWL} />
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
+              <LazySVG src={IMG_ICON_GHOST} />
+            </SectionTitleIcon>
+            <SectionTitleText fontSize={90}>Trusted by the best</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={7} columnsMobile={2} maxWidth={1000} gap={10} margin="0 auto 100px">
+            {CONTENT.trustedDAOs.map((dao, index) => {
+              const isPng = dao.icon.endsWith('.png')
+              return (
+                <TopicCard
+                  key={index}
+                  contentAlign={'center'}
+                  bgColor={Color.neutral20}
+                  padding={'20px'}
+                  href={dao.link}
+                >
+                  <TopicImage iconColor={Color.neutral0} bgColor={'transparent'} width={75} height={48} margin={'auto'}>
+                    {isPng ? (
+                      <img src={dao.icon} alt={dao.title} style={{ maxWidth: '100%' }} loading="lazy" />
+                    ) : (
+                      <LazySVG src={dao.icon} />
+                    )}
+                  </TopicImage>
+                </TopicCard>
+              )
+            })}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
+        <ContainerCardSection padding={'0 0 100px'}>
+          <SectionTitleWrapper>
+            <SectionTitleIcon>
+              <ProductLogo variant={ProductVariant.CowSwap} theme="light" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText>Integrate in 5 minutes or less</SectionTitleText>
+            <HeroButtonWrapper width="auto">
+              <Link
+                href="https://widget.cow.fi/"
+                utmContent="widget-page-configure-widget-cta-hero"
+                external
+                linkType={LinkType.HeroButton}
+                onClick={() => clickOnWidget('click-config-widget')}
+              >
+                {' '}
+                Configure widget{' '}
+              </Link>
+
+              <Link
+                bgColor="transparent"
+                color={Color.neutral20}
+                href="https://docs.cow.fi/cow-protocol/tutorials/widget"
+                utmContent="widget-page-readdocs-cta-hero"
+                external
+                linkType={LinkType.HeroButton}
+                onClick={() => clickOnWidget('click-read-docs')}
+              >
+                {' '}
+                Read docs
+              </Link>
+            </HeroButtonWrapper>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
+        <ContainerCardSection padding={'0'}>
+          <SectionTitleWrapper maxWidth={1000} margin="0 auto">
+            <SectionTitleDescription fontSize={16} color={Color.neutral40}>
+              <b>* Important Disclaimer:</b> Use of this widget is subject to the laws and regulations of your
+              jurisdiction. You are solely responsible for ensuring compliance, and the provider is not liable for any
+              legal consequences or issues arising from your failure to adhere. Using the widget indicates acceptance of
+              the <Link href="/widget/terms-and-conditions">Terms and Conditions;</Link> if you do not agree, refrain
+              from using it.
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/app/(mev-blocker)/layout.tsx b/apps/cow-fi/app/(mev-blocker)/layout.tsx
new file mode 100644
index 0000000000..77d7cae96a
--- /dev/null
+++ b/apps/cow-fi/app/(mev-blocker)/layout.tsx
@@ -0,0 +1,5 @@
+import { Layout } from '@/components/Layout'
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return <Layout bgColor="#FEE7CF">{children}</Layout>
+}
diff --git a/apps/cow-fi/app/(mev-blocker)/mev-blocker/layout.tsx b/apps/cow-fi/app/(mev-blocker)/mev-blocker/layout.tsx
new file mode 100644
index 0000000000..314ed8f860
--- /dev/null
+++ b/apps/cow-fi/app/(mev-blocker)/mev-blocker/layout.tsx
@@ -0,0 +1,16 @@
+import { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { CONFIG } from '@/const/meta'
+
+export const metadata: Metadata = {
+  ...getPageMetadata({
+    title: 'Mev Blocker - The best MEV protection under the sun',
+    description:
+      'MEV Blocker is your personal protection from frontrunning and sandwich attacks for a broad spectrum of Ethereum transactions',
+    image: CONFIG.ogImageMEVBLOCKER,
+  }),
+}
+
+export default function LayoutPage({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/apps/cow-fi/app/(mev-blocker)/mev-blocker/page.tsx b/apps/cow-fi/app/(mev-blocker)/mev-blocker/page.tsx
new file mode 100644
index 0000000000..7d780da547
--- /dev/null
+++ b/apps/cow-fi/app/(mev-blocker)/mev-blocker/page.tsx
@@ -0,0 +1,516 @@
+'use client'
+
+import Script from 'next/script'
+
+import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
+
+import FAQ from '@/components/FAQ'
+import { AddRpcButton } from '@/components/AddRpcButton'
+import { Link, LinkType } from '@/components/Link'
+
+import useWebShare from '../../../hooks/useWebShare'
+
+import { WagmiConfig, createConfig, configureChains, mainnet } from 'wagmi'
+import { publicProvider } from 'wagmi/providers/public'
+import { RainbowKitProvider, getDefaultWallets } from '@rainbow-me/rainbowkit'
+import '@rainbow-me/rainbowkit/styles.css'
+
+import IMAGE_ICON_MEVBLOCKER_PROTECT from '@cowprotocol/assets/images/icon-mevblocker-protect.svg'
+import IMAGE_ICON_MEVBLOCKER_PROTECT2 from '@cowprotocol/assets/images/icon-mevblocker-protect2.svg'
+import IMAGE_ICON_MEVBLOCKER_CHATBALLOON from '@cowprotocol/assets/images/icon-mevblocker-chatballoon.svg'
+import IMAGE_ICON_MEVBLOCKER_TRUST from '@cowprotocol/assets/images/icon-mevblocker-trust.svg'
+import IMAGE_ICON_QUESTIONBALLOON from '@cowprotocol/assets/images/icon-question-balloon.svg'
+import IMAGE_SANDWICH_GUY from '@cowprotocol/assets/images/image-sandwich-guy.svg'
+
+import {
+  PageWrapper,
+  ContainerCard,
+  ContainerCardSection,
+  TopicList,
+  TopicCard,
+  TopicImage,
+  TopicTitle,
+  TopicDescription,
+  SectionTitleWrapper,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleDescription,
+  TopicCardInner,
+  HeroContainer,
+  HeroImage,
+  HeroDescription,
+  HeroContent,
+  HeroTitle,
+  HeroSubtitle,
+  MetricsCard,
+  MetricsItem,
+  ColorTable,
+  ColorTableCell,
+  ColorTableHeader,
+  ColorTableContainer,
+  TopicTable,
+} from '@/styles/styled'
+
+import LazySVG from '@/components/LazySVG'
+
+import { FAQ_DATA, TRUSTED_BY_CONTENT, TESTIMONIAL_LIST, MEV_BLOCKER_LIST } from '@/data/mev-blocker/const'
+
+import { clickOnMevBlocker } from '../../../modules/analytics'
+
+const isClient = typeof window === 'object'
+
+// Configure chains and providers
+const { chains, publicClient } = configureChains([mainnet], [publicProvider()])
+
+// Get default wallets
+const { connectors } = getDefaultWallets({
+  appName: 'Your App Name',
+  projectId: 'YOUR_PROJECT_ID', // TODO: Add project ID here
+  chains,
+})
+
+// Create the Wagmi client
+const wagmiClient = createConfig({
+  autoConnect: isClient,
+  connectors,
+  publicClient,
+})
+
+export default function Page() {
+  const { share, message } = useWebShare()
+
+  const handleShareClick = () => {
+    share({
+      title: 'MEV Blocker',
+      text: 'Check out MEV Blocker! It helps protect you from MEV damage.',
+      url: 'https://cow.fi/mev-blocker',
+    })
+  }
+
+  return (
+    <WagmiConfig config={wagmiClient}>
+      <RainbowKitProvider chains={chains}>
+        <PageWrapper>
+          <HeroContainer variant="secondary">
+            <HeroContent variant="secondary">
+              <HeroSubtitle color={'#EC4612'}>MEV Blocker</HeroSubtitle>
+              <HeroTitle>The best MEV protection under the sun</HeroTitle>
+              <HeroDescription fontSize={21}>
+                MEV Blocker is your personal protection from frontrunning and sandwich attacks for a broad spectrum of
+                Ethereum transactions
+                <br />
+                <br />
+                <b>How it works:</b>
+                <ol>
+                  <li>Add the RPC endpoint directly to your wallet</li>
+                  <li>Enjoy full, automatic protection from all types of MEV</li>
+                  <li>Get paid by searchers for your transactions </li>
+                </ol>
+              </HeroDescription>
+
+              <Link
+                linkType={LinkType.HeroButton}
+                bgColor={'#EC4612'}
+                color={'#FEE7CF'}
+                href="#rpc"
+                onClick={() => clickOnMevBlocker('click-get-protected-heroSection')}
+              >
+                Get protected
+              </Link>
+            </HeroContent>
+            <HeroImage width={470} height={'auto'} color={'#EC4612'}>
+              <LazySVG src={IMAGE_SANDWICH_GUY} />
+            </HeroImage>
+          </HeroContainer>
+
+          <MetricsCard bgColor="#EC4612" color="#FEE7CF" columns={3} touchFooter>
+            <MetricsItem dividerColor="#F9A36F">
+              <h2>$84B+</h2>
+              <p>volume protected from MEV, across 20M+ transactions</p>
+            </MetricsItem>
+            <MetricsItem dividerColor="#F9A36F">
+              <h2>2.2K+</h2>
+              <p>ETH rebated to users</p>
+            </MetricsItem>
+            <MetricsItem>
+              <h2>$26</h2>
+              <p>USD value of median rebate</p>
+            </MetricsItem>
+
+            <Link
+              bgColor="transparent"
+              color="#FEE7CF"
+              margin="24px auto 0"
+              gridFullWidth
+              href="https://dune.com/cowprotocol/mev-blocker"
+              external
+              linkType={LinkType.SectionTitleButton}
+              utmContent="mev-blocker-metrics-link"
+              onClick={() => clickOnMevBlocker('click-metrics-dune')}
+            >
+              View all metrics on DUNE &#8599;
+            </Link>
+          </MetricsCard>
+
+          <ContainerCard bgColor={Color.neutral100}>
+            <ContainerCardSection gap={60}>
+              <SectionTitleWrapper color={Color.neutral10} maxWidth={1300} gap={56}>
+                <SectionTitleIcon multiple size={82}>
+                  <LazySVG src={IMAGE_ICON_MEVBLOCKER_PROTECT} />
+                </SectionTitleIcon>
+                <SectionTitleText maxWidth={500}>Broad spectrum MEV defense</SectionTitleText>
+                <SectionTitleDescription maxWidth={'100%'} color={Color.neutral50}>
+                  MEV bots have extracted more than{' '}
+                  <Link
+                    href="https://dune.com/queries/2259793/3703605"
+                    external
+                    utmContent="mev-blocker-dune-link"
+                    onClick={() => clickOnMevBlocker('click-dune-link')}
+                  >
+                    $1.38 billion
+                  </Link>{' '}
+                  from well-meaning Ethereum users across a variety of use cases (trading, providing liquidity, minting
+                  NFTs, etc). MEV Blocker is an RPC endpoint that supports these users by offering:
+                </SectionTitleDescription>
+              </SectionTitleWrapper>
+
+              <TopicList columns={3} columnsTablet={2}>
+                {MEV_BLOCKER_LIST.map((item) => (
+                  <TopicCard key={item.id} contentAlign={'left'} bgColor={item.bgColor} padding={'32px'} asProp="div">
+                    <TopicCardInner contentAlign="left">
+                      <TopicDescription fontSize={28} fontSizeMobile={24} color={item.textColor}>
+                        {item.description}
+                      </TopicDescription>
+                    </TopicCardInner>
+                    <TopicImage bgColor="transparent" margin={'auto 0 0 auto'} height={200} width={'auto'}>
+                      <LazySVG src={item.iconImage} title={item.description} />
+                    </TopicImage>
+                  </TopicCard>
+                ))}
+              </TopicList>
+
+              <SectionTitleWrapper maxWidth={1200} margin="0 auto">
+                <SectionTitleDescription fontSize={28} color={Color.neutral50}>
+                  Curious if you've been the victim of an MEV attack?{' '}
+                  <Link
+                    href="https://www.mevscanner.com/"
+                    external
+                    utmContent="mev-blocker-mev-scanner-link"
+                    onClick={() => clickOnMevBlocker('click-mev-scanner-link')}
+                  >
+                    Use MEV Scanner
+                  </Link>{' '}
+                  to find out
+                </SectionTitleDescription>
+              </SectionTitleWrapper>
+            </ContainerCardSection>
+          </ContainerCard>
+
+          <ContainerCard bgColor="transparent" color={Color.neutral10} id="rpc">
+            <ContainerCardSection>
+              <SectionTitleWrapper maxWidth={850} gap={56} margin="24px auto">
+                <SectionTitleIcon multiple size={82}>
+                  <LazySVG src={IMAGE_ICON_MEVBLOCKER_PROTECT2} />
+                </SectionTitleIcon>
+                <SectionTitleText>Get Protected</SectionTitleText>
+                <SectionTitleDescription color={Color.neutral50}>
+                  Add this RPC endpoint to your wallet to enjoy the full benefits of MEV Blocker.
+                </SectionTitleDescription>
+                <SectionTitleDescription fontSize={21} color={Color.neutral50}>
+                  Note: some wallets make you reselect MEV Blocker every time you change networks.
+                </SectionTitleDescription>
+              </SectionTitleWrapper>
+              <TopicList columns={2} columnsTablet={1}>
+                <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} asProp="div">
+                  <TopicCardInner contentAlign="left">
+                    <TopicTitle color={Color.neutral0} fontSize={28}>
+                      Click to add to your client
+                    </TopicTitle>
+                    <TopicDescription fontSize={21}>MEV Blocker (Ethereum Mainnet)</TopicDescription>
+                    <AddRpcButton />
+                  </TopicCardInner>
+                </TopicCard>
+
+                <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} asProp="div">
+                  <TopicCardInner contentAlign="left">
+                    <TopicTitle color={Color.neutral0} fontSize={28}>
+                      Add manually
+                    </TopicTitle>
+
+                    <TopicTable>
+                      <tbody>
+                        <tr>
+                          <td>Network name</td>
+                          <td>
+                            <b>MEV Blocker</b>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>New RPC URL</td>
+                          <td>
+                            <b>https://rpc.mevblocker.io</b>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>Chain ID</td>
+                          <td>
+                            <b>1</b>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>Currency symbol</td>
+                          <td>
+                            <b>ETH</b>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>Block Explorer URL</td>
+                          <td>
+                            <b>https://etherscan.io</b>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </TopicTable>
+                  </TopicCardInner>
+                </TopicCard>
+              </TopicList>
+              <SectionTitleWrapper margin={'24px auto 0'}>
+                <SectionTitleDescription fontSize={28} color={Color.neutral50} maxWidth={700}>
+                  Having trouble? Check your wallet's documentation for instructions on how to update your RPC endpoint
+                </SectionTitleDescription>
+              </SectionTitleWrapper>
+            </ContainerCardSection>
+          </ContainerCard>
+
+          <ContainerCard bgColor={Color.neutral10} color={Color.neutral100}>
+            <ContainerCardSection>
+              <SectionTitleWrapper maxWidth={700}>
+                <SectionTitleIcon>
+                  <ProductLogo variant={ProductVariant.MevBlocker} theme="dark" logoIconOnly />
+                </SectionTitleIcon>
+                <SectionTitleText>Multiple endpoints for multiple protection types</SectionTitleText>
+                <SectionTitleDescription color={Color.neutral50}>
+                  Advanced MEV Blocker users can select from a variety of endpoints to suit their specific needs.
+                </SectionTitleDescription>
+              </SectionTitleWrapper>
+
+              <ColorTableContainer>
+                <ColorTable>
+                  <thead>
+                    <tr>
+                      <ColorTableHeader></ColorTableHeader>
+                      <ColorTableHeader>Frontrunning</ColorTableHeader>
+                      <ColorTableHeader>Backrunning</ColorTableHeader>
+                      <ColorTableHeader>Tx Revert</ColorTableHeader>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <ColorTableCell>/fast (default)</ColorTableCell>
+                      <ColorTableCell className="protected">Protected</ColorTableCell>
+                      <ColorTableCell className="refund">Refund</ColorTableCell>
+                      <ColorTableCell className="not-protected">Not protected</ColorTableCell>
+                    </tr>
+                    <tr>
+                      <ColorTableCell>/noreverts</ColorTableCell>
+                      <ColorTableCell className="protected">Protected</ColorTableCell>
+                      <ColorTableCell className="refund">Refund</ColorTableCell>
+                      <ColorTableCell className="protected">Protected</ColorTableCell>
+                    </tr>
+                    <tr>
+                      <ColorTableCell>/fullprivacy</ColorTableCell>
+                      <ColorTableCell className="max-protection">Max protection</ColorTableCell>
+                      <ColorTableCell className="no-rebate">No rebate</ColorTableCell>
+                      <ColorTableCell className="protected">Protected</ColorTableCell>
+                    </tr>
+                    <tr>
+                      <ColorTableCell>/maxbackrun</ColorTableCell>
+                      <ColorTableCell className="protected">Protected</ColorTableCell>
+                      <ColorTableCell className="refund">Refund</ColorTableCell>
+                      <ColorTableCell className="protected">Protected</ColorTableCell>
+                    </tr>
+                    <tr>
+                      <ColorTableCell>/nochecks</ColorTableCell>
+                      <ColorTableCell className="max-protection">Max protection</ColorTableCell>
+                      <ColorTableCell className="no-rebate">No rebate</ColorTableCell>
+                      <ColorTableCell className="not-protected">Not protected</ColorTableCell>
+                    </tr>
+                  </tbody>
+                </ColorTable>
+              </ColorTableContainer>
+
+              <SectionTitleWrapper margin={'24px auto 0'}>
+                <SectionTitleDescription color={Color.neutral50}>
+                  To learn more about each of the endpoints MEV Blocker has to offer,{' '}
+                  <Link
+                    href="https://docs.cow.fi/mevblocker"
+                    external
+                    utmContent="mev-blocker-docs-link"
+                    onClick={() => clickOnMevBlocker('click-mev-blocker-docs-link')}
+                  >
+                    read the MEV Blocker docs
+                  </Link>
+                  .
+                </SectionTitleDescription>
+              </SectionTitleWrapper>
+            </ContainerCardSection>
+          </ContainerCard>
+
+          <ContainerCard bgColor={'transparent'}>
+            <ContainerCardSection>
+              <SectionTitleWrapper>
+                <SectionTitleIcon>
+                  <LazySVG src={IMAGE_ICON_MEVBLOCKER_CHATBALLOON} />
+                </SectionTitleIcon>
+                <SectionTitleText>What others are saying...</SectionTitleText>
+              </SectionTitleWrapper>
+
+              <TopicList columns={3} columnsTablet={2}>
+                {TESTIMONIAL_LIST.map((testimonial) => (
+                  <TopicCard
+                    key={testimonial.title}
+                    contentAlign={'left'}
+                    bgColor={testimonial.bgColor}
+                    textColor={testimonial.textColor}
+                    padding={'24px'}
+                    asProp="div"
+                    border="none"
+                  >
+                    <TopicCardInner
+                      height="100%"
+                      contentAlign="left"
+                      contentAlignMobile="left"
+                      gap={52}
+                      minHeight="260px"
+                    >
+                      <TopicTitle fontSize={28}>{testimonial.title}</TopicTitle>
+                      <TopicDescription margin="auto 0 0" fontSize={21}>
+                        {testimonial.description}
+                      </TopicDescription>
+                    </TopicCardInner>
+                    <TopicImage
+                      iconColor="transparent"
+                      bgColor="transparent"
+                      margin={'auto auto 0 0'}
+                      height={100}
+                      width={'auto'}
+                      widthMobile={'auto'}
+                      position={'absolute'}
+                      bottom={0}
+                      right={0}
+                    >
+                      <LazySVG src={testimonial.iconImage} title={testimonial.title} />
+                    </TopicImage>
+                  </TopicCard>
+                ))}
+              </TopicList>
+            </ContainerCardSection>
+          </ContainerCard>
+
+          <ContainerCard bgColor={Color.neutral100}>
+            <ContainerCardSection>
+              <SectionTitleWrapper maxWidth={900}>
+                <SectionTitleIcon>
+                  <ProductLogo variant={ProductVariant.MevBlocker} theme="light" logoIconOnly />
+                </SectionTitleIcon>
+                <SectionTitleText textAlign="center" maxWidth={480}>
+                  Don't let your users get burned by MEV
+                </SectionTitleText>
+                <SectionTitleDescription color={Color.neutral50}>
+                  If you're a wallet, a solver, or any project that settles transactions on behalf of users, you should
+                  integrate MEV Blocker to protect them from MEV and earn some extra revenue.
+                </SectionTitleDescription>
+
+                <Link
+                  bgColor="#EC4612"
+                  color={Color.neutral98}
+                  href="https://docs.cow.fi/category/searchers"
+                  external
+                  linkType={LinkType.SectionTitleButton}
+                  utmContent="mev-blocker-learn-more"
+                  onClick={() => clickOnMevBlocker('click-mev-blocker-learn-more')}
+                >
+                  Learn more
+                </Link>
+              </SectionTitleWrapper>
+            </ContainerCardSection>
+          </ContainerCard>
+
+          <ContainerCard bgColor="transparent">
+            <ContainerCardSection>
+              <SectionTitleWrapper>
+                <SectionTitleIcon size={90}>
+                  <LazySVG src={IMAGE_ICON_MEVBLOCKER_TRUST} />
+                </SectionTitleIcon>
+                <SectionTitleText>Trusted by the best</SectionTitleText>
+              </SectionTitleWrapper>
+
+              <TopicList columns={3}>
+                {TRUSTED_BY_CONTENT.map((item) => (
+                  <TopicCard
+                    key={item.href}
+                    contentAlign={'center'}
+                    bgColor={Color.neutral98}
+                    padding={'28px'}
+                    href={item.href}
+                    rel={'noopener noreferrer nofollow'}
+                    target="_blank"
+                    onClick={() => clickOnMevBlocker(`click-trusted-by-${item.href}`)}
+                  >
+                    <TopicImage
+                      iconColor={Color.neutral20}
+                      bgColor={'transparent'}
+                      width={'90%'}
+                      height={72}
+                      margin={'auto'}
+                    >
+                      {item.component || <LazySVG src={item.src} />}
+                    </TopicImage>
+                  </TopicCard>
+                ))}
+              </TopicList>
+            </ContainerCardSection>
+          </ContainerCard>
+
+          <ContainerCard bgColor={Color.neutral100}>
+            <ContainerCardSection>
+              <SectionTitleWrapper>
+                <SectionTitleIcon>
+                  <LazySVG src={IMAGE_ICON_QUESTIONBALLOON} />
+                </SectionTitleIcon>
+                <SectionTitleText>FAQs</SectionTitleText>
+              </SectionTitleWrapper>
+
+              <FAQ faqs={FAQ_DATA} />
+            </ContainerCardSection>
+          </ContainerCard>
+
+          <ContainerCard bgColor="#FEE7CF" touchFooter>
+            <ContainerCardSection>
+              <SectionTitleWrapper padding="72px 0" maxWidth={640}>
+                <SectionTitleIcon>
+                  <ProductLogo variant={ProductVariant.MevBlocker} theme="light" logoIconOnly />
+                </SectionTitleIcon>
+                <SectionTitleText textAlign="center">Friends don't let friends suffer from MEV damage</SectionTitleText>
+
+                <Link
+                  linkType={LinkType.SectionTitleButton}
+                  bgColor={'#EC4612'}
+                  color={'#FEE7CF'}
+                  onClick={handleShareClick}
+                  asButton
+                >
+                  Share MEV Blocker
+                </Link>
+
+                {message && <SectionTitleDescription fontSize={21}>{message}</SectionTitleDescription>}
+              </SectionTitleWrapper>
+            </ContainerCardSection>
+          </ContainerCard>
+        </PageWrapper>
+
+        <Script src="https://platform.twitter.com/widgets.js" strategy="lazyOnload" />
+      </RainbowKitProvider>
+    </WagmiConfig>
+  )
+}
diff --git a/apps/cow-fi/app/[...not_found]/page.tsx b/apps/cow-fi/app/[...not_found]/page.tsx
new file mode 100644
index 0000000000..9253996ad1
--- /dev/null
+++ b/apps/cow-fi/app/[...not_found]/page.tsx
@@ -0,0 +1,20 @@
+import type { Metadata } from 'next'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { Layout } from '@/components/Layout'
+import { NotFoundPageComponent } from '@/components/NotFoundPageComponent'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return getPageMetadata({
+    title: '404 - Page Not Found',
+    description:
+      'This page could not be found. Please go back to the homepage or use the navigation menu to find what you are looking for.',
+  })
+}
+
+export default async function Page() {
+  return (
+    <Layout bgColor="#F0DEDE">
+      <NotFoundPageComponent />
+    </Layout>
+  )
+}
diff --git a/apps/cow-fi/app/layout.tsx b/apps/cow-fi/app/layout.tsx
new file mode 100644
index 0000000000..b8adccb216
--- /dev/null
+++ b/apps/cow-fi/app/layout.tsx
@@ -0,0 +1,58 @@
+import { Metadata, Viewport } from 'next'
+import { CONFIG } from '@/const/meta'
+import { Providers } from './providers'
+import { getPageMetadata } from '@/util/getPageMetadata'
+
+export const viewport: Viewport = {
+  themeColor: '#ffffff',
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 1,
+}
+
+const defaultMetadata = getPageMetadata({ description: CONFIG.description })
+
+export const metadata: Metadata = {
+  ...defaultMetadata,
+  metadataBase: new URL(CONFIG.url.root),
+  alternates: { canonical: './' },
+  icons: {
+    icon: [
+      { url: '/favicon-light-mode.png', type: 'image/png', media: '(prefers-color-scheme: light)' },
+      { url: '/favicon-dark-mode.png', type: 'image/png', media: '(prefers-color-scheme: dark)' },
+      { url: '/favicon-dark-mode.png', type: 'image/png', media: '(prefers-color-scheme: no-preference)' },
+    ],
+    apple: '/apple-touch-icon.png',
+    other: {
+      rel: 'mask-icon',
+      url: '/safari-pinned-tab.svg',
+      color: '#000000',
+    },
+  },
+  twitter: {
+    ...defaultMetadata.twitter,
+    card: 'summary_large_image',
+    site: CONFIG.social.twitter.account,
+    images: [{ url: `${CONFIG.url.root}/images/og-meta-cowdao.png` }],
+  },
+  openGraph: {
+    ...defaultMetadata.openGraph,
+    type: 'website',
+    url: './',
+    images: [{ url: `${CONFIG.url.root}/images/og-meta-cowdao.png` }],
+  },
+  manifest: '/site.webmanifest',
+  other: {
+    'msapplication-TileColor': '#000000',
+  },
+}
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  )
+}
diff --git a/apps/cow-fi/app/not-found.tsx b/apps/cow-fi/app/not-found.tsx
new file mode 100644
index 0000000000..1d7c6a22a3
--- /dev/null
+++ b/apps/cow-fi/app/not-found.tsx
@@ -0,0 +1,22 @@
+'use server'
+
+import type { Metadata } from 'next'
+import { NotFoundPageComponent } from '@/components/NotFoundPageComponent'
+import { getPageMetadata } from '@/util/getPageMetadata'
+import { Layout } from '@/components/Layout'
+
+export async function generateMetadata(): Promise<Metadata> {
+  return getPageMetadata({
+    title: '404 - Page Not Found',
+    description:
+      'This page could not be found. Please go back to the homepage or use the navigation menu to find what you are looking for.',
+  })
+}
+
+export default async function Page() {
+  return (
+    <Layout bgColor="#F0DEDE">
+      <NotFoundPageComponent />
+    </Layout>
+  )
+}
diff --git a/apps/cow-fi/app/providers.tsx b/apps/cow-fi/app/providers.tsx
new file mode 100644
index 0000000000..de3726ef2e
--- /dev/null
+++ b/apps/cow-fi/app/providers.tsx
@@ -0,0 +1,54 @@
+'use client'
+
+import { apolloClient } from '../services/uniswap-price/apollo-client'
+import { WithLDProvider } from '@/components/WithLDProvider'
+import { ThemeProvider } from '../theme'
+import { CowAnalyticsProvider } from '@cowprotocol/analytics'
+import { cowAnalytics } from '../modules/analytics'
+import { ApolloProvider } from '@apollo/client'
+import GlobalStyles from '@/styles/global.styles'
+import { Suspense, useState } from 'react'
+import { ServerStyleSheet, StyleSheetManager } from 'styled-components/macro'
+import { useServerInsertedHTML } from 'next/navigation'
+import CacheProvider from 'react-inlinesvg/provider'
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <Suspense>
+      <CacheProvider>
+        <StyledComponentsRegistry>
+          <>
+            <GlobalStyles />
+            <ApolloProvider client={apolloClient}>
+              <WithLDProvider>
+                <ThemeProvider>
+                  <CowAnalyticsProvider cowAnalytics={cowAnalytics}>{children}</CowAnalyticsProvider>
+                </ThemeProvider>
+              </WithLDProvider>
+            </ApolloProvider>
+          </>
+        </StyledComponentsRegistry>
+      </CacheProvider>
+    </Suspense>
+  )
+}
+
+function StyledComponentsRegistry({ children }: { children: React.ReactNode }) {
+  // Only create stylesheet once with lazy initial state
+  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
+  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet())
+
+  useServerInsertedHTML(() => {
+    const styles = styledComponentsStyleSheet.getStyleElement()
+
+    // Types are out of date, clearTag is not defined.
+    // See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/65021
+    ;(styledComponentsStyleSheet.instance as any).clearTag()
+
+    return <>{styles}</>
+  })
+
+  if (typeof window !== 'undefined') return <>{children}</>
+
+  return <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>{children}</StyleSheetManager>
+}
diff --git a/apps/cow-fi/components/AddRpcButton/index.tsx b/apps/cow-fi/components/AddRpcButton/index.tsx
index b277bfe854..216b96eb31 100644
--- a/apps/cow-fi/components/AddRpcButton/index.tsx
+++ b/apps/cow-fi/components/AddRpcButton/index.tsx
@@ -6,14 +6,7 @@ import { clickOnMevBlocker } from 'modules/analytics'
 import { useAccount } from 'wagmi'
 
 import { Link, LinkType } from '@/components/Link'
-
-export type AddToWalletStateValues = 'unknown' | 'adding' | 'added' | 'error' | 'takingTooLong' | 'connecting'
-
-export interface AddToWalletState {
-  state: AddToWalletStateValues
-  errorMessage?: string
-  autoConnect: boolean
-}
+import { AddToWalletStateValues } from '../../types/addToWalletState'
 
 const Message = styled.p<{ state: AddToWalletStateValues }>`
   color: ${({ state }) => (state === 'added' ? darken(0.5, 'green') : 'orange')};
@@ -55,10 +48,10 @@ export function AddRpcButton() {
   const buttonLabel = isConnecting
     ? 'Connecting Wallet...'
     : isAdding
-    ? 'Adding to Wallet...'
-    : isConnected
-    ? 'Add MEV Blocker RPC'
-    : 'Get protected'
+      ? 'Adding to Wallet...'
+      : isConnected
+        ? 'Add MEV Blocker RPC'
+        : 'Get protected'
 
   return (
     <>
diff --git a/apps/cow-fi/components/ArrowButton.tsx b/apps/cow-fi/components/ArrowButton.tsx
index 2d5eac710d..b396fdcf32 100644
--- a/apps/cow-fi/components/ArrowButton.tsx
+++ b/apps/cow-fi/components/ArrowButton.tsx
@@ -2,8 +2,9 @@ import styled from 'styled-components/macro'
 import { Color, Font } from '@cowprotocol/ui'
 import SVG from 'react-inlinesvg'
 import IMG_ICON_ARROW_RIGHT from '@cowprotocol/assets/images/arrow-right.svg'
+import Link from 'next/link'
 
-const Wrapper = styled.a`
+const Wrapper = styled(Link)`
   --size: 48px;
   min-height: var(--size);
   display: inline-flex;
@@ -17,7 +18,9 @@ const Wrapper = styled.a`
   text-decoration: none;
   color: ${Color.neutral0};
   background: ${Color.neutral100};
-  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
+  transition:
+    background 0.2s ease-in-out,
+    color 0.2s ease-in-out;
 
   &:hover {
     background: ${Color.neutral98};
diff --git a/apps/cow-fi/components/ArticlePageComponent.tsx b/apps/cow-fi/components/ArticlePageComponent.tsx
new file mode 100644
index 0000000000..a0b8bdb345
--- /dev/null
+++ b/apps/cow-fi/components/ArticlePageComponent.tsx
@@ -0,0 +1,273 @@
+'use client'
+
+import { Article, SharedRichTextComponent } from '../services/cms'
+import { stripHtmlTags } from '@/util/stripHTMLTags'
+import useWebShare from '../hooks/useWebShare'
+import { CategoryLinks } from '@/components/CategoryLinks'
+import { SearchBar } from '@/components/SearchBar'
+import {
+  ArticleCard,
+  ArticleContent,
+  ArticleImage,
+  ArticleList,
+  ArticleMainTitle,
+  ArticleSubtitleWrapper,
+  ArticleTitle,
+  BodyContent,
+  Breadcrumbs,
+  CategoryTags,
+  ContainerCard,
+  ContainerCardSection,
+  ContainerCardSectionTop,
+  ContainerCardSectionTopTitle,
+  RelatedArticles,
+  SectionTitleDescription,
+  StickyMenu,
+} from '@/styles/styled'
+import { clickOnKnowledgeBase } from '../modules/analytics'
+import { Link, LinkType } from '@/components/Link'
+import { CmsImage, Color, Media } from '@cowprotocol/ui'
+import styled from 'styled-components/macro'
+import { formatDate } from '@/util/formatDate'
+import { useLazyLoadImages } from '../hooks/useLazyLoadImages'
+import { useMemo } from 'react'
+import ReactMarkdown from 'react-markdown'
+import rehypeRaw from 'rehype-raw'
+
+interface ArticlePageProps {
+  article: Article
+  articles: Article[]
+  randomArticles: Article[]
+  featuredArticles: Article[]
+  allCategories: { name: string; slug: string }[]
+}
+
+export function ArticlePageComponent({
+  articles,
+  article,
+  randomArticles,
+  featuredArticles,
+  allCategories,
+}: ArticlePageProps) {
+  const attributes: {
+    title?: string
+    description?: string
+    blocks?: SharedRichTextComponent[]
+    publishedAt?: string
+    publishDate?: string
+    publishDateVisible?: boolean
+    categories?: any
+    cover?: any
+  } = article.attributes || {}
+  const { title, blocks, publishedAt, categories } = attributes
+  const publishDate = attributes.publishDate || null
+  const publishDateVisible = attributes.publishDateVisible ?? true
+  const content =
+    blocks?.map((block: SharedRichTextComponent) => (isRichTextComponent(block) ? block.body : '')).join(' ') || ''
+  const plainContent = stripHtmlTags(content)
+
+  const { share, message } = useWebShare()
+
+  const handleShareClick = () => {
+    share({
+      title: title || 'CoW DAO Article',
+      text: plainContent.split(' ').slice(0, 50).join(' ') + '...',
+      url: window.location.href,
+    })
+  }
+
+  return (
+    <Wrapper>
+      <CategoryLinks allCategories={allCategories} />
+
+      <SearchBar articles={articles} />
+      <ContainerCard gap={62} gapMobile={42} margin="0 auto" centerContent>
+        <ArticleContent>
+          <Breadcrumbs>
+            <Link href="/" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-home')}>
+              Home
+            </Link>
+            <Link href="/learn" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-knowledge-base')}>
+              Knowledge Base
+            </Link>
+            <span>{title}</span>
+          </Breadcrumbs>
+
+          {categories && Array.isArray(categories.data) && categories.data.length > 0 && (
+            <CategoryTags>
+              {categories.data.map((category: { id: string; attributes?: { slug?: string; name?: string } }) => (
+                <Link
+                  key={category.id}
+                  href={`/learn/topic/${category.attributes?.slug ?? ''}`}
+                  onClick={() => clickOnKnowledgeBase(`click-category-${category.attributes?.name}`)}
+                >
+                  {category.attributes?.name ?? ''}
+                </Link>
+              ))}
+            </CategoryTags>
+          )}
+
+          <ArticleMainTitle>{title}</ArticleMainTitle>
+
+          <ArticleSubtitle dateIso={(publishDate || publishedAt)!} dateVisible={publishDateVisible} content={content} />
+          <BodyContent>
+            {blocks &&
+              blocks.map((block: SharedRichTextComponent) =>
+                isRichTextComponent(block) ? (
+                  <ArticleSharedRichTextComponent key={block.id} sharedRichText={block} />
+                ) : null,
+              )}
+
+            <br />
+            <Link
+              onClick={handleShareClick}
+              asButton
+              linkType={LinkType.SectionTitleButton}
+              color={Color.neutral98}
+              bgColor={Color.neutral10}
+            >
+              Share article
+            </Link>
+
+            {message && (
+              <SectionTitleDescription textAlign="left" margin="16px 0 0" fontSize={21}>
+                {message}
+              </SectionTitleDescription>
+            )}
+          </BodyContent>
+        </ArticleContent>
+
+        <StickyMenu>
+          <b>Featured Articles</b>
+          <RelatedArticles>
+            <ul>
+              {featuredArticles.map((article) => (
+                <li key={article.id}>
+                  <Link
+                    href={`/learn/${article.attributes?.slug}`}
+                    onClick={() => clickOnKnowledgeBase(`click-related-article-${article.attributes?.title}`)}
+                  >
+                    {article.attributes?.title}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </RelatedArticles>
+        </StickyMenu>
+      </ContainerCard>
+
+      {/* Read More Section */}
+      <ContainerCard bgColor={Color.neutral98} touchFooter>
+        <ContainerCardSection>
+          <ContainerCardSectionTop>
+            <ContainerCardSectionTopTitle>Read more</ContainerCardSectionTopTitle>
+          </ContainerCardSectionTop>
+          <ArticleList>
+            {randomArticles.map((article) => {
+              const coverData = article.attributes?.cover?.data
+              const imageUrl = coverData?.attributes?.url
+
+              return (
+                <ArticleCard
+                  key={article.id}
+                  href={`/learn/${article.attributes?.slug}`}
+                  onClick={() => clickOnKnowledgeBase(`click-read-more-${article.attributes?.title}`)}
+                >
+                  {imageUrl && (
+                    <ArticleImage>
+                      <CmsImage
+                        src={imageUrl}
+                        alt={`Cover image for article: ${article.attributes?.title}`}
+                        width={700}
+                        height={200}
+                      />
+                    </ArticleImage>
+                  )}
+                  <ArticleTitle>{article.attributes?.title}</ArticleTitle>
+                </ArticleCard>
+              )
+            })}
+          </ArticleList>
+        </ContainerCardSection>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 34px;
+  max-width: 1760px;
+
+  ${Media.upToMedium()} {
+    margin: 0 auto;
+    gap: 24px;
+  }
+`
+
+function ArticleSubtitle({
+  dateIso,
+  content,
+  dateVisible,
+}: {
+  dateIso: string
+  content: string
+  dateVisible: boolean
+}) {
+  const date = new Date(dateIso)
+  const readTime = calculateReadTime(content)
+
+  return (
+    <ArticleSubtitleWrapper>
+      <div>
+        <span>{readTime}</span>
+      </div>
+
+      {dateVisible && (
+        <>
+          <div>·</div>
+          <div>
+            <span>Published {formatDate(date)}</span>
+          </div>
+        </>
+      )}
+    </ArticleSubtitleWrapper>
+  )
+}
+
+function calculateReadTime(text: string): string {
+  const wordsPerMinute = 200 // Average case.
+  const textLength = text.split(/\s+/).length // Split by words
+  const time = Math.ceil(textLength / wordsPerMinute)
+  return `${time} min read`
+}
+
+function isRichTextComponent(block: any): block is SharedRichTextComponent {
+  return block.body !== undefined
+}
+
+function ArticleSharedRichTextComponent({ sharedRichText }: { sharedRichText: SharedRichTextComponent }) {
+  const { replaceImageUrls, LazyImage } = useLazyLoadImages()
+
+  const processedContent = useMemo(() => {
+    return sharedRichText.body ? replaceImageUrls(sharedRichText.body) : ''
+  }, [sharedRichText.body, replaceImageUrls])
+
+  return (
+    <ReactMarkdown
+      rehypePlugins={[rehypeRaw]}
+      components={{
+        img: ({ src, alt, ...props }) => {
+          if (!src) return null
+          return <LazyImage src={src} alt={alt || ''} {...props} width={725} height={400} />
+        },
+      }}
+      children={processedContent}
+    />
+  )
+}
diff --git a/apps/cow-fi/components/ArticlesPageComponents.tsx b/apps/cow-fi/components/ArticlesPageComponents.tsx
new file mode 100644
index 0000000000..8c1fb0ce98
--- /dev/null
+++ b/apps/cow-fi/components/ArticlesPageComponents.tsx
@@ -0,0 +1,107 @@
+'use client'
+
+import { CategoryLinks } from '@/components/CategoryLinks'
+import { SearchBar } from '@/components/SearchBar'
+import {
+  ArticleCount,
+  Breadcrumbs,
+  ContainerCard,
+  ContainerCardInner,
+  ContainerCardSection,
+  ContainerCardSectionTop,
+  LinkSection,
+  Pagination,
+} from '@/styles/styled'
+import { clickOnKnowledgeBase } from '../modules/analytics'
+import { ArticlesList } from '@/components/ArticlesList'
+import { Article } from '../services/cms'
+import styled from 'styled-components/macro'
+import { Color, Font, Media } from '@cowprotocol/ui'
+import Link from 'next/link'
+
+const LEARN_PATH = '/learn/'
+const ARTICLES_PATH = `${LEARN_PATH}articles/`
+
+const ITEMS_PER_PAGE = 24
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 34px;
+  max-width: 1760px;
+
+  > h1 {
+    font-size: 28px;
+    font-weight: ${Font.weight.medium};
+    color: ${Color.neutral50};
+    text-align: center;
+
+    ${Media.upToMedium()} {
+      font-size: 18px;
+    }
+  }
+
+  > h2 {
+    font-size: 67px;
+    text-align: center;
+
+    ${Media.upToMedium()} {
+      font-size: 38px;
+    }
+  }
+`
+
+interface ArticlesPageProps {
+  articles: Article[]
+  totalArticles: number
+  currentPage: number
+  allCategories: { name: string; slug: string }[]
+}
+
+export function ArticlesPageComponents({ articles, totalArticles, currentPage, allCategories }: ArticlesPageProps) {
+  const totalPages = Math.ceil(totalArticles / ITEMS_PER_PAGE)
+
+  return (
+    <Wrapper>
+      <CategoryLinks allCategories={allCategories} />
+      <SearchBar articles={articles} />
+      <ContainerCard gap={42} gapMobile={24} touchFooter>
+        <ContainerCardInner maxWidth={970} gap={24} gapMobile={24}>
+          <ContainerCardSectionTop>
+            <Breadcrumbs padding="0">
+              <Link href="/learn" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-home')}>
+                Knowledge Base
+              </Link>
+              <h1>All articles</h1>
+            </Breadcrumbs>
+            <ArticleCount>
+              Showing {ITEMS_PER_PAGE * (currentPage - 1) + 1}-{Math.min(ITEMS_PER_PAGE * currentPage, totalArticles)}{' '}
+              of {totalArticles} articles
+            </ArticleCount>
+          </ContainerCardSectionTop>
+          <ContainerCardSection>
+            <LinkSection bgColor={'transparent'} columns={1} padding="0">
+              <ArticlesList articles={articles} />
+            </LinkSection>
+          </ContainerCardSection>
+          <Pagination>
+            {Array.from({ length: totalPages }, (_, i) => (
+              <Link
+                key={i}
+                href={`${ARTICLES_PATH}${i + 1}`}
+                className={i + 1 === currentPage ? 'active' : ''}
+                onClick={() => clickOnKnowledgeBase(`click-pagination-${i + 1}`)}
+              >
+                {i + 1}
+              </Link>
+            ))}
+          </Pagination>
+        </ContainerCardInner>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/components/CareersPageContent.tsx b/apps/cow-fi/components/CareersPageContent.tsx
new file mode 100644
index 0000000000..1755188ebf
--- /dev/null
+++ b/apps/cow-fi/components/CareersPageContent.tsx
@@ -0,0 +1,177 @@
+'use client'
+
+import {
+  ContainerCard,
+  ContainerCardSection,
+  PageWrapper,
+  SectionTitleDescription,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleWrapper,
+  TopicCard,
+  TopicCardInner,
+  TopicDescription,
+  TopicList,
+  TopicTitle,
+} from '@/styles/styled'
+import { Color, Font, ProductLogo, ProductVariant } from '@cowprotocol/ui'
+import { Link, LinkType } from '@/components/Link'
+import { clickOnCareers } from '../modules/analytics'
+import { CONFIG } from '@/const/meta'
+
+interface CareersPageContentProps {
+  department: string
+  jobsCountForDepartment: number
+  jobsCount: number
+  jobsData: Record<string, { id: string; title: string; locationName: string }[]>
+}
+
+export function CareersPageContent({
+  jobsData,
+  department,
+  jobsCountForDepartment,
+  jobsCount,
+}: CareersPageContentProps) {
+  return (
+    <PageWrapper>
+      <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
+        <ContainerCardSection>
+          <SectionTitleWrapper maxWidth={900} margin="0 auto 56px" marginMobile="0 auto 56px">
+            <SectionTitleIcon size={60}>
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText fontSize={62}>Want to build the future of decentralized trading?</SectionTitleText>
+            <SectionTitleDescription fontSize={24} color={Color.neutral40} fontWeight={Font.weight.regular}>
+              We are an ambitious, fast-growing and international team working at the forefront of DeFi. We believe that
+              we can make markets more fair and more efficient by building the ultimate batch auction settlement layer
+              across EVM-compatible blockchains.
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <SectionTitleWrapper maxWidth={900} margin="0 auto">
+            <SectionTitleText fontSize={32}>
+              We&apos;re currently hiring for {jobsCountForDepartment} position{jobsCountForDepartment > 1 && 's'}
+              {department !== 'All' && ` in ${department}`}:
+            </SectionTitleText>
+          </SectionTitleWrapper>
+
+          {jobsCount < 1 && (
+            <SectionTitleWrapper maxWidth={900} margin="0 auto">
+              <SectionTitleText fontSize={32}>There are currently no open positions.</SectionTitleText>
+            </SectionTitleWrapper>
+          )}
+
+          <TopicList columns={2} columnsTablet={2} maxWidth={900} margin="16px auto 0">
+            {jobsCount > 0 &&
+              (department === 'All'
+                ? Object.keys(jobsData).map((deptName: string) => (
+                    <>
+                      {jobsData[deptName].map(({ id, title, locationName }: any) => (
+                        <TopicCard
+                          key={id}
+                          contentAlign={'left'}
+                          bgColor={Color.neutral100}
+                          padding={'32px'}
+                          gap={16}
+                          asProp="div"
+                          height="100%"
+                        >
+                          <TopicCardInner contentAlign="left" contentAlignTablet={'center'} height="100%">
+                            <TopicTitle fontSize={16} color={Color.neutral50}>
+                              {deptName}
+                            </TopicTitle>
+                            <TopicTitle fontSize={34}>{title}</TopicTitle>
+                            <TopicDescription fontSize={18} color={Color.neutral40} margin="0 0 24px">
+                              {locationName}
+                            </TopicDescription>
+                            <Link
+                              external
+                              linkType={LinkType.TopicButton}
+                              href={`https://jobs.ashbyhq.com/cow-dao/${id}`}
+                              utmContent={`job-${title}`}
+                              margin="auto auto 0 0"
+                              marginTablet="auto auto 0"
+                              onClick={() => clickOnCareers(`click-job-${title}`)}
+                            >
+                              Apply
+                            </Link>
+                          </TopicCardInner>
+                        </TopicCard>
+                      ))}
+                    </>
+                  ))
+                : jobsCount > 0 && (
+                    <>
+                      <h4>{department}</h4>
+                      {jobsData[department].map(({ id, title, locationName }: any, index: number) => (
+                        <TopicCard
+                          key={index}
+                          contentAlign={'left'}
+                          bgColor={Color.neutral100}
+                          padding={'32px'}
+                          gap={16}
+                          asProp="div"
+                        >
+                          <TopicCardInner contentAlign="left">
+                            <TopicTitle>{title}</TopicTitle>
+                            <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                              {locationName}
+                            </TopicDescription>
+                            <Link
+                              external
+                              linkType={LinkType.TopicButton}
+                              href={`https://jobs.ashbyhq.com/cow-dao/${id}`}
+                              utmContent={`job-${title}`}
+                              onClick={() => clickOnCareers(`click-job-${title}`)}
+                            >
+                              Apply
+                            </Link>
+                          </TopicCardInner>
+                        </TopicCard>
+                      ))}
+                    </>
+                  ))}
+
+            <TopicCard
+              bgColor={'#BCEC79'}
+              textColor="#194D05"
+              padding={'32px'}
+              gap={16}
+              asProp="div"
+              height="100%"
+              fullWidth
+            >
+              <TopicCardInner contentAlign="left" height="100%">
+                <TopicTitle fontSize={34}>💸 Refer a friend and earn up to 6,000 in USDC or USD!</TopicTitle>
+
+                <TopicDescription fontSize={24} fontWeight={Font.weight.regular} margin="0 0 24px">
+                  Know someone who is looking not just for a job, but for a great opportunity to grow? Refer them to
+                  earn up to $6,000 in USD or USDC.{' '}
+                </TopicDescription>
+                <Link
+                  linkType={LinkType.TopicButton}
+                  bgColor="#194D05"
+                  color="#BCEC79"
+                  href="/careers/refer-to-earn"
+                  onClick={() => clickOnCareers(`click-refer-to-earn`)}
+                >
+                  Refer-to-Earn details
+                </Link>
+              </TopicCardInner>
+            </TopicCard>
+          </TopicList>
+
+          <SectionTitleWrapper maxWidth={900} margin="32px auto">
+            <SectionTitleText fontSize={24}>
+              {jobsCount < 1 && 'Currently there are no open positions. Convinced you can contribute to Cow Protocol?'}
+              {jobsCount > 0 && "Can't find the position you're looking for?"}{' '}
+              <a href={CONFIG.social.discord.url} target="_blank" rel="noopener nofollow">
+                Get in touch
+              </a>
+            </SectionTitleText>
+          </SectionTitleWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/components/CategoryLinks.tsx b/apps/cow-fi/components/CategoryLinks.tsx
index f3e825c64b..8bce265984 100644
--- a/apps/cow-fi/components/CategoryLinks.tsx
+++ b/apps/cow-fi/components/CategoryLinks.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import styled from 'styled-components/macro'
 import { clickOnKnowledgeBase } from 'modules/analytics'
 import { Color, Media } from '@cowprotocol/ui'
+import Link from 'next/link'
 interface Category {
   name: string
   slug: string
@@ -91,18 +92,18 @@ const CategoryLinksWrapper = styled.ul<{ noDivider?: boolean }>`
 export const CategoryLinks: React.FC<CategoryLinksProps> = ({ allCategories, noDivider }) => (
   <CategoryLinksWrapper noDivider={noDivider}>
     <li>
-      <a href="/learn" onClick={() => clickOnKnowledgeBase('click-categories-home')}>
+      <Link href="/learn" onClick={() => clickOnKnowledgeBase('click-categories-home')}>
         Knowledge Base
-      </a>
+      </Link>
     </li>
     {allCategories.map((category) => (
       <li key={category.slug}>
-        <a
+        <Link
           href={`/learn/topic/${category.slug}`}
           onClick={() => clickOnKnowledgeBase(`click-categories-${category.name}`)}
         >
           {category.name}
-        </a>
+        </Link>
       </li>
     ))}
   </CategoryLinksWrapper>
diff --git a/apps/cow-fi/components/DaosPageComponent.tsx b/apps/cow-fi/components/DaosPageComponent.tsx
new file mode 100644
index 0000000000..35185f4c26
--- /dev/null
+++ b/apps/cow-fi/components/DaosPageComponent.tsx
@@ -0,0 +1,330 @@
+'use client'
+
+import {
+  ContainerCard,
+  ContainerCardSection,
+  HeroContainer,
+  HeroContent,
+  HeroDescription,
+  HeroImage,
+  HeroSubtitle,
+  HeroTitle,
+  MetricsCard,
+  PageWrapper,
+  SectionTitleDescription,
+  SectionTitleIcon,
+  SectionTitleText,
+  SectionTitleWrapper,
+  SwiperSlideWrapper,
+  TopicCard,
+  TopicCardInner,
+  TopicDescription,
+  TopicImage,
+  TopicList,
+  TopicTitle,
+  TrustedBy,
+} from '@/styles/styled'
+import LazySVG from '@/components/LazySVG'
+import { DAO_CONTENT as CONTENT } from '@/data/widget/const'
+import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
+import { Swiper, SwiperSlide } from 'swiper/react'
+import { Autoplay, Navigation, Pagination } from 'swiper/modules'
+
+import { Link, LinkType } from '@/components/Link'
+import { clickOnDaos } from '../modules/analytics'
+
+import 'swiper/css'
+import 'swiper/css/pagination'
+import 'swiper/css/navigation'
+
+import IMG_ICON_CROWN_COW from '@cowprotocol/assets/images/icon-crown-cow.svg'
+import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
+import IMG_ICON_OWL from '@cowprotocol/assets/images/icon-owl.svg'
+import IMG_ICON_GHOST from '@cowprotocol/assets/images/icon-ghost.svg'
+
+export function DaosPageComponent() {
+  return (
+    <PageWrapper>
+      <HeroContainer variant="secondary">
+        <HeroContent variant="secondary">
+          <HeroSubtitle color={'#66018E'}>DAOs</HeroSubtitle>
+          <HeroTitle maxWidth={470}>Savvy DAOs Choose CoW Swap</HeroTitle>
+          <HeroDescription>The smartest DAOs trust CoW Swap with their most-important trades</HeroDescription>
+        </HeroContent>
+        <HeroImage width={470} height={400} color={'#66018E'}>
+          <LazySVG src={IMG_ICON_BULB_COW} />
+        </HeroImage>
+      </HeroContainer>
+
+      <MetricsCard bgColor="#F996EE" color="#66018E" columns={1} touchFooter>
+        <TrustedBy>
+          <p>Trusted by</p>
+          <ul>
+            {CONTENT.trustedDAOs.map(
+              ({ icon, title, volume }, index) =>
+                volume && (
+                  <li key={index}>
+                    <LazySVG src={icon} title={title} />
+                    <small>with</small>
+                    <strong>{volume}</strong>
+                  </li>
+                ),
+            )}
+          </ul>
+        </TrustedBy>
+      </MetricsCard>
+
+      <ContainerCard bgColor={Color.neutral10}>
+        <ContainerCardSection>
+          <SectionTitleWrapper color={Color.neutral100} maxWidth={1100} gap={56}>
+            <SectionTitleIcon size={98}>
+              <LazySVG src={IMG_ICON_CROWN_COW} />
+            </SectionTitleIcon>
+            <SectionTitleText>Expert trading for expert DAOs</SectionTitleText>
+            <SectionTitleDescription maxWidth={900}>
+              CoW Swap is the only DEX built to solve the unique challenges faced by DAOs
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <SwiperSlideWrapper>
+            <Swiper
+              slidesPerView={'auto'}
+              centeredSlides={true}
+              grabCursor={true}
+              loop={true}
+              keyboard={{
+                enabled: true,
+              }}
+              pagination={{
+                dynamicBullets: true,
+                clickable: true,
+              }}
+              autoplay={{
+                delay: 5000,
+                disableOnInteraction: true,
+              }}
+              navigation={{
+                nextEl: '.swiper-button-next',
+                prevEl: '.swiper-button-prev',
+              }}
+              spaceBetween={50}
+              modules={[Autoplay, Pagination, Navigation]}
+              className="daoSwiper"
+            >
+              {CONTENT.slides.map((slide, index) => (
+                <SwiperSlide key={index}>
+                  <img src={slide.image} alt={slide.title} />
+                  <span>
+                    <h4>{slide.title}</h4>
+                    <p>{slide.description}</p>
+                  </span>
+                </SwiperSlide>
+              ))}
+            </Swiper>
+
+            <div className="swiper-button-prev"></div>
+            <div className="swiper-button-next"></div>
+          </SwiperSlideWrapper>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={'transparent'} color={Color.neutral10}>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0" maxWidth={800}>
+            <SectionTitleIcon size={60}>
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
+            </SectionTitleIcon>
+            <SectionTitleText>Advanced order types</SectionTitleText>
+            <SectionTitleDescription fontSize={24} color={Color.neutral40}>
+              CoW Swap's many order types help you get better prices for your trades, manage token launches, facilitate
+              buybacks, and much more
+            </SectionTitleDescription>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3} columnsTablet={2}>
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/icon-milkman.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Milkman Orders</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  Ensure your trades are always close to the real-time market price thanks to the{' '}
+                  <Link
+                    href="https://github.com/charlesndalton/milkman"
+                    external
+                    utmContent="link-to-milkman"
+                    onClick={() => clickOnDaos('click-milkman')}
+                  >
+                    Milkman bot
+                  </Link>
+                  . Set the maximum deviation you&apos;ll accept, and Milkman will do the rest.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/icon-twap-orders.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>TWAP Orders</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  Time-weighted average price orders allow you to spread your trade out over time, averaging out your
+                  trading price, minimizing price impact, and allowing for lower slippage.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/icon-limit-orders.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Limit Orders</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  CoW Swap's surplus-capturing limit orders allow you to set a price and sit back while your order gets
+                  filled over time - perfect for token buybacks and other large trades.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/icon-price-walls.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Price Walls</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  Pick an asset, define a threshold price, and CoW Swap will automatically sell above the threshold, and
+                  buy below it.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/icon-basket-sells.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Basket Sells</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  <Link
+                    href="https://dump.services/"
+                    external
+                    utmContent="link-to-dump-services"
+                    onClick={() => clickOnDaos('click-dump-services')}
+                  >
+                    Dump.services
+                  </Link>
+                  , a collaboration between CoW Swap and Yearn, allows DAOs and traders to sell multiple tokens in a
+                  single transaction.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+
+            <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
+              <TopicImage bgColor="transparent" height={75} width={'auto'}>
+                <LazySVG src="images/icon-logic.svg" />
+              </TopicImage>
+              <TopicCardInner contentAlign="left">
+                <TopicTitle>Place Your Logic Here</TopicTitle>
+                <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
+                  ERC-1271 Smart Orders and CoW Hooks allow you to define your own complex trading logic; if you can
+                  think it, you can trade it.
+                </TopicDescription>
+              </TopicCardInner>
+            </TopicCard>
+          </TopicList>
+
+          <Link
+            href="https://blog.cow.fi/list/advanced-order-types-b391bd4390cb"
+            linkType={LinkType.SectionTitleButton}
+            utmContent="link-to-advanced-order-types"
+            margin="24px auto 0"
+            external
+            onClick={() => clickOnDaos('click-advanced-order-types')}
+          >
+            Explore advanced order types
+          </Link>
+        </ContainerCardSection>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral10} color={Color.neutral98} touchFooter>
+        <ContainerCardSection>
+          <SectionTitleWrapper padding="150px 0 0">
+            <SectionTitleIcon multiple>
+              <LazySVG src={IMG_ICON_OWL} />
+              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
+              <LazySVG src={IMG_ICON_GHOST} />
+            </SectionTitleIcon>
+            <SectionTitleText>Trusted by the best</SectionTitleText>
+          </SectionTitleWrapper>
+
+          <TopicList columns={3}>
+            {CONTENT.trustedDAOs.map((dao, index) => {
+              const isPng = dao.icon.endsWith('.png')
+              return dao.description ? (
+                <TopicCard
+                  key={index}
+                  contentAlign={'center'}
+                  bgColor={Color.neutral20}
+                  padding={'24px'}
+                  gap={12}
+                  asProp="div"
+                >
+                  <TopicImage iconColor={Color.neutral98} bgColor={'transparent'} height={100}>
+                    {isPng ? <img src={dao.icon} alt={dao.title} /> : <LazySVG src={dao.icon} />}
+                  </TopicImage>
+                  <TopicCardInner contentAlign="center">
+                    <TopicTitle fontSize={28} color={Color.neutral98}>
+                      {dao.title}
+                    </TopicTitle>
+                    <TopicDescription fontSize={18} color={Color.neutral70}>
+                      {dao.description}
+                    </TopicDescription>
+                    <Link
+                      linkType={LinkType.TopicButton}
+                      href={dao.link}
+                      utmContent={`dao-${dao.title.toLowerCase().replace(/\s/g, '-')}`}
+                      external
+                      onClick={() => clickOnDaos(`click-${dao.title.toLowerCase()}`)}
+                    >
+                      Learn more
+                    </Link>
+                  </TopicCardInner>
+                </TopicCard>
+              ) : (
+                <TopicCard
+                  key={index}
+                  contentAlign={'center'}
+                  bgColor={Color.neutral20}
+                  padding={'10px'}
+                  href={`${dao.link}?utm_source=cow.fi&utm_medium=web&utm_content=dao-${dao.title}`}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  onClick={() => clickOnDaos(`click-${dao.title.toLowerCase()}`)}
+                >
+                  <TopicImage
+                    iconColor={Color.neutral0}
+                    bgColor={'transparent'}
+                    width={'100%'}
+                    height={100}
+                    maxWidth={75}
+                    margin={'auto'}
+                  >
+                    {isPng ? (
+                      <img src={dao.icon} alt={dao.title} style={{ maxWidth: '100%' }} loading="lazy" />
+                    ) : (
+                      <LazySVG src={dao.icon} />
+                    )}
+                  </TopicImage>
+                </TopicCard>
+              )
+            })}
+          </TopicList>
+        </ContainerCardSection>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/components/Layout/index.tsx b/apps/cow-fi/components/Layout/index.tsx
index 51fc3e329b..12cee33510 100644
--- a/apps/cow-fi/components/Layout/index.tsx
+++ b/apps/cow-fi/components/Layout/index.tsx
@@ -1,13 +1,12 @@
+'use client'
+
 import { PropsWithChildren } from 'react'
 import Link from 'next/link'
-import Head from 'next/head'
 import { Footer, GlobalCoWDAOStyles, Media, MenuBar } from '@cowprotocol/ui'
 import styled, { createGlobalStyle, css } from 'styled-components/macro'
-
-import { CONFIG } from '@/const/meta'
 import { CoWDAOFonts } from '@/styles/CoWDAOFonts'
-import getURL from '@/util/getURL'
 import { NAV_ADDITIONAL_BUTTONS, NAV_ITEMS, PAGE_MAX_WIDTH, PRODUCT_VARIANT } from './const'
+import { useSetupPage } from '../../hooks/useSetupPage'
 
 const LinkComponent = (props: PropsWithChildren<{ href: string }>) => {
   const external = props.href.startsWith('http')
@@ -28,26 +27,15 @@ const Wrapper = styled.div`
   }
 `
 
-const metaTitleWithShortDescription = `${CONFIG.title} - ${CONFIG.descriptionShort}`
-const metaTitleWithDescription = `${CONFIG.title} - ${CONFIG.description}`
-
 interface LayoutProps {
   children: React.ReactNode
   bgColor?: string
-  metaTitle?: string
-  metaDescription?: string
-  ogImage?: string
   host?: string
 }
 
-export default function Layout({
-  children,
-  bgColor,
-  metaTitle,
-  metaDescription,
-  ogImage,
-  host,
-}: Readonly<LayoutProps>) {
+export function Layout({ children, bgColor, host }: Readonly<LayoutProps>) {
+  useSetupPage()
+
   const GlobalStyles = GlobalCoWDAOStyles(CoWDAOFonts)
 
   const LocalStyles = createGlobalStyle(
@@ -55,26 +43,11 @@ export default function Layout({
       body {
         background: ${bgColor};
       }
-    `
+    `,
   )
 
-  const finalHost = host ?? getURL('')
-
   return (
     <>
-      <Head>
-        <title key="title">{`${metaTitle ?? metaTitleWithDescription}`}</title>
-        <meta key="ogTitle" property="og:title" content={metaTitle ?? metaTitleWithDescription} />
-
-        <meta key="description" name="description" content={metaDescription ?? CONFIG.description} />
-        <meta key="ogDescription" property="og:description" content={metaDescription ?? CONFIG.description} />
-
-        <meta key="twitterTitle" name="twitter:title" content={`${metaTitle ?? metaTitleWithShortDescription}`} />
-        <meta key="twitterDescription" name="twitter:description" content={metaDescription ?? CONFIG.description} />
-
-        <meta key="ogImage" property="og:image" content={ogImage ?? CONFIG.ogImage} />
-        <meta key="twitterImage" name="twitter:image" content={ogImage ?? CONFIG.ogImage} />
-      </Head>
       <GlobalStyles />
       <LocalStyles />
       <MenuBar
@@ -86,7 +59,13 @@ export default function Layout({
         LinkComponent={LinkComponent}
       />
       <Wrapper>{children}</Wrapper>
-      <Footer maxWidth={PAGE_MAX_WIDTH} productVariant={PRODUCT_VARIANT} host={finalHost} expanded hasTouchFooter />
+      <Footer
+        maxWidth={PAGE_MAX_WIDTH}
+        productVariant={PRODUCT_VARIANT}
+        host={host ?? process.env.NEXT_PUBLIC_SITE_URL!}
+        expanded
+        hasTouchFooter
+      />
     </>
   )
 }
diff --git a/apps/cow-fi/components/LearnPageComponent.tsx b/apps/cow-fi/components/LearnPageComponent.tsx
new file mode 100644
index 0000000000..8445ddbaf5
--- /dev/null
+++ b/apps/cow-fi/components/LearnPageComponent.tsx
@@ -0,0 +1,307 @@
+'use client'
+
+import { useLazyLoadImages } from '../hooks/useLazyLoadImages'
+import { CategoryLinks } from '@/components/CategoryLinks'
+import { SearchBar } from '@/components/SearchBar'
+import {
+  ArticleCard,
+  ArticleDescription,
+  ArticleImage,
+  ArticleList,
+  ArticleTitle,
+  ContainerCard,
+  ContainerCardInner,
+  ContainerCardSection,
+  ContainerCardSectionTop,
+  ContainerCardSectionTopTitle,
+  CTAButton,
+  CTAImage,
+  CTASectionWrapper,
+  CTASubtitle,
+  CTATitle,
+  LinkColumn,
+  LinkItem,
+  LinkSection,
+  TopicCard,
+  TopicImage,
+  TopicList,
+  TopicTitle,
+} from '@/styles/styled'
+import { ArrowButton } from '@/components/ArrowButton'
+import { clickOnKnowledgeBase } from '../modules/analytics'
+import { Color, Font, Media } from '@cowprotocol/ui'
+import LazySVG from '@/components/LazySVG'
+import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
+import { ArticleListResponse } from '../services/cms'
+import styled from 'styled-components/macro'
+
+const PODCASTS = [
+  {
+    title: 'How CoWs Will Save DeFi Swaps (0xResearch) ',
+    link: 'https://www.youtube.com/watch?v=-CrTF4RO0Ww',
+  },
+  {
+    title: 'A Deep dive into Batch Auctions (Bell Curve)',
+    link: 'https://open.spotify.com/episode/4M7CNfjg0C2BD6SpyPFuaI?si=niArWe7EQDyqiXt610MDzg',
+  },
+  {
+    title: 'How Introducing Competition Fixes DeFi (Strange Water)',
+    link: 'https://strangewater.xyz/episode/sw48',
+  },
+  {
+    title: 'CoW Swap - The Only DEX You Need In DeFi? (Leviathan News)',
+    link: 'https://open.spotify.com/episode/4M7CNfjg0C2BD6SpyPFuaI?si=niArWe7EQDyqiXt610MDzg',
+  },
+]
+
+const SPACES = [
+  {
+    title: 'CoW Swap is one of the most exciting projects in the DEX space',
+    link: 'https://x.com/cryptotesters/status/1501505365833248774',
+  },
+  {
+    title: 'CoW Protocol & Yearn Finance Partnership Deep Dive',
+    link: 'https://x.com/CoWSwap/status/1605593667682476032',
+  },
+  {
+    title: 'CoW Swap & ENS: Pushing Decentralized Trading to its limits',
+    link: 'https://x.com/CoWSwap/status/1625932839936983055',
+  },
+  { title: 'CoW AMM is the 1st MEV-Capturing AMM', link: 'https://x.com/CoWSwap/status/1759633529279791584' },
+]
+
+const MEDIA_COVERAGE = [
+  {
+    title: "Bots fleece DeFi liquidity providers for $500m every year. CoW DAO's new exchange stops them",
+    publisher: 'DLNews',
+    image: '/images/media-coverage/DLNews-bots-fleece.webp',
+    link: 'https://www.dlnews.com/articles/defi/new-cow-swap-amm-will-stop-mev-bots-and-save-users-millions/',
+    linkExternal: true,
+  },
+  {
+    title: 'Ethereum projects unite to protect users from MEV-induced high prices',
+    publisher: 'The Crypto Times',
+    image: '/images/media-coverage/Ethereum-Foundation-Raises-Funds-Website.webp',
+    link: 'https://www.cryptotimes.io/2024/01/22/ethereum-foundation-sells-700-eth-via-cow-protocol/',
+    linkExternal: true,
+  },
+  {
+    title: "CoW Swap: A Beginner's Guide to This New Decentralized Exchange",
+    publisher: 'BeInCrypto',
+    image: '/images/media-coverage/learn_CoW_Swap-covers_logo.webp',
+    link: 'https://beincrypto.com/learn/cow-swap-guide/',
+    linkExternal: true,
+  },
+  {
+    title: 'CoW Swap: Intents, MEV, and Batch Auctions',
+    publisher: 'Shoal Research',
+    image: '/images/media-coverage/shoal-research-intents.webp',
+    link: 'https://www.shoal.gg/p/cow-swap-intents-mev-and-batch-auctions',
+    linkExternal: true,
+  },
+]
+
+interface PageProps {
+  categories: {
+    name: string
+    slug: string
+    description: string
+    bgColor: string
+    textColor: string
+    link: string
+    iconColor: string
+    imageUrl: string
+  }[]
+  articles: ArticleListResponse['data']
+  featuredArticles: {
+    title: string
+    description: string
+    link: string
+    cover: string
+  }[]
+}
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: center;
+  max-width: 1760px;
+  width: 100%;
+  margin: 42px auto 0;
+  gap: 24px;
+
+  h1 {
+    font-size: 28px;
+    font-weight: ${Font.weight.medium};
+    color: ${Color.neutral50};
+    text-align: center;
+    padding: 0 10px;
+
+    ${Media.upToMedium()} {
+      font-size: 18px;
+    }
+  }
+
+  h2 {
+    font-size: 67px;
+    text-align: center;
+    padding: 0 10px 16px;
+
+    ${Media.upToMedium()} {
+      font-size: 26px;
+    }
+  }
+`
+
+export function LearnPageComponent({ categories, articles, featuredArticles }: PageProps) {
+  const { LazyImage } = useLazyLoadImages()
+
+  return (
+    <Wrapper>
+      <h1>Learn - Knowledge Base</h1>
+      <h2>Hi, how can we help?</h2>
+
+      <CategoryLinks allCategories={categories} noDivider />
+
+      <SearchBar articles={articles} />
+
+      <ContainerCard marginMobile="0 auto 24px">
+        <ContainerCardInner maxWidth={1350}>
+          <ContainerCardSection>
+            <ContainerCardSectionTop alignMobile="center">
+              <ContainerCardSectionTopTitle>Featured articles</ContainerCardSectionTopTitle>
+              <ArrowButton link="/learn/articles" text="All articles" />
+            </ContainerCardSectionTop>
+            <ArticleList columnsTablet={2}>
+              {featuredArticles.map(({ title, description, cover, link }, index) => (
+                <ArticleCard key={index} href={link} onClick={() => clickOnKnowledgeBase(`click-article-${title}`)}>
+                  <ArticleImage color="#000">
+                    {cover && <LazyImage src={cover} alt={title} width={700} height={200} />}
+                  </ArticleImage>
+                  <ArticleTitle>{title}</ArticleTitle>
+                  <ArticleDescription>{description}</ArticleDescription>
+                </ArticleCard>
+              ))}
+            </ArticleList>
+          </ContainerCardSection>
+
+          <ContainerCardSection>
+            <ContainerCardSectionTop>
+              <ContainerCardSectionTopTitle>Topics</ContainerCardSectionTopTitle>
+            </ContainerCardSectionTop>
+            <TopicList columns={3}>
+              {categories.map(({ name, bgColor, textColor, iconColor, link, imageUrl }, index) => {
+                return (
+                  <TopicCard
+                    key={index}
+                    bgColor={bgColor}
+                    textColor={textColor}
+                    href={link}
+                    onClick={() => clickOnKnowledgeBase(`click-topic-${name}`)}
+                  >
+                    <TopicImage iconColor={iconColor} bgColor={bgColor} borderRadius={90} widthMobile={'auto'}>
+                      {imageUrl ? (
+                        <LazyImage
+                          src={imageUrl}
+                          alt={name}
+                          width={82}
+                          height={82}
+                          onError={(e) => {
+                            e.currentTarget.onerror = null
+                            e.currentTarget.style.display = 'none'
+                          }}
+                        />
+                      ) : (
+                        <span>{name.charAt(0)}</span>
+                      )}
+                    </TopicImage>
+                    <TopicTitle>{name}</TopicTitle>
+                  </TopicCard>
+                )
+              })}
+            </TopicList>
+          </ContainerCardSection>
+
+          <ContainerCardSection>
+            <ContainerCardSectionTop>
+              <ContainerCardSectionTopTitle>Podcasts & Spaces</ContainerCardSectionTopTitle>
+            </ContainerCardSectionTop>
+            <LinkSection gap={56}>
+              <LinkColumn>
+                <h5>Podcasts</h5>
+                {PODCASTS.map((podcast, index) => (
+                  <LinkItem
+                    key={index}
+                    href={`${podcast.link}?utm_source=cow.fi&utm_medium=web&utm_content=podcast-${podcast.title}`}
+                    rel="noopener noreferrer nofollow"
+                    target="_blank"
+                    onClick={() => clickOnKnowledgeBase(`click-podcast-${podcast.title}`)}
+                  >
+                    {podcast.title}
+                    <span>→</span>
+                  </LinkItem>
+                ))}
+              </LinkColumn>
+
+              <LinkColumn>
+                <h5>Spaces</h5>
+                {SPACES.map((space, index) => (
+                  <LinkItem
+                    key={index}
+                    href={`${space.link}?utm_source=cow.fi&utm_medium=web&utm_content=space-${space.title}`}
+                    rel="noopener noreferrer nofollow"
+                    target="_blank"
+                    onClick={() => clickOnKnowledgeBase(`click-space-${space.title}`)}
+                  >
+                    {space.title}
+                    <span>→</span>
+                  </LinkItem>
+                ))}
+              </LinkColumn>
+            </LinkSection>
+          </ContainerCardSection>
+
+          <ContainerCardSection>
+            <ContainerCardSectionTop>
+              <ContainerCardSectionTopTitle>Media coverage</ContainerCardSectionTopTitle>
+            </ContainerCardSectionTop>
+            <ArticleList columns={4}>
+              {MEDIA_COVERAGE.map(({ image, title, publisher, link, linkExternal }, index) => (
+                <ArticleCard
+                  key={index}
+                  href={`${link}?utm_source=cow.fi&utm_medium=web&utm_content=media-${title}`}
+                  target={linkExternal ? '_blank' : '_self'}
+                  rel={linkExternal ? 'noopener' : ''}
+                  onClick={() => clickOnKnowledgeBase(`click-media-${title}`)}
+                >
+                  <ArticleImage>{image && <LazyImage src={image} alt={title} />}</ArticleImage>
+                  <ArticleTitle fontSize={21}>{title}</ArticleTitle>
+                  <ArticleDescription>Published by {publisher}</ArticleDescription>
+                </ArticleCard>
+              ))}
+            </ArticleList>
+          </ContainerCardSection>
+        </ContainerCardInner>
+      </ContainerCard>
+
+      <ContainerCard bgColor={Color.neutral98} padding="0" touchFooter>
+        <CTASectionWrapper>
+          <CTAImage color={'#00A1FF'}>
+            <LazySVG src={IMG_ICON_BULB_COW} />
+          </CTAImage>
+          <CTASubtitle>Explore, learn, integrate</CTASubtitle>
+          <CTATitle>CoW DAO documentation</CTATitle>
+          <CTAButton
+            href="https://docs.cow.fi/?utm_source=cow.fi&utm_medium=web&utm_content=cta-read-docs"
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={() => clickOnKnowledgeBase('click-read-docs')}
+          >
+            Read the docs
+          </CTAButton>
+        </CTASectionWrapper>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/components/NotFoundPageComponent.tsx b/apps/cow-fi/components/NotFoundPageComponent.tsx
new file mode 100644
index 0000000000..5741f95046
--- /dev/null
+++ b/apps/cow-fi/components/NotFoundPageComponent.tsx
@@ -0,0 +1,29 @@
+'use client'
+
+import { ArticleContent, ArticleMainTitle, BodyContent, ContainerCard, PageWrapper } from '@/styles/styled'
+import { Link } from '@/components/Link'
+import { clickOnError404GoHome } from '../modules/analytics'
+
+export function NotFoundPageComponent() {
+  return (
+    <PageWrapper>
+      <ContainerCard bgColor={'transparent'} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
+        <ArticleContent maxWidth="90rem">
+          <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
+            404 - Page Not Found
+          </ArticleMainTitle>
+
+          <BodyContent>
+            <p>
+              This page could not be found. Please go back to the{' '}
+              <Link href="/" onClick={clickOnError404GoHome}>
+                homepage
+              </Link>{' '}
+              or use the navigation menu to find what you are looking for.
+            </p>
+          </BodyContent>
+        </ArticleContent>
+      </ContainerCard>
+    </PageWrapper>
+  )
+}
diff --git a/apps/cow-fi/components/TokenDetails/index.styles.ts b/apps/cow-fi/components/TokenDetails/index.styles.ts
index ef07d93b44..24c581bcec 100644
--- a/apps/cow-fi/components/TokenDetails/index.styles.ts
+++ b/apps/cow-fi/components/TokenDetails/index.styles.ts
@@ -1,5 +1,6 @@
 import styled from 'styled-components/macro'
 import { Media, Color } from '@cowprotocol/ui'
+import Link from 'next/link'
 
 export const Wrapper = styled.div`
   display: grid;
@@ -64,7 +65,10 @@ export const SwapWidgetWrapper = styled.div`
   background: ${Color.neutral100};
   height: 26.2rem;
   width: 100%;
-  box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.03), 0 2rem 7rem rgba(0, 0, 0, 0.06), 0 0.2rem 0.4rem rgba(0, 0, 0, 0.02);
+  box-shadow:
+    0 0.2rem 1.2rem rgba(0, 0, 0, 0.03),
+    0 2rem 7rem rgba(0, 0, 0, 0.06),
+    0 0.2rem 0.4rem rgba(0, 0, 0, 0.02);
   border-radius: 1.6rem;
   margin: 0 0 2rem;
   padding: 1.2rem;
@@ -197,7 +201,7 @@ export const NetworkTable = styled.div`
   width: 100%;
 `
 
-export const TokenLink = styled.a`
+export const TokenLink = styled(Link)`
   display: flex;
   align-items: center;
   justify-content: flex-start;
diff --git a/apps/cow-fi/components/TokenPageComponent.tsx b/apps/cow-fi/components/TokenPageComponent.tsx
new file mode 100644
index 0000000000..4becae4bcd
--- /dev/null
+++ b/apps/cow-fi/components/TokenPageComponent.tsx
@@ -0,0 +1,29 @@
+'use client'
+
+import styled from 'styled-components/macro'
+import { TokenDetails as TokenDetailsPure } from '@/components/TokenDetails'
+import { type TokenDetails } from '../types'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1640px;
+  width: 100%;
+  margin: 56px auto;
+  gap: 24px;
+  font-size: 1.6rem;
+`
+
+interface TokenPageComponentProps {
+  token: TokenDetails
+}
+
+export function TokenPageComponent({ token }: TokenPageComponentProps) {
+  return (
+    <Wrapper>
+      <TokenDetailsPure token={token} />
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/components/TokensList/index.tsx b/apps/cow-fi/components/TokensList/index.tsx
index eb83ddc8fa..81f6d2535c 100644
--- a/apps/cow-fi/components/TokensList/index.tsx
+++ b/apps/cow-fi/components/TokensList/index.tsx
@@ -28,8 +28,8 @@ export function TokenList({ tokens }: TokenListProps) {
       tokens.filter(
         (token) =>
           token.name.toLowerCase().includes(search.toLowerCase()) ||
-          token.symbol.toLowerCase().includes(search.toLowerCase())
-      )
+          token.symbol.toLowerCase().includes(search.toLowerCase()),
+      ),
     )
   }, [search, tokens])
 
diff --git a/apps/cow-fi/components/TokensPageComponent.tsx b/apps/cow-fi/components/TokensPageComponent.tsx
new file mode 100644
index 0000000000..80d7759005
--- /dev/null
+++ b/apps/cow-fi/components/TokensPageComponent.tsx
@@ -0,0 +1,29 @@
+'use client'
+
+import { TokenInfo } from '../types'
+import { TokenList } from '@/components/TokensList'
+import styled from 'styled-components/macro'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: flex-start;
+  align-items: center;
+  max-width: 1000px;
+  width: 100%;
+  margin: 56px auto;
+  gap: 24px;
+  font-size: 1.6rem;
+`
+
+interface TokensPageComponentProps {
+  tokens: TokenInfo[]
+}
+
+export function TokensPageComponent({ tokens }: TokensPageComponentProps) {
+  return (
+    <Wrapper>
+      <TokenList tokens={tokens} />
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/components/TopicPageComponent.tsx b/apps/cow-fi/components/TopicPageComponent.tsx
new file mode 100644
index 0000000000..df19c8d853
--- /dev/null
+++ b/apps/cow-fi/components/TopicPageComponent.tsx
@@ -0,0 +1,162 @@
+'use client'
+
+import styled from 'styled-components/macro'
+import { CmsImage, Color, Font, Media } from '@cowprotocol/ui'
+import { CategoryLinks } from '@/components/CategoryLinks'
+import { SearchBar } from '@/components/SearchBar'
+import { ArrowButton } from '@/components/ArrowButton'
+import {
+  Breadcrumbs,
+  ContainerCard,
+  ContainerCardInner,
+  ContainerCardSection,
+  ContainerCardSectionTop,
+  LinkColumn,
+  LinkItem,
+  LinkSection,
+} from '@/styles/styled'
+import { clickOnKnowledgeBase } from '../modules/analytics'
+import Link from 'next/link'
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 1760px;
+  width: 100%;
+  margin: 24px auto 0;
+  gap: 34px;
+  padding: 0 16px;
+
+  ${Media.upToMedium()} {
+    margin: 0 auto;
+    gap: 24px;
+  }
+`
+
+const CategoryTitle = styled.div`
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center;
+  gap: 24px;
+  font-size: 52px;
+
+  ${Media.upToMedium()} {
+    font-size: 32px;
+  }
+
+  > h1 {
+    font-size: inherit;
+  }
+`
+
+const CategoryImageWrapper = styled.div`
+  --size: 82px;
+  width: var(--size);
+  height: var(--size);
+  border-radius: var(--size);
+  display: flex;
+  justify-content: center;
+`
+
+const CategoryImage = styled(CmsImage)`
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: inherit;
+`
+
+const CategoryDescription = styled.div`
+  font-size: 21px;
+  line-height: 1.5;
+  color: ${Color.neutral20};
+  display: flex;
+  flex-flow: column wrap;
+  gap: 24px;
+
+  > p {
+    margin: 0;
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+  }
+
+  > i {
+    font-size: 16px;
+    font-weight: ${Font.weight.bold};
+    color: ${Color.neutral0};
+    font-style: normal;
+  }
+`
+
+interface TopicPageProps {
+  category: any
+  articles: any[]
+  allCategories: { name: string; slug: string }[]
+}
+
+export function TopicPageComponent({ category, allCategories, articles }: TopicPageProps) {
+  const { name, description, image } = category.attributes || {}
+  const imageUrl = image?.data?.attributes?.url
+
+  return (
+    <Wrapper>
+      <CategoryLinks allCategories={allCategories} />
+
+      <SearchBar articles={articles} />
+
+      <ContainerCard gap={42} gapMobile={24} minHeight="100vh" alignContent="flex-start" touchFooter>
+        <ContainerCardInner maxWidth={970} gap={24} gapMobile={24}>
+          <Breadcrumbs padding={'0'}>
+            <Link href="/" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-home')}>
+              Home
+            </Link>
+            <Link href="/learn" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-knowledgebase')}>
+              Knowledge Base
+            </Link>
+            <Link href="/learn/topics" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-topics')}>
+              Topic
+            </Link>
+            <span>{name}</span>
+          </Breadcrumbs>
+
+          <ContainerCardSectionTop>
+            <CategoryTitle>
+              {imageUrl && (
+                <CategoryImageWrapper>
+                  <CategoryImage src={imageUrl} alt={name} width={82} height={82} />
+                </CategoryImageWrapper>
+              )}
+              <h1>{name}</h1>
+            </CategoryTitle>
+            <ArrowButton link="/learn/topics" text="All topics" />
+          </ContainerCardSectionTop>
+
+          <ContainerCardSection>
+            <CategoryDescription>
+              <p>{description}</p>
+              <i>{articles.length} articles</i>
+            </CategoryDescription>
+
+            <LinkSection bgColor={'transparent'} columns={1} padding="0">
+              <LinkColumn>
+                {articles?.map((article) =>
+                  article.attributes ? (
+                    <LinkItem
+                      key={article.id}
+                      href={`/learn/${article.attributes.slug}`}
+                      onClick={() => clickOnKnowledgeBase(`click-article-${article.attributes.title}`)}
+                    >
+                      {article.attributes.title}
+                      <span>→</span>
+                    </LinkItem>
+                  ) : null,
+                )}
+              </LinkColumn>
+            </LinkSection>
+          </ContainerCardSection>
+        </ContainerCardInner>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/components/TopicsPageComponent.tsx b/apps/cow-fi/components/TopicsPageComponent.tsx
new file mode 100644
index 0000000000..cd71fe76d4
--- /dev/null
+++ b/apps/cow-fi/components/TopicsPageComponent.tsx
@@ -0,0 +1,115 @@
+'use client'
+
+import { SearchBar } from '@/components/SearchBar'
+import {
+  ContainerCard,
+  ContainerCardInner,
+  ContainerCardSection,
+  ContainerCardSectionTop,
+  ContainerCardSectionTopTitle,
+  TopicCard,
+  TopicImage,
+  TopicList,
+  TopicTitle,
+} from '@/styles/styled'
+import { ArrowButton } from '@/components/ArrowButton'
+import { clickOnKnowledgeBase } from '../modules/analytics'
+import { CmsImage, Color, Font, Media } from '@cowprotocol/ui'
+import { ArticleListResponse } from '../services/cms'
+import styled from 'styled-components/macro'
+
+interface PageProps {
+  categories: {
+    name: string
+    slug: string
+    description: string
+    bgColor: string
+    textColor: string
+    link: string
+    iconColor: string
+    imageUrl: string
+  }[]
+  articles: ArticleListResponse['data']
+}
+
+const Wrapper = styled.div`
+  display: flex;
+  flex-flow: column wrap;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  margin: 42px auto 0;
+  gap: 34px;
+  max-width: 1760px;
+
+  h1 {
+    font-size: 28px;
+    font-weight: ${Font.weight.medium};
+    color: ${Color.neutral50};
+    text-align: center;
+
+    ${Media.upToMedium()} {
+      font-size: 18px;
+    }
+  }
+
+  h2 {
+    font-size: 67px;
+    text-align: center;
+
+    ${Media.upToMedium()} {
+      font-size: 38px;
+    }
+  }
+`
+
+export function TopicsPageComponent({ articles, categories }: PageProps) {
+  return (
+    <Wrapper>
+      <h1>Knowledge Base</h1>
+      <h2>All Topics</h2>
+
+      <SearchBar articles={articles || []} />
+
+      <ContainerCard touchFooter>
+        <ContainerCardInner maxWidth={970} gap={24} gapMobile={24}>
+          <ContainerCardSection>
+            <ContainerCardSectionTop>
+              <ContainerCardSectionTopTitle>Topics</ContainerCardSectionTopTitle>
+              <ArrowButton link="/learn" text="Overview" />
+            </ContainerCardSectionTop>
+            <TopicList columns={3}>
+              {categories.map(({ name, bgColor, textColor, iconColor, link, imageUrl }, index) => (
+                <TopicCard
+                  key={index}
+                  bgColor={bgColor}
+                  textColor={textColor}
+                  href={link}
+                  onClick={() => clickOnKnowledgeBase(`click-topic-${name}`)}
+                >
+                  <TopicImage iconColor={iconColor}>
+                    {imageUrl ? (
+                      <CmsImage
+                        src={imageUrl}
+                        alt={name}
+                        width={82}
+                        height={82}
+                        onError={(e: React.SyntheticEvent<HTMLImageElement, Event>) => {
+                          e.currentTarget.onerror = null
+                          e.currentTarget.style.display = 'none'
+                        }}
+                      />
+                    ) : (
+                      <span>{name.charAt(0)}</span>
+                    )}
+                  </TopicImage>
+                  <TopicTitle>{name}</TopicTitle>
+                </TopicCard>
+              ))}
+            </TopicList>
+          </ContainerCardSection>
+        </ContainerCardInner>
+      </ContainerCard>
+    </Wrapper>
+  )
+}
diff --git a/apps/cow-fi/components/WithLDProvider/index.tsx b/apps/cow-fi/components/WithLDProvider/index.tsx
index 86eb397c9e..0f0f6f8f4b 100644
--- a/apps/cow-fi/components/WithLDProvider/index.tsx
+++ b/apps/cow-fi/components/WithLDProvider/index.tsx
@@ -6,8 +6,6 @@ console.log('NEXT_PUBLIC_LAUNCH_DARKLY_KEY', NEXT_PUBLIC_LAUNCH_DARKLY_KEY)
 
 import { withLDProvider } from 'launchdarkly-react-client-sdk'
 
-// TODO: remove duplicated component with app/cowswap-frontend/src/modules/application/containers/WithLDProvider
-
 function InnerWithLDProvider({ children }: PropsWithChildren) {
   return children
 }
diff --git a/apps/cow-fi/const/cms.ts b/apps/cow-fi/const/cms.ts
deleted file mode 100644
index 8b13789179..0000000000
--- a/apps/cow-fi/const/cms.ts
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/apps/cow-fi/const/meta.ts b/apps/cow-fi/const/meta.ts
index dc2f8b528e..e1885b4ccd 100644
--- a/apps/cow-fi/const/meta.ts
+++ b/apps/cow-fi/const/meta.ts
@@ -1,12 +1,13 @@
-import { TokenInfo } from 'types'
-
 const API_BASE_URL = 'https://api.cow.fi'
 export const IMAGE_PATH = 'images/'
 
-export const DATA_CACHE_TIME_SECONDS = 60 * 60 // Cache 1 hour
+export const DATA_CACHE_TIME_SECONDS = 60 * 60 // 1 hour
 
 export const CONFIG = {
-  title: 'CoW DAO',
+  title: {
+    template: '%s - CoW DAO',
+    default: 'CoW DAO',
+  },
   metatitle_tokenDetail: 'Live Token Price Chart & Metrics',
   description: 'CoW DAO develops the most user-protective products in Ethereum - so you can do more with less worry.',
   descriptionShort: "Don't get milked!",
@@ -47,12 +48,3 @@ export const CONFIG = {
   tokenDisclaimer:
     'IMPORTANT DISCLAIMER: The information presented on the Interface, including hyperlinked sites, associated applications, forums, blogs, social media accounts, and other platforms, serves as general information sourced from third-party providers. We want to emphasise that we do not provide any warranties regarding the accuracy or up-to-dateness of the content. None of the content should be interpreted as financial, tax, legal, or any other type of advice. Your use or reliance on the content is entirely at your own discretion and risk. Before making any decisions, it is crucial that you undertake your own research, review, analysis, and verification of our content. Trading carries significant risks and can result in substantial losses, so it is advisable to consult your own legal, financial, tax, or other professional advisors prior to making any decisions. None of the content on the Interface is intended as a solicitation or offer.',
 }
-
-type TokenInfoExcluded = Omit<TokenInfo, 'id' | 'change24h' | 'marketCapRank' | 'image'>
-
-interface MetaTokenDetails extends TokenInfoExcluded {
-  changeDirection: string
-  change24hTrimmed: string
-}
-
-export type SiteConfig = typeof CONFIG
diff --git a/apps/cow-fi/hooks/useSetupPage.ts b/apps/cow-fi/hooks/useSetupPage.ts
new file mode 100644
index 0000000000..a9e9cf996c
--- /dev/null
+++ b/apps/cow-fi/hooks/useSetupPage.ts
@@ -0,0 +1,7 @@
+'use client'
+
+import { useInitializeUtm } from 'modules/utm'
+
+export function useSetupPage() {
+  useInitializeUtm()
+}
diff --git a/apps/cow-fi/lib/hooks/useAddRpcWithTimeout.ts b/apps/cow-fi/lib/hooks/useAddRpcWithTimeout.ts
index 3296c56991..2b314e9811 100644
--- a/apps/cow-fi/lib/hooks/useAddRpcWithTimeout.ts
+++ b/apps/cow-fi/lib/hooks/useAddRpcWithTimeout.ts
@@ -3,7 +3,8 @@ import { useCallback } from 'react'
 import { ERROR_ADD_MANUALLY_MESSAGE } from '@/util/handleRpcError'
 import { useAddRpcEndpoint } from './useAddRpcEndpoint'
 import { WalletClient } from 'viem'
-import { AddToWalletStateValues } from '@/components/AddRpcButton'
+
+import { AddToWalletStateValues } from '../../types/addToWalletState'
 
 const TAKING_TOO_LONG_TIME = 15000 // 15s
 const TIMEOUT_TIME = 90000 // 1.5min
@@ -17,7 +18,7 @@ interface UseAddToWalletProps {
   handleError: (error: any) => void
   onTimeout: (
     errorMessage: string,
-    newState: AddToWalletStateValues
+    newState: AddToWalletStateValues,
     // event: AddRpcUrlActionType
   ) => void
 }
@@ -36,13 +37,13 @@ export function useAddRpcWithTimeout(props: UseAddToWalletProps) {
     const delayMessage = (
       errorMessage: string,
       newState: AddToWalletStateValues,
-      delay: number
+      delay: number,
       //   event: AddRpcUrlActionType
     ) =>
       setTimeout(() => {
         onTimeout(
           errorMessage,
-          newState
+          newState,
           // event
         )
       }, delay)
@@ -51,13 +52,13 @@ export function useAddRpcWithTimeout(props: UseAddToWalletProps) {
     const timeoutSlow = delayMessage(
       'Adding the new network to your wallet is taking too long. Please verify your wallet',
       'adding',
-      TAKING_TOO_LONG_TIME
+      TAKING_TOO_LONG_TIME,
       //   'adding_is_taking_too_long'
     )
     const timeoutTimeout = delayMessage(
       ERROR_ADD_MANUALLY_MESSAGE.errorMessage,
       'error',
-      TIMEOUT_TIME
+      TIMEOUT_TIME,
       //   'timeout_add_rpc'
     )
     const clearTimeouts = () => [timeoutSlow, timeoutTimeout].forEach(clearTimeout)
diff --git a/apps/cow-fi/lib/hooks/useConnectAndAddToWallet.ts b/apps/cow-fi/lib/hooks/useConnectAndAddToWallet.ts
index d914f5d0b3..60df8a0b7f 100644
--- a/apps/cow-fi/lib/hooks/useConnectAndAddToWallet.ts
+++ b/apps/cow-fi/lib/hooks/useConnectAndAddToWallet.ts
@@ -3,8 +3,8 @@ import { useConnect } from './useConnect'
 import { useDisconnect, useWalletClient } from 'wagmi'
 import { handleRpcError } from '@/util/handleRpcError'
 import { useAddRpcWithTimeout } from './useAddRpcWithTimeout'
-import { AddToWalletState, AddToWalletStateValues } from '@/components/AddRpcButton'
 import { clickOnMevBlocker } from '../../modules/analytics'
+import { AddToWalletState, AddToWalletStateValues } from '../../types/addToWalletState'
 
 const DEFAULT_STATE: AddToWalletState = { state: 'unknown', autoConnect: false }
 const ADDING_STATE: AddToWalletState = { state: 'adding', autoConnect: false }
@@ -38,7 +38,7 @@ export function useConnectAndAddToWallet(): UseConnectAndAddToWalletProps {
       }
       setAddRpcPromise(null)
     },
-    [setState]
+    [setState],
   )
 
   const addToWallet = useAddRpcWithTimeout({
diff --git a/apps/cow-fi/modules/utm/hooks.ts b/apps/cow-fi/modules/utm/hooks.ts
index a5d4597e4b..b73230f33b 100644
--- a/apps/cow-fi/modules/utm/hooks.ts
+++ b/apps/cow-fi/modules/utm/hooks.ts
@@ -1,30 +1,35 @@
 import { useAtomValue, useSetAtom } from 'jotai'
 import { useEffect } from 'react'
 
-import { useRouter } from 'next/router'
+import { useSearchParams, useRouter } from 'next/navigation'
 
 import { utmAtom } from './state'
 import { UtmParams } from './types'
 import { cleanUpParams, getUtmParams, hasUtmCodes } from './utils'
+import { usePathname } from 'next/dist/client/components/navigation'
 
 export function useUtm(): UtmParams | undefined {
   return useAtomValue(utmAtom)
 }
 
 export function useInitializeUtm(): void {
+  const pathname = usePathname()
   const router = useRouter()
+  const searchParams = useSearchParams()
 
   // get atom setter
   const setUtm = useSetAtom(utmAtom)
 
   useEffect(() => {
-    const utm = getUtmParams(router.query)
+    const query = new URLSearchParams(searchParams?.toString())
+
+    const utm = getUtmParams(query)
     if (hasUtmCodes(utm)) {
       // Only overrides the UTM if the URL includes at least one UTM param
       setUtm(utm)
     }
 
     // Clear params from URL and redirect
-    cleanUpParams(router)
+    cleanUpParams(router, pathname, query)
   }, [router, setUtm])
 }
diff --git a/apps/cow-fi/modules/utm/utils.ts b/apps/cow-fi/modules/utm/utils.ts
index f806a415cc..ac09279e07 100644
--- a/apps/cow-fi/modules/utm/utils.ts
+++ b/apps/cow-fi/modules/utm/utils.ts
@@ -1,3 +1,5 @@
+import type { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime'
+
 const UTM_SOURCE_PARAM = 'utm_source'
 const UTM_MEDIUM_PARAM = 'utm_medium'
 const UTM_CAMPAIGN_PARAM = 'utm_campaign'
@@ -6,17 +8,15 @@ const UTM_TERM_PARAM = 'utm_term'
 
 const ALL_UTM_PARAMS = [UTM_SOURCE_PARAM, UTM_MEDIUM_PARAM, UTM_CAMPAIGN_PARAM, UTM_CONTENT_PARAM, UTM_TERM_PARAM]
 
-import { NextRouter } from 'next/router'
 import { UtmParams } from './types'
-import { ParsedUrlQuery } from 'querystring'
 import { CONFIG } from '@/const/meta'
 
-export function getUtmParams(query: ParsedUrlQuery): UtmParams {
-  const utmSource = (query[UTM_SOURCE_PARAM] as string) || undefined
-  const utmMedium = (query[UTM_MEDIUM_PARAM] as string) || undefined
-  const utmCampaign = (query[UTM_CAMPAIGN_PARAM] as string) || undefined
-  const utmContent = (query[UTM_CONTENT_PARAM] as string) || undefined
-  const utmTerm = (query[UTM_TERM_PARAM] as string) || undefined
+export function getUtmParams(query: URLSearchParams): UtmParams {
+  const utmSource = (query.get(UTM_SOURCE_PARAM) as string) || undefined
+  const utmMedium = (query.get(UTM_MEDIUM_PARAM) as string) || undefined
+  const utmCampaign = (query.get(UTM_CAMPAIGN_PARAM) as string) || undefined
+  const utmContent = (query.get(UTM_CONTENT_PARAM) as string) || undefined
+  const utmTerm = (query.get(UTM_TERM_PARAM) as string) || undefined
 
   return {
     utmSource,
@@ -27,18 +27,18 @@ export function getUtmParams(query: ParsedUrlQuery): UtmParams {
   }
 }
 
-export function cleanUpParams(router: NextRouter) {
+export function cleanUpParams(router: AppRouterInstance, pathname: string | null, query: URLSearchParams) {
   let cleanedParams = false
-  const { query } = router
+
   ALL_UTM_PARAMS.forEach((param) => {
-    if (query[param]) {
-      delete query[param]
+    if (query.get(param)) {
+      query.delete(param)
       cleanedParams = true
     }
   })
 
   if (cleanedParams) {
-    router.replace({ pathname: router.pathname, query })
+    router.replace((pathname || '/') + '?' + query.toString())
   }
 }
 
diff --git a/apps/cow-fi/next-env.d.ts b/apps/cow-fi/next-env.d.ts
index a4a7b3f5cf..40c3d68096 100644
--- a/apps/cow-fi/next-env.d.ts
+++ b/apps/cow-fi/next-env.d.ts
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/apps/cow-fi/pages/404.tsx b/apps/cow-fi/pages/404.tsx
deleted file mode 100644
index 9cdb216df8..0000000000
--- a/apps/cow-fi/pages/404.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color } from '@cowprotocol/ui'
-
-import Layout from '@/components/Layout'
-import { Link } from '@/components/Link'
-
-import { PageWrapper, ContainerCard, ArticleContent, ArticleMainTitle, BodyContent } from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnError404GoHome } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-export default function Page({ siteConfigData }: PageProps) {
-  const { title } = siteConfigData
-
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="404 - Page Not Found"
-      metaDescription="This page could not be found. Please go back to the homepage or use the navigation menu to find what you are looking for."
-    >
-      <PageWrapper>
-        <ContainerCard bgColor={'transparent'} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
-          <ArticleContent maxWidth="90rem">
-            <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
-              {title}
-            </ArticleMainTitle>
-
-            <BodyContent>
-              <p>
-                This page could not be found. Please go back to the{' '}
-                <Link href="/" onClick={clickOnError404GoHome}>
-                  homepage
-                </Link>{' '}
-                or use the navigation menu to find what you are looking for.
-              </p>
-            </BodyContent>
-          </ArticleContent>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  return {
-    props: {
-      siteConfigData: {
-        ...CONFIG,
-        title: '404 - Page Not Found',
-        descriptionShort: '404 - Page Not Found',
-      },
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/_app.tsx b/apps/cow-fi/pages/_app.tsx
deleted file mode 100644
index 9aedb90832..0000000000
--- a/apps/cow-fi/pages/_app.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import { AppProps } from 'next/app'
-import GlobalStyles from 'styles/global.styles'
-import Head from 'next/head'
-import { useRouter } from 'next/router'
-import { CONFIG } from '@/const/meta'
-import { ApolloProvider } from '@apollo/client'
-import { apolloClient } from 'services/uniswap-price/apollo-client'
-import { useInitializeUtm } from 'modules/utm'
-import { WithLDProvider } from '@/components/WithLDProvider'
-import { ThemeProvider } from '../theme'
-import { CowAnalyticsProvider } from '@cowprotocol/analytics'
-import { cowAnalytics } from 'modules/analytics'
-import CacheProvider from 'react-inlinesvg/provider'
-
-export default function App(props: AppProps) {
-  const { Component, pageProps } = props
-  useInitializeUtm()
-
-  const router = useRouter()
-  const CURRENT_URL = `${CONFIG.url.root}${router.asPath}`
-
-  return (
-    <>
-      <Head>
-        <link rel="preconnect" href="https://strapiapp.com" crossOrigin="anonymous" />
-        <link rel="preconnect" href="https://www.googletagmanager.com" crossOrigin="anonymous" />
-
-        {/* Prevent indexing of development and preview environments */}
-        {(process.env.NEXT_PUBLIC_ENVIRONMENT === 'DEVELOPMENT' ||
-          process.env.NEXT_PUBLIC_ENVIRONMENT === 'PREVIEW') && <meta name="robots" content="noindex" key="robots" />}
-
-        <meta name="description" content={CONFIG.description} key="description" />
-        <link rel="canonical" href={CURRENT_URL} key="canonical" />
-
-        {/* Favicons */}
-        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-        <link rel="icon" type="image/png" href="/favicon-light-mode.png" media="(prefers-color-scheme: light)" />
-        <link rel="icon" type="image/png" href="/favicon-dark-mode.png" media="(prefers-color-scheme: dark)" />
-        <link rel="icon" type="image/png" href="/favicon-dark-mode.png" media="(prefers-color-scheme: no-preference)" />
-        <link rel="manifest" href="/site.webmanifest" />
-        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000" />
-        <meta name="msapplication-TileColor" content="#000000" />
-        <meta name="theme-color" content="#ffffff" />
-
-        <meta key="ogType" property="og:type" content="website" />
-        <meta key="ogTitle" property="og:title" content={CONFIG.title} />
-        <meta key="ogDescription" property="og:description" content={CONFIG.description} />
-        <meta key="ogImage" property="og:image" content={CONFIG.url.root + '/images/og-meta-cowdao.png'} />
-        <meta key="ogUrl" property="og:url" content={CURRENT_URL} />
-        <meta key="twitterCard" name="twitter:card" content="summary_large_image" />
-        <meta key="twitterSite" name="twitter:site" content={CONFIG.social.twitter.account} />
-        <meta key="twitterTitle" name="twitter:title" content={CONFIG.title} />
-        <meta key="twitterImage" name="twitter:image" content={CONFIG.url.root + '/images/og-meta-cowdao.png'} />
-        <meta key="viewport" name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
-      </Head>
-
-      <GlobalStyles />
-      <CacheProvider>
-        <ApolloProvider client={apolloClient}>
-          <WithLDProvider>
-            <ThemeProvider>
-              <CowAnalyticsProvider cowAnalytics={cowAnalytics}>
-                <Component {...pageProps} />
-              </CowAnalyticsProvider>
-            </ThemeProvider>
-          </WithLDProvider>
-        </ApolloProvider>
-      </CacheProvider>
-    </>
-  )
-}
diff --git a/apps/cow-fi/pages/_document.tsx b/apps/cow-fi/pages/_document.tsx
deleted file mode 100644
index d56dec66e6..0000000000
--- a/apps/cow-fi/pages/_document.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import Document, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'
-import { ServerStyleSheet } from 'styled-components/macro'
-
-class MyDocument extends Document {
-  static async getInitialProps(ctx: DocumentContext) {
-    const sheet = new ServerStyleSheet()
-    const originalRenderPage = ctx.renderPage
-
-    try {
-      ctx.renderPage = () =>
-        originalRenderPage({
-          enhanceApp: (App) => (props) => sheet.collectStyles(<App {...props} />),
-        })
-
-      const initialProps = await Document.getInitialProps(ctx)
-      return {
-        ...initialProps,
-        styles: (
-          <>
-            {initialProps.styles}
-            {sheet.getStyleElement()}
-          </>
-        ),
-      }
-    } finally {
-      sheet.seal()
-    }
-  }
-
-  render() {
-    return (
-      <Html>
-        <Head />
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    )
-  }
-}
-
-export default MyDocument
diff --git a/apps/cow-fi/pages/careers/index.tsx b/apps/cow-fi/pages/careers/index.tsx
deleted file mode 100644
index 0f0f2ca79a..0000000000
--- a/apps/cow-fi/pages/careers/index.tsx
+++ /dev/null
@@ -1,212 +0,0 @@
-import { getJobs } from 'services/ashByHq'
-import { GetStaticProps } from 'next'
-import { Font, Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
-
-import Layout from '@/components/Layout'
-import { Link, LinkType } from '@/components/Link'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicTitle,
-  TopicDescription,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  TopicCardInner,
-} from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnCareers } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-  jobsData: any
-}
-
-export default function Page({ siteConfigData, jobsData }: PageProps) {
-  const { title } = siteConfigData
-  const department = 'All'
-
-  const jobsCount = Object.keys(jobsData).reduce((acc, cur) => acc + jobsData[cur].length, 0)
-  const jobsCountForDepartment = department === 'All' ? jobsCount : jobsData[department].length
-
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle={`Careers - ${title}`}
-      metaDescription="We are an ambitious, fast-growing and international team working at the forefront of DeFi. We believe that we can make markets more fair and more efficient by building the ultimate batch auction settlement layer across EVM-compatible blockchains."
-    >
-      <PageWrapper>
-        <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={900} margin="0 auto 56px" marginMobile="0 auto 56px">
-              <SectionTitleIcon size={60}>
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText fontSize={62}>Want to build the future of decentralized trading?</SectionTitleText>
-              <SectionTitleDescription fontSize={24} color={Color.neutral40} fontWeight={Font.weight.regular}>
-                We are an ambitious, fast-growing and international team working at the forefront of DeFi. We believe
-                that we can make markets more fair and more efficient by building the ultimate batch auction settlement
-                layer across EVM-compatible blockchains.
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <SectionTitleWrapper maxWidth={900} margin="0 auto">
-              <SectionTitleText fontSize={32}>
-                We&apos;re currently hiring for {jobsCountForDepartment} position{jobsCountForDepartment > 1 && 's'}
-                {department !== 'All' && ` in ${department}`}:
-              </SectionTitleText>
-            </SectionTitleWrapper>
-
-            {jobsCount < 1 && (
-              <SectionTitleWrapper maxWidth={900} margin="0 auto">
-                <SectionTitleText fontSize={32}>There are currently no open positions.</SectionTitleText>
-              </SectionTitleWrapper>
-            )}
-
-            <TopicList columns={2} columnsTablet={2} maxWidth={900} margin="16px auto 0">
-              {jobsCount > 0 &&
-                (department === 'All'
-                  ? Object.keys(jobsData).map((deptName: string) => (
-                      <>
-                        {jobsData[deptName].map(({ id, title, locationName }: any, index: number) => (
-                          <TopicCard
-                            key={index}
-                            contentAlign={'left'}
-                            bgColor={Color.neutral100}
-                            padding={'32px'}
-                            gap={16}
-                            asProp="div"
-                            height="100%"
-                          >
-                            <TopicCardInner contentAlign="left" contentAlignTablet={'center'} height="100%">
-                              <TopicTitle fontSize={16} color={Color.neutral50}>
-                                {deptName}
-                              </TopicTitle>
-                              <TopicTitle fontSize={34}>{title}</TopicTitle>
-                              <TopicDescription fontSize={18} color={Color.neutral40} margin="0 0 24px">
-                                {locationName}
-                              </TopicDescription>
-                              <Link
-                                external
-                                linkType={LinkType.TopicButton}
-                                href={`https://jobs.ashbyhq.com/cow-dao/${id}`}
-                                utmContent={`job-${title}`}
-                                margin="auto auto 0 0"
-                                marginTablet="auto auto 0"
-                                onClick={() => clickOnCareers(`click-job-${title}`)}
-                              >
-                                Apply
-                              </Link>
-                            </TopicCardInner>
-                          </TopicCard>
-                        ))}
-                      </>
-                    ))
-                  : jobsCount > 0 && (
-                      <>
-                        <h4>{department}</h4>
-                        {jobsData[department].map(({ id, title, locationName }: any, index: number) => (
-                          <TopicCard
-                            key={index}
-                            contentAlign={'left'}
-                            bgColor={Color.neutral100}
-                            padding={'32px'}
-                            gap={16}
-                            asProp="div"
-                          >
-                            <TopicCardInner contentAlign="left">
-                              <TopicTitle>{title}</TopicTitle>
-                              <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                                {locationName}
-                              </TopicDescription>
-                              <Link
-                                external
-                                linkType={LinkType.TopicButton}
-                                href={`https://jobs.ashbyhq.com/cow-dao/${id}`}
-                                utmContent={`job-${title}`}
-                                onClick={() => clickOnCareers(`click-job-${title}`)}
-                              >
-                                Apply
-                              </Link>
-                            </TopicCardInner>
-                          </TopicCard>
-                        ))}
-                      </>
-                    ))}
-
-              <TopicCard
-                bgColor={'#BCEC79'}
-                textColor="#194D05"
-                padding={'32px'}
-                gap={16}
-                asProp="div"
-                height="100%"
-                fullWidth
-              >
-                <TopicCardInner contentAlign="left" height="100%">
-                  <TopicTitle fontSize={34}>💸 Refer a friend and earn up to 6,000 in USDC or USD!</TopicTitle>
-
-                  <TopicDescription fontSize={24} fontWeight={Font.weight.regular} margin="0 0 24px">
-                    Know someone who is looking not just for a job, but for a great opportunity to grow? Refer them to
-                    earn up to $6,000 in USD or USDC.{' '}
-                  </TopicDescription>
-                  <Link
-                    linkType={LinkType.TopicButton}
-                    bgColor="#194D05"
-                    color="#BCEC79"
-                    href="/careers/refer-to-earn"
-                    onClick={() => clickOnCareers(`click-refer-to-earn`)}
-                  >
-                    Refer-to-Earn details
-                  </Link>
-                </TopicCardInner>
-              </TopicCard>
-            </TopicList>
-
-            <SectionTitleWrapper maxWidth={900} margin="32px auto">
-              <SectionTitleText fontSize={24}>
-                {jobsCount < 1 &&
-                  'Currently there are no open positions. Convinced you can contribute to Cow Protocol?'}
-                {jobsCount > 0 && "Can't find the position you're looking for?"}{' '}
-                <a href={CONFIG.social.discord.url} target="_blank" rel="noopener nofollow">
-                  Get in touch
-                </a>
-              </SectionTitleText>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-  console.log('Fetching jobs data...')
-  try {
-    const jobsData = (await getJobs()) || {}
-    console.log('Jobs data fetched:', jobsData)
-    return {
-      props: {
-        siteConfigData,
-        jobsData,
-      },
-      revalidate: DATA_CACHE_TIME_SECONDS,
-    }
-  } catch (error) {
-    console.error('Error fetching jobs data:', error)
-    return {
-      props: {
-        siteConfigData,
-        jobsData: {},
-      },
-      revalidate: DATA_CACHE_TIME_SECONDS,
-    }
-  }
-}
diff --git a/apps/cow-fi/pages/careers/refer-to-earn.tsx b/apps/cow-fi/pages/careers/refer-to-earn.tsx
deleted file mode 100644
index 0e65881231..0000000000
--- a/apps/cow-fi/pages/careers/refer-to-earn.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color } from '@cowprotocol/ui'
-
-import styled from 'styled-components/macro'
-
-import Layout from '@/components/Layout'
-
-import { ContainerCard, ArticleContent, Breadcrumbs, ArticleMainTitle, BodyContent } from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnCareers } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1000px;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 24px;
-`
-
-export default function Page({ siteConfigData }: PageProps) {
-  const { title } = siteConfigData
-
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle={`Refer-to-Earn - ${title}`}
-      metaDescription="Kow someone who is not just looking for a job but for a great opportunity to grow? Refer them to us to earn $6,000 in USDC or USD."
-    >
-      <Wrapper>
-        <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
-          <ArticleContent maxWidth="100%">
-            <Breadcrumbs>
-              <a href="/careers" onClick={() => clickOnCareers('click-breadcrumb-careers')}>
-                Careers
-              </a>
-              <span>Refer-to-Earn</span>
-            </Breadcrumbs>
-
-            <ArticleMainTitle fontSize={52}>Refer-to-Earn</ArticleMainTitle>
-
-            <BodyContent>
-              <h2>
-                Know someone who is not just looking for a job but for a great opportunity to grow? Refer them to us to
-                earn up to $6,000 in USDC or USD.
-              </h2>
-              <p>
-                We will reward you with a referral bonus of up to <b>6,000 USDC or USD</b> per placement. The referral
-                bonus amount can vary for each role. You can find the exact amount listed in the job description on our
-                website at <a href="https://cow.fi/careers">https://cow.fi/careers</a>. Your referral is successful and
-                paid once the Candidate clears <b>their first 6 months</b> of work in their new role.
-              </p>
-
-              <p>
-                Sounds like a long time to wait? Allow us to explain! 😊 At CoW, we prioritize quality and make
-                substantial investments in our people. We consider this our utmost priority and exercise great caution
-                when onboarding new individuals. We genuinely care about ensuring that we bring on board the right
-                people who align with our values and goals.
-                <br />
-                <br />
-                <b>
-                  Have Questions? Ask us at{' '}
-                  <a href="mailto:people@cow.fi" target="_blank" rel="noreferrer">
-                    people@cow.fi
-                  </a>
-                </b>
-              </p>
-
-              <h3>Conditions:</h3>
-              <p>Referrer Eligibility. Who is eligible to participate in this Program?</p>
-              <ul>
-                <li>
-                  Individuals (or entities) who are not currently engaged in providing contracting services to CoW.
-                </li>
-                <li>
-                  Individuals (or entities) who are not affiliated with, employed by, or acting as consultants for
-                  staffing or recruiting agencies or any other third party for CoW at the time of making referrals or
-                  receiving payments for such referrals.
-                </li>
-                <li>Individuals (or entities) must not act against any laws or regulations when participating.</li>
-                <li>The Referrer must provide a proper invoice for payment, complying with Portuguese rules.</li>
-                <li>
-                  This must be the <b>first</b> submission, if the Candidate has previously applied or been referred by
-                  someone else first, the Referrer is not eligible.
-                </li>
-                <li>
-                  If two or more Referrers refer the same Candidate, only the <b>first</b> Referrer provided by such
-                  Candidate will be eligible for the referral bonus. We will let the Referrers know.
-                </li>
-                <li>There is no limit to the number of referrals that a Referrer can make.</li>
-              </ul>
-
-              <h4>Candidates Eligibility</h4>
-              <ul>
-                <li>Any individual (or entity) who is not the Referrer or a current or former contractor of CoW.</li>
-                <li>
-                  Any individual who is not bound by non-compete agreements or any other similar agreements that would
-                  prohibit CoW from engaging with them.
-                </li>
-              </ul>
-
-              <h4>Referral Procedures</h4>
-              <ul>
-                <li>
-                  The referrer should reach out to a CoW core team member or directly contact the People department via
-                  email at <a href="mailto:people@cow.fi">people@cow.fi</a>, LinkedIn, or Telegram. When reaching out,
-                  the Referrer must include the candidate's name, surname, and email or LinkedIn profile. The Referrer
-                  is responsible for ensuring that the Candidate has given consent to share this information.
-                </li>
-                <li>
-                  To apply for a specific role at CoW, <b>Candidates</b> are required to submit their application
-                  through the official website: <a href="https://cow.fi/careers">https://cow.fi/careers</a>.{' '}
-                  <b>
-                    When applying, Candidates must mention the name and email of the person (or entity) who referred
-                    them.
-                  </b>{' '}
-                  Candidates are responsible for ensuring that the Referrer has given consent to share this information.
-                </li>
-                <li>
-                  If a Candidate receives a job offer from CoW and accepts it, CoW will inform the Referrer about the
-                  Candidate&apos;s status and the timeline for the start date. Referrers should not contact CoW
-                  requesting such information.
-                </li>
-                <li>
-                  CoW is not obligated to disclose the reason for rejecting a Candidate to a Referrer or to inform them
-                  if the Candidate was not selected for the next steps in the interview process.
-                </li>
-                <li>Referrers should not directly submit Candidate information to CoW.</li>
-              </ul>
-
-              <h4>Referral bonus and invoice</h4>
-              <ul>
-                <li>
-                  The Referrer becomes eligible to receive the full referral bonus up to six thousand USDC or USD
-                  (6,000) after six (6) months from the Candidate's start date, provided that the Candidate remains
-                  providing services to CoW during this period. The referral bonus amount can vary for each role. You
-                  can find the exact amount listed in the job description on our website at{' '}
-                  <a href="https://cow.fi/careers">https://cow.fi/careers</a>. The Referrer can decide if they want to
-                  be paid in USDC or USD.
-                </li>
-                <li>
-                  The referral bonus is excl. VAT (VAT can be added), but net of any other tax, such as, income tax or
-                  withholding tax.
-                </li>
-                <li>
-                  The referral bonus will be paid to the Referrer within thirty (30) days receiving a legally compliant
-                  invoice (incl. Name, Address and VAT number, either USDC-Ethereum address or IBAN) of the Referrer.
-                </li>
-                <li>
-                  The Referrer assumes full responsibility for any tax obligations arising from the referral bonus.
-                </li>
-              </ul>
-
-              <h4>Miscellaneous Rules</h4>
-              <ul>
-                <li>
-                  Contracting to CoW includes a number of routes, including EORs. Grants (other than core contributors)
-                  are not counted into these routes and Grant recipients are eligible to make referrals.
-                </li>
-                <li>The decision regarding the Candidate&apos;s submission order is based solely on our judgment.</li>
-                <li>
-                  We can terminate this program at any point in time and at our sole discretion, without notice. Of
-                  course, presently referred Candidates remain part of the program.
-                </li>
-                <li>
-                  The conditions of the referral program will be shared via email with the Referrer, and we will require
-                  confirmation by responding to the email once a Candidate accepts a Job Offer. Unfortunately, the
-                  Referrer will not qualify for a bonus if we do not receive this confirmation.
-                </li>
-              </ul>
-            </BodyContent>
-          </ArticleContent>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-
-  return {
-    props: {
-      siteConfigData,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/cow-amm.tsx b/apps/cow-fi/pages/cow-amm.tsx
deleted file mode 100644
index 6966e5132b..0000000000
--- a/apps/cow-fi/pages/cow-amm.tsx
+++ /dev/null
@@ -1,382 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
-import IMG_ICON_CROWN_COW from '@cowprotocol/assets/images/icon-crown-cow.svg'
-import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
-import IMG_COWAMM_HERO from '@cowprotocol/assets/images/image-cowamm-hero.svg'
-import IMG_COWAMM_RAISING from '@cowprotocol/assets/images/image-cowamm-raising.svg'
-import IMG_COWAMM_PASSIVE from '@cowprotocol/assets/images/image-cowamm-passive.svg'
-import IMG_COWAMM_REKT from '@cowprotocol/assets/images/image-cowamm-rekt.svg'
-
-import Layout from '@/components/Layout'
-import FAQ from '@/components/FAQ'
-import { Link, LinkType } from '@/components/Link'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  TopicTitle,
-  TopicDescription,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  TopicCardInner,
-  HeroContainer,
-  HeroImage,
-  HeroDescription,
-  HeroContent,
-  HeroTitle,
-  HeroSubtitle,
-  MetricsCard,
-  MetricsItem,
-} from '@/styles/styled'
-
-import LazySVG from '@/components/LazySVG'
-import IMG_ICON_FAQ from '@cowprotocol/assets/images/icon-faq.svg'
-
-import { FAQ_DATA, QUOTES, LVR_CONTENT, COW_AMM_CONTENT } from '@/data/cow-amm/const'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnCowAmm } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-export default function Page() {
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="CoW AMM - The first MEV-capturing AMM, now live on Balancer"
-      metaDescription="CoW AMM protects LPs from LVR so they can provide liquidity with less risk and more return"
-      ogImage={CONFIG.ogImageCOWAMM}
-    >
-      <PageWrapper>
-        <HeroContainer variant="secondary" maxWidth={1300}>
-          <HeroContent variant="secondary">
-            <HeroSubtitle color={'#194D05'}>CoW AMM</HeroSubtitle>
-            <HeroTitle>The first MEV-capturing AMM, now live on Balancer</HeroTitle>
-            <HeroDescription>
-              CoW AMM protects LPs from LVR so they can provide liquidity with less risk and more return
-            </HeroDescription>
-            <Link
-              bgColor={'#194D05'}
-              color={'#BCEC79'}
-              href="https://balancer.fi/pools/cow"
-              external
-              linkType={LinkType.HeroButton}
-              utmContent={'cow-amm-hero-button-lp-on-cow-amm'}
-              onClick={() => clickOnCowAmm('click-lp-on-cow-amm')}
-            >
-              LP on CoW AMM ↗
-            </Link>
-          </HeroContent>
-          <HeroImage width={470} height={470} color={'#194D05'} marginMobile="24px auto 56px">
-            <LazySVG src={IMG_COWAMM_HERO} />
-          </HeroImage>
-        </HeroContainer>
-
-        <MetricsCard bgColor={Color.neutral100} color="#194D05" columns={3} touchFooter>
-          <MetricsItem dividerColor="#9BD955">
-            <h2>4.75%</h2>
-            <p>more TVL achieved than reference pool (beta phase)</p>
-          </MetricsItem>
-          <MetricsItem dividerColor="#9BD955">
-            <h2>$11M+</h2>
-            <p>liquidity protected from LVR</p>
-          </MetricsItem>
-          <MetricsItem>
-            <h2>$90K+</h2>
-            <p>surplus captured for LPs (beta phase)</p>
-          </MetricsItem>
-
-          <Link
-            bgColor="transparent"
-            color="#194D05"
-            margin="56px auto 0"
-            gridFullWidth
-            href="https://dune.com/cowprotocol/cow-amms-v2"
-            external
-            linkType={LinkType.SectionTitleButton}
-            utmContent={'cow-amm-metrics-button-view-all'}
-            onClick={() => clickOnCowAmm('click-view-all-metrics')}
-          >
-            View all metrics on DUNE &#8599;
-          </Link>
-        </MetricsCard>
-
-        <ContainerCard bgColor={Color.neutral10}>
-          <ContainerCardSection>
-            <SectionTitleWrapper color={Color.neutral100} maxWidth={1100} gap={56}>
-              <SectionTitleIcon size={98}>
-                <LazySVG src={IMG_ICON_CROWN_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>AMMs don&apos;t want you to know about LVR</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
-              {LVR_CONTENT.map((content, index) => (
-                <TopicCard
-                  key={index}
-                  columns="1fr auto"
-                  columnsTablet="1fr"
-                  gap={100}
-                  horizontal
-                  asProp="div"
-                  bgColor={content.bgColor}
-                  paddingMobile="0"
-                >
-                  <TopicCardInner contentAlign="left">
-                    <TopicDescription fontSize={28} color={Color.neutral95}>
-                      {content.description1}
-                    </TopicDescription>
-                    <TopicDescription fontSize={21} color={Color.neutral50}>
-                      <sup>1</sup> {content.description2}
-                    </TopicDescription>
-                  </TopicCardInner>
-                  <TopicImage
-                    iconColor="transparent"
-                    width={590}
-                    height={590}
-                    heightMobile={300}
-                    orderReverseMobile
-                    orderReverseTablet
-                    borderRadius={90}
-                  >
-                    <LazySVG src={content.image} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0" marginMobile="0 auto" maxWidth={1170} color={Color.neutral10}>
-              <SectionTitleIcon size={128}>
-                <LazySVG src={IMG_ICON_BULB_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText textAlign="center">Finally, an AMM designed with LPs in mind</SectionTitleText>
-              <SectionTitleDescription textAlign="center">
-                CoW AMM eliminates LVR once and for all by using batch auctions to send surplus to LPs
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <TopicList columns={4} columnsTablet={2}>
-              {COW_AMM_CONTENT.map((content, index) => (
-                <TopicCard
-                  key={index}
-                  gap={0}
-                  contentAlign="left"
-                  bgColor={content.bgColor}
-                  textColor={content.textColor}
-                  padding="24px"
-                  asProp="div"
-                >
-                  <TopicCardInner contentAlign="left">
-                    <TopicDescription fontSize={21} fontSizeMobile={21}>
-                      <b>{index + 1}.</b>
-                      <br />
-                      {content.description}
-                    </TopicDescription>
-                  </TopicCardInner>
-                  <TopicImage
-                    iconColor="transparent"
-                    bgColor="transparent"
-                    height="auto"
-                    width="100%"
-                    margin="auto 0 0 auto"
-                  >
-                    <LazySVG src={content.image} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral100}>
-          <ContainerCardSection>
-            <SectionTitleWrapper color={Color.neutral10} maxWidth={1100} gap={56}>
-              <SectionTitleIcon size={98}>
-                <LazySVG src={IMG_ICON_CROWN_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>
-                Raising the <s>bar</s> curve
-              </SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
-              <TopicCard
-                columns="1fr auto"
-                columnsTablet="1fr"
-                gap={100}
-                horizontal
-                asProp="div"
-                bgColor="transparent"
-                paddingMobile="0"
-              >
-                <TopicCardInner contentAlign="left">
-                  <TopicDescription fontSize={28}>
-                    CoW AMM LPs don't have to worry about LVR, which costs CF-AMM LPs 5-7% of their liquidity, on
-                    average.
-                    <br />
-                    <br />
-                    Backtesting research conducted over 6 months in 2023 shows that CoW AMM returns would have equalled
-                    or outperformed CF-AMM returns for 10 of the 11 most liquid, non-stablecoin pairs.
-                  </TopicDescription>
-                </TopicCardInner>
-                <TopicImage
-                  iconColor="transparent"
-                  width={550}
-                  height={550}
-                  heightMobile={300}
-                  orderReverseMobile
-                  orderReverseTablet
-                  borderRadius={32}
-                >
-                  <LazySVG src={IMG_COWAMM_RAISING} />
-                </TopicImage>
-              </TopicCard>
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper color={Color.neutral10} maxWidth={1100} gap={56}>
-              <SectionTitleIcon size={128}>
-                <LazySVG src={IMG_ICON_BULB_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>CoW AMM benefits LPs of all types</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
-              <TopicCard
-                columns="1fr auto"
-                columnsTablet="1fr"
-                gap={100}
-                horizontal
-                asProp="div"
-                bgColor="transparent"
-                paddingMobile="0"
-              >
-                <TopicImage
-                  iconColor="transparent"
-                  width={500}
-                  height={500}
-                  heightMobile={300}
-                  orderReverseMobile
-                  orderReverseTablet
-                  borderRadius={32}
-                >
-                  <LazySVG src={IMG_COWAMM_REKT} />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle fontSize={52}>Provide liquidity for your token without getting rekt</TopicTitle>
-                  <TopicDescription fontSize={24} color={Color.neutral50}>
-                    Healthy liquidity for DAO tokens reduces price impact, encourages investment and discourages
-                    volatility. But DAOs can be reluctant to provide liquidity with treasury funds when their pools can
-                    be exploited by arbitrageurs. CoW AMM makes providing liquidity more attractive to DAOs of all
-                    sizes.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard
-                columns="1fr auto"
-                columnsTablet="1fr"
-                gap={100}
-                horizontal
-                asProp="div"
-                bgColor="transparent"
-                paddingMobile="0"
-              >
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle fontSize={52}>Unlock the power of passive income while reducing risk</TopicTitle>
-                  <TopicDescription fontSize={24} color={Color.neutral50}>
-                    With LVR in the rear view mirror, providing liquidity becomes identical to running a passive
-                    investment strategy: solvers rebalance the pool at the correct market price to keep the value of its
-                    reserves equal, thereby keeping portfolios balanced and reducing risk. On top of that, liquidity
-                    providers earn surplus when they trade with CoW Protocol traders.
-                  </TopicDescription>
-                </TopicCardInner>
-                <TopicImage
-                  iconColor="transparent"
-                  width={500}
-                  height={500}
-                  heightMobile={300}
-                  orderReverseMobile
-                  orderReverseTablet
-                  borderRadius={32}
-                >
-                  <LazySVG src={IMG_COWAMM_PASSIVE} />
-                </TopicImage>
-              </TopicCard>
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 56px">
-              <SectionTitleIcon size={82}>
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText>Trust the experts</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2}>
-              {QUOTES.map((quote, index) => (
-                <TopicCard
-                  key={index}
-                  contentAlign="left"
-                  bgColor={quote.bgColor}
-                  textColor={quote.textColor}
-                  padding="24px"
-                  asProp="div"
-                >
-                  <TopicCardInner height="100%" contentAlign="left" gap={52}>
-                    <TopicTitle fontSize={28}>{quote.title}</TopicTitle>
-                    <TopicDescription margin="auto 0 0" fontSize={21}>
-                      {quote.description}
-                    </TopicDescription>
-                  </TopicCardInner>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
-          <ContainerCardSection padding={'0 0 100px'}>
-            <SectionTitleWrapper>
-              <SectionTitleIcon size={62}>
-                <LazySVG src={IMG_ICON_FAQ} />
-              </SectionTitleIcon>
-              <SectionTitleText>FAQs</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <FAQ faqs={FAQ_DATA} />
-          </ContainerCardSection>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-
-  return {
-    props: {
-      siteConfigData,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/cow-protocol.tsx b/apps/cow-fi/pages/cow-protocol.tsx
deleted file mode 100644
index 55b08c7c88..0000000000
--- a/apps/cow-fi/pages/cow-protocol.tsx
+++ /dev/null
@@ -1,590 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
-import IMG_ICON_CROWN_COW from '@cowprotocol/assets/images/icon-crown-cow.svg'
-import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
-import IMG_ICON_BUILD_WITH_COW from '@cowprotocol/assets/images/icon-build-with-cow.svg'
-import IMG_ICON_SECURE from '@cowprotocol/assets/images/icon-secure.svg'
-import IMG_ICON_OWL from '@cowprotocol/assets/images/icon-owl.svg'
-import IMG_ICON_GHOST from '@cowprotocol/assets/images/icon-ghost.svg'
-import IMG_LOGO_SAFE from '@cowprotocol/assets/images/icon-logo-safe.svg'
-import IMG_LOGO_LIDO from '@cowprotocol/assets/images/icon-logo-lido.svg'
-import IMG_LOGO_CURVE from '@cowprotocol/assets/images/icon-logo-curve.svg'
-import IMG_INTENTS from '@cowprotocol/assets/images/image-intents.svg'
-import IMG_SOLVERS from '@cowprotocol/assets/images/image-solvers.svg'
-import IMG_BATCHAUCTIONS from '@cowprotocol/assets/images/image-batchauctions.svg'
-import IMG_COW_LENS from '@cowprotocol/assets/images/icon-cow-lens.svg'
-import IMG_COW_BITS from '@cowprotocol/assets/images/image-cow-bits.svg'
-import IMG_LEADING from '@cowprotocol/assets/images/image-leading.svg'
-
-import Layout from '@/components/Layout'
-import FAQ from '@/components/FAQ'
-import { Link, LinkType } from '@/components/Link'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  TopicTitle,
-  TopicDescription,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  TopicCardInner,
-  HeroContainer,
-  HeroImage,
-  HeroDescription,
-  HeroContent,
-  HeroTitle,
-  HeroSubtitle,
-  MetricsCard,
-  MetricsItem,
-  SectionImage,
-} from '@/styles/styled'
-
-import LazySVG from '@/components/LazySVG'
-import IMG_ICON_FAQ from '@cowprotocol/assets/images/icon-faq.svg'
-
-import {
-  FAQ_DATA,
-  TOP_LOGOS,
-  CASE_STUDIES,
-  ALL_LOGOS,
-  ADVANCED_ORDER_TYPES,
-  UNIQUE_TRADING_LOGIC,
-  COW_PROTOCOL_SECTIONS,
-} from '@/data/cow-protocol/const'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnCowProtocol } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-export default function Page() {
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="CoW Protocol - Do what you want, build what you want"
-      metaDescription="CoW Protocol has the largest solver competition and the most advanced developer framework - so you can build any DEX-related action you can imagine"
-      ogImage={CONFIG.ogImageCOWPROTOCOL}
-    >
-      <PageWrapper>
-        <HeroContainer variant="secondary">
-          <HeroContent variant="secondary">
-            <HeroSubtitle color={'#66018E'}>CoW Protocol</HeroSubtitle>
-            <HeroTitle maxWidth={520}>Do what you want, build what you want</HeroTitle>
-            <HeroDescription>
-              CoW Protocol has the largest solver competition and the most advanced developer framework - so you can
-              build any DeFi-related action you can imagine
-            </HeroDescription>
-            <Link
-              bgColor={'#66018E'}
-              color={'#F996EE'}
-              href="https://docs.cow.fi/category/tutorials"
-              external
-              linkType={LinkType.HeroButton}
-              onClick={() => clickOnCowProtocol('click-hero-start-building')}
-            >
-              Start building
-            </Link>
-          </HeroContent>
-          <HeroImage width={470} height={470} color={'#66018E'}>
-            <LazySVG src={IMG_COW_BITS} />
-          </HeroImage>
-        </HeroContainer>
-
-        <MetricsCard bgColor="#F996EE" color="#66018E" columns={3} touchFooter>
-          <MetricsItem dividerColor="#ED60E9">
-            <h2>23</h2>
-            <p>active solvers settling batches</p>
-          </MetricsItem>
-          <MetricsItem dividerColor="#ED60E9">
-            <h2>#1</h2>
-            <p>intent-based DEX protocol by volume</p>
-          </MetricsItem>
-
-          <MetricsItem>
-            <h2>1.2B+</h2>
-            <p>all time transactions</p>
-          </MetricsItem>
-
-          <Link
-            bgColor="transparent"
-            color="#66018E"
-            margin="24px auto 0"
-            gridFullWidth
-            href="https://dune.com/cowprotocol/cowswap"
-            external
-            linkType={LinkType.SectionTitleButton}
-            utmContent="cow-protocol-metrics"
-            onClick={() => clickOnCowProtocol('click-metrics-view-all')}
-          >
-            View all metrics on DUNE &#8599;
-          </Link>
-        </MetricsCard>
-
-        <ContainerCard bgColor={Color.neutral98}>
-          <ContainerCardSection>
-            <SectionTitleWrapper color={Color.neutral0} maxWidth={700} gap={56}>
-              <SectionTitleIcon size={82}>
-                <LazySVG src={IMG_ICON_CROWN_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>The leading intents-based DEX aggregation protocol</SectionTitleText>
-              <SectionTitleDescription maxWidth={900} color={Color.neutral50}>
-                CoW Protocol leverages intents, batch auctions, and the largest solver network in DeFi to bring
-                surplus-capturing, MEV-protected trades to users
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-            <SectionImage>
-              <LazySVG src={IMG_LEADING} />
-            </SectionImage>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper>
-              <SectionTitleIcon size={132}>
-                <LazySVG src={IMG_COW_LENS} />
-              </SectionTitleIcon>
-              <SectionTitleText>How it works</SectionTitleText>
-              <SectionTitleDescription maxWidth={900} color={Color.neutral50}>
-                CoW Protocol hosts a continuous competition between solvers to find better prices and protect users from
-                MEV
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <TopicList columns={1} columnsTablet={1} maxWidth={1470}>
-              <TopicCard columns="repeat(2, 1fr)" columnsTablet="1fr" gap={100} horizontal asProp="div">
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle fontSize={51}>Intents</TopicTitle>
-                  <TopicDescription fontSize={28} color={Color.neutral50}>
-                    CoW Protocol users sign an "intent to trade" message instead of directly executing orders on-chain
-                    (like on Uniswap). This lets solvers trade on behalf of the user.
-                  </TopicDescription>
-                  <Link
-                    bgColor="#66018E"
-                    color="#F996EE"
-                    href="/learn"
-                    onClick={() => clickOnCowProtocol('click-intents-learn-more')}
-                    linkType={LinkType.TopicButton}
-                  >
-                    Learn more
-                  </Link>
-                </TopicCardInner>
-                <TopicImage
-                  iconColor="transparent"
-                  width={590}
-                  height={590}
-                  heightMobile={'auto'}
-                  widthMobile={'100%'}
-                  orderReverseMobile
-                  orderReverseTablet
-                  borderRadius={90}
-                >
-                  <LazySVG src={IMG_INTENTS} />
-                </TopicImage>
-              </TopicCard>
-
-              <TopicCard columns="1fr auto" columnsTablet="1fr" gap={100} horizontal asProp="div">
-                <TopicImage
-                  iconColor="transparent"
-                  width={590}
-                  height={590}
-                  heightMobile={'auto'}
-                  widthMobile={'100%'}
-                  orderReverseMobile
-                  orderReverseTablet
-                  borderRadius={90}
-                >
-                  <LazySVG src={IMG_SOLVERS} />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle fontSize={51}>Solvers</TopicTitle>
-                  <TopicDescription fontSize={28} color={Color.neutral50}>
-                    Professional third parties known as solvers find the most optimal trade path from a combination of
-                    public and private liquidity sources - finding better prices than most users could find on their
-                    own.
-                  </TopicDescription>
-                  <Link
-                    bgColor="#66018E"
-                    color="#F996EE"
-                    href="/learn"
-                    onClick={() => clickOnCowProtocol('click-solvers-learn-more')}
-                    linkType={LinkType.TopicButton}
-                  >
-                    Learn more
-                  </Link>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard columns="1fr auto" columnsTablet="1fr" gap={100} horizontal asProp="div">
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle fontSize={51}>Batch Auctions</TopicTitle>
-                  <TopicDescription fontSize={28} color={Color.neutral50}>
-                    Solvers compete for the right to settle trades in batches, which give users additional MEV
-                    protection and allow for Coincidence of Wants.
-                    <br />
-                    <br />
-                    The solver that wins the batch auction is the solver that finds the most surplus - so they win when
-                    you win.
-                  </TopicDescription>
-                  <Link
-                    bgColor="#66018E"
-                    color="#F996EE"
-                    href="/learn"
-                    linkType={LinkType.TopicButton}
-                    onClick={() => clickOnCowProtocol('click-batch-auctions-learn-more')}
-                  >
-                    Learn more
-                  </Link>
-                </TopicCardInner>
-                <TopicImage
-                  iconColor="transparent"
-                  width={590}
-                  height={590}
-                  heightMobile={'auto'}
-                  widthMobile={'100%'}
-                  orderReverseMobile
-                  borderRadius={90}
-                >
-                  <LazySVG src={IMG_BATCHAUCTIONS} />
-                </TopicImage>
-              </TopicCard>
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral0} color={Color.neutral98}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0">
-              <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
-              <SectionTitleText>Going where others can&apos;t</SectionTitleText>
-              <SectionTitleDescription color={Color.neutral60}>
-                Thanks to its unique architecture, CoW Protocol can do things other DEXs can&apos;t
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <SectionTitleWrapper padding="50px 0">
-              <SectionTitleText>Advanced order types</SectionTitleText>
-            </SectionTitleWrapper>
-            <TopicList columns={3} columnsTablet={2}>
-              {ADVANCED_ORDER_TYPES.map((topic) => (
-                <TopicCard
-                  key={topic.title}
-                  contentAlign="left"
-                  bgColor={topic.bgColor}
-                  textColor={topic.textColor}
-                  padding="32px"
-                  asProp="div"
-                >
-                  <TopicCardInner contentAlign="left">
-                    <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
-                    <TopicDescription fontSize={21} color={topic.textColor}>
-                      {topic.description}
-                    </TopicDescription>
-                  </TopicCardInner>
-                  <TopicImage
-                    iconColor="transparent"
-                    bgColor="transparent"
-                    margin="auto 0 0 auto"
-                    height="auto"
-                    width="100%"
-                  >
-                    <LazySVG src={topic.imageSrc} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-
-            <SectionTitleWrapper padding="150px 0 50px">
-              <SectionTitleText textAlign="center">Unique trading logic</SectionTitleText>
-            </SectionTitleWrapper>
-            <TopicList columns={3} columnsTablet={2}>
-              {UNIQUE_TRADING_LOGIC.map((topic) => (
-                <TopicCard
-                  key={topic.title}
-                  contentAlign="left"
-                  bgColor={topic.bgColor}
-                  textColor={topic.textColor}
-                  padding="32px"
-                  asProp="div"
-                >
-                  <TopicCardInner contentAlign="left">
-                    <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
-                    <TopicDescription fontSize={21} color={topic.textColor}>
-                      {topic.description}
-                    </TopicDescription>
-                  </TopicCardInner>
-                  <TopicImage
-                    iconColor="transparent"
-                    bgColor="transparent"
-                    margin="auto 0 0 auto"
-                    height="auto"
-                    width="100%"
-                  >
-                    <LazySVG src={topic.imageSrc} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={878} color={Color.neutral10}>
-              <SectionTitleIcon size={128}>
-                <LazySVG src={IMG_ICON_BULB_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText textAlign="center">Powering innovation across DeFi</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2}>
-              <TopicCard contentAlign={'left'} bgColor="#66018E" textColor="#F996EE" padding={'32px'} asProp="div">
-                <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
-                  <LazySVG src={IMG_LOGO_CURVE} />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle color={Color.neutral100}>Automating advanced treasury tasks</TopicTitle>
-                  <TopicDescription fontSize={21} color="#F996EE">
-                    Curve uses programmatic orders from CoW Protocol to streamline their fee burning processes. With the
-                    integration in place, Curve can take fees in any token and convert them automatically to CRV, while
-                    generating surplus and protecting themselves from MEV
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor="#66018E" textColor="#F996EE" padding={'32px'} asProp="div">
-                <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
-                  <LazySVG src={IMG_LOGO_LIDO} />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle color={Color.neutral100}>Adding security to sensitive transactions</TopicTitle>
-                  <TopicDescription fontSize={21} color="#F996EE">
-                    Lido leverages programmatic orders as the backbone of “stonks” - a set of smart contracts that they
-                    use to manage treasury ops smoothly and securely without taking custody of funds. Stonks allows Lido
-                    DAO to "set and forget" complex trade intents without compromising the prices they receive on future
-                    swaps - minimizing time spent and human error
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor="#66018E" textColor="#F996EE" padding={'32px'} asProp="div">
-                <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
-                  <LazySVG src={IMG_LOGO_SAFE} />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle color={Color.neutral100}>Powering native swaps</TopicTitle>
-                  <TopicDescription fontSize={21} color="#F996EE">
-                    Safe chose CoW Protocol to power native swaps on the Safe app. The team chose to build on top of the
-                    CoW widget (the simplest way to integrate CoW Protocol) and is now earning revenue by offering
-                    MEV-protected swaps to its users
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0">
-              <SectionTitleIcon multiple size={60}>
-                <LazySVG src={IMG_ICON_OWL} />
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
-                <LazySVG src={IMG_ICON_GHOST} />
-              </SectionTitleIcon>
-              <SectionTitleText>Trusted by the best</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3}>
-              {TOP_LOGOS.map((logo) => (
-                <TopicCard
-                  key={logo.url}
-                  contentAlign={'center'}
-                  bgColor={Color.neutral100}
-                  padding={'42px'}
-                  href={`${logo.url}?utm_source=cow.fi&utm_medium=web&utm_content=cow-protocol-logos`}
-                  target="_blank"
-                  rel="noopener noreferrer nofollow"
-                  onClick={() => clickOnCowProtocol(`click-logo-${logo.alt}`)}
-                >
-                  <TopicImage
-                    iconColor={Color.neutral20}
-                    bgColor={'transparent'}
-                    width={'100%'}
-                    height={54}
-                    margin={'auto'}
-                  >
-                    <LazySVG src={logo.src} title={logo.alt} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-
-              {CASE_STUDIES.map((study) => (
-                <TopicCard key={study.link} bgColor={Color.neutral100} padding={'52px'} gap={16} asProp="div">
-                  <TopicImage iconColor="#8702AA" bgColor="transparent" height={96} width={'auto'}>
-                    <LazySVG src={study.logo} />
-                  </TopicImage>
-                  <TopicCardInner>
-                    <TopicTitle fontSize={38}>{study.title}</TopicTitle>
-                    <TopicDescription fontSize={21}>{study.description}</TopicDescription>
-                    <Link
-                      bgColor="#490072"
-                      color="#F996EE"
-                      fontSize={27}
-                      href={study.link}
-                      external
-                      linkType={LinkType.TopicButton}
-                      utmContent={`cow-protocol-case-study-${study.title}`}
-                      onClick={() => clickOnCowProtocol(`click-case-study-${study.title}`)}
-                    >
-                      Read more
-                    </Link>
-                  </TopicCardInner>
-                </TopicCard>
-              ))}
-            </TopicList>
-
-            <TopicList columns={4} columnsTablet={2}>
-              {ALL_LOGOS.map((logo) => (
-                <TopicCard
-                  key={logo.url}
-                  contentAlign={'center'}
-                  bgColor={Color.neutral100}
-                  padding={'42px'}
-                  href={`${logo.url}?utm_source=cow.fi&utm_medium=web&utm_content=cow-protocol-logos`}
-                  target="_blank"
-                  rel="noopener noreferrer nofollow"
-                  onClick={() => clickOnCowProtocol(`click-logo-${logo.alt}`)}
-                >
-                  <TopicImage
-                    iconColor={Color.neutral20}
-                    bgColor={'transparent'}
-                    width={90}
-                    height={90}
-                    margin={'auto'}
-                  >
-                    <LazySVG src={logo.src} title={logo.alt} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper color={Color.neutral10} maxWidth={1100}>
-              <SectionTitleIcon size={78}>
-                <LazySVG src={IMG_ICON_BUILD_WITH_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>Build with CoW Protocol</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2}>
-              {COW_PROTOCOL_SECTIONS.map((topic) => (
-                <TopicCard
-                  key={topic.title}
-                  contentAlign="left"
-                  bgColor={topic.bgColor}
-                  textColor={topic.textColor}
-                  padding="32px"
-                  asProp="div"
-                >
-                  <TopicCardInner contentAlign="left">
-                    <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
-                    <TopicDescription fontSize={21} color={topic.textColor} minHeight={220}>
-                      {topic.description}
-                    </TopicDescription>
-                    <Link
-                      bgColor={topic.textColor}
-                      color={topic.bgColor}
-                      fontSize={27}
-                      fontSizeMobile={24}
-                      href={topic.linkHref}
-                      linkType={LinkType.TopicButton}
-                      onClick={() => clickOnCowProtocol(topic.linkEvent)}
-                      utmContent={topic.linkUtmContent}
-                      external={topic.linkHref.startsWith('http')}
-                    >
-                      {topic.linkText}
-                    </Link>
-                  </TopicCardInner>
-                  <TopicImage iconColor="#8702AA" bgColor="transparent" margin="0 0 0 auto" height={187} width="auto">
-                    <LazySVG src={topic.imageSrc} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={1000}>
-              <SectionTitleIcon size={100}>
-                <LazySVG src={IMG_ICON_SECURE} />
-              </SectionTitleIcon>
-              <SectionTitleText textAlign="center">Want to build a solver?</SectionTitleText>
-              <SectionTitleDescription fontSize={28} color={Color.neutral30}>
-                Solvers are the backbone of CoW Protocol. In a nutshell, solvers are optimization algorithms that
-                compete to find CoW Protocol users the best possible settlements for their trade intents.
-                <br />
-                <br />
-                Advanced solver teams can earn hundreds of thousands of dollars per year by winning batch auctions
-                frequently.
-                <br />
-                <br />
-                Learn more about building a solver by reading the CoW Protocol docs.
-              </SectionTitleDescription>
-
-              <Link
-                bgColor="#66018E"
-                color="#F996EE"
-                href="https://docs.cow.fi/cow-protocol/tutorials/solvers"
-                external
-                linkType={LinkType.SectionTitleButton}
-                utmContent="cow-protocol-solvers"
-                margin="28px 0 0"
-                onClick={() => clickOnCowProtocol(`click-solvers-read-docs`)}
-              >
-                Read the docs
-              </Link>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
-          <ContainerCardSection>
-            <SectionTitleWrapper>
-              <SectionTitleIcon size={62}>
-                <LazySVG src={IMG_ICON_FAQ} />
-              </SectionTitleIcon>
-              <SectionTitleText>FAQs</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <FAQ faqs={FAQ_DATA} />
-          </ContainerCardSection>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-
-  return {
-    props: {
-      siteConfigData,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/cow-swap.tsx b/apps/cow-fi/pages/cow-swap.tsx
deleted file mode 100644
index b52f4578c3..0000000000
--- a/apps/cow-fi/pages/cow-swap.tsx
+++ /dev/null
@@ -1,439 +0,0 @@
-import { useEffect, useRef } from 'react'
-
-import { GetStaticProps } from 'next'
-import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
-
-import IMG_ICON_UNICORN from '@cowprotocol/assets/images/icon-unicorn.svg'
-import IMG_ICON_FLOWER_COW from '@cowprotocol/assets/images/icon-flower-cow.svg'
-import IMG_COWSWAP_HERO from '@cowprotocol/assets/images/image-cowswap-hero.svg'
-import ICON_BULB from '@cowprotocol/assets/images/icon-bulb-cow.svg'
-
-import Layout from '@/components/Layout'
-import FAQ from '@/components/FAQ'
-import { Link, LinkType } from '@/components/Link'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  TopicTitle,
-  TopicDescription,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  TopicCardInner,
-  HeroContainer,
-  HeroImage,
-  HeroDescription,
-  HeroContent,
-  HeroTitle,
-  HeroSubtitle,
-  MetricsCard,
-  MetricsItem,
-} from '@/styles/styled'
-
-import LazySVG from '@/components/LazySVG'
-import IMG_ICON_FAQ from '@cowprotocol/assets/images/icon-faq.svg'
-import { FAQ_DATA, TWEETS, COW_IS_DIFFERENT, ADVANCED_ORDER_TYPES, BETTER_UX } from '@/data/cow-swap/const'
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import LazyLoadTweet from '@/components/LazyLoadTweet'
-import { clickOnCowSwap } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-  tweets: string[]
-}
-
-export default function Page({ tweets }: PageProps) {
-  const tweetSectionRef = useRef<HTMLDivElement>(null)
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries[0].isIntersecting) {
-          const script = document.createElement('script')
-          script.src = 'https://platform.twitter.com/widgets.js'
-          script.async = true
-          document.head.appendChild(script)
-          observer.disconnect()
-        }
-      },
-      { rootMargin: '100px' },
-    )
-
-    if (tweetSectionRef.current) {
-      observer.observe(tweetSectionRef.current)
-    }
-
-    return () => {
-      observer.disconnect()
-    }
-  }, [])
-
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="CoW Swap - Don't worry, trade happy"
-      metaDescription="CoW Swap protects traders from the dangers of DeFi, so you can do what you want without needing to worry"
-      ogImage={CONFIG.ogImageCOWSWAPP}
-    >
-      <PageWrapper>
-        <HeroContainer variant="secondary">
-          <HeroContent variant="secondary">
-            <HeroSubtitle color={'#012F7A'}>CoW Swap</HeroSubtitle>
-            <HeroTitle>
-              Don't worry,
-              <br /> trade happy
-            </HeroTitle>
-            <HeroDescription>
-              CoW Swap protects traders from the dangers of DeFi, so you can do what you want without needing to worry
-            </HeroDescription>
-            <Link
-              bgColor={'#012F7A'}
-              color={'#65D9FF'}
-              href="https://swap.cow.fi/"
-              external
-              linkType={LinkType.HeroButton}
-              utmContent="cow-swap-launch-app-button"
-              onClick={() => clickOnCowSwap('click-launch-app')}
-            >
-              Launch app
-            </Link>
-          </HeroContent>
-          <HeroImage width={470} height={470} color={'#012F7A'} marginMobile="24px auto 56px">
-            <LazySVG src={IMG_COWSWAP_HERO} />
-          </HeroImage>
-        </HeroContainer>
-
-        <MetricsCard bgColor="#65D9FF" color="#012F7A" columns={3} touchFooter>
-          <MetricsItem dividerColor="#005EB7">
-            <h2>#1</h2>
-            <p>retention rate of all major DEXs</p>
-          </MetricsItem>
-          <MetricsItem dividerColor="#005EB7">
-            <h2>$44B+</h2>
-            <p>total volume traded</p>
-          </MetricsItem>
-          <MetricsItem>
-            <h2>$238M+</h2>
-            <p>surplus found for users</p>
-          </MetricsItem>
-
-          <Link
-            bgColor="transparent"
-            color="#012F7A"
-            margin="24px auto 0"
-            gridFullWidth
-            href="https://dune.com/cowprotocol/cowswap"
-            external
-            linkType={LinkType.SectionTitleButton}
-            utmContent="cow-swap-metrics-link"
-            onClick={() => clickOnCowSwap('click-metrics-link')}
-          >
-            View all metrics on DUNE &#8599;
-          </Link>
-        </MetricsCard>
-
-        <ContainerCard bgColor={Color.neutral100}>
-          <ContainerCardSection gap={90}>
-            <SectionTitleWrapper color={Color.neutral10} maxWidth={1100} gap={56}>
-              <SectionTitleIcon multiple size={82}>
-                <LazySVG src={IMG_ICON_UNICORN} />
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
-                <LazySVG src={IMG_ICON_UNICORN} className="image-reverse" />
-              </SectionTitleIcon>
-
-              <SectionTitleText>CoW Swap is different</SectionTitleText>
-              <SectionTitleDescription maxWidth={900} color={Color.neutral50}>
-                Unlike other exchanges, CoW Swap is built around frequent batch auctions, which are designed to find the
-                best liquidity at any point in time and protect you from MEV
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2}>
-              {COW_IS_DIFFERENT.map((topic, index) => (
-                <TopicCard key={index} contentAlign={'left'} bgColor={topic.bgColor} padding={'32px'} asProp="div">
-                  <TopicCardInner contentAlign="left">
-                    <TopicDescription fontSize={topic.fontSize} color={topic.color}>
-                      {topic.description}
-                    </TopicDescription>
-                  </TopicCardInner>
-                  <TopicImage
-                    iconColor={'transparent'}
-                    bgColor="transparent"
-                    margin={'auto 0 0 auto'}
-                    height={187}
-                    width={'auto'}
-                  >
-                    <LazySVG src={topic.imgSrc} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={800}>
-              <SectionTitleIcon size={126}>
-                <LazySVG src={ICON_BULB} />
-              </SectionTitleIcon>
-              <SectionTitleText>CoW Swap is the first user interface built on top of CoW Protocol</SectionTitleText>
-              <SectionTitleDescription color={Color.neutral50}>
-                A powerful, open-source, and permissionless DEX aggregation protocol that anyone can integrate for a
-                variety of DeFi purposes
-              </SectionTitleDescription>
-              <Link
-                bgColor="#65D9FF"
-                color="#012F7A"
-                href="/cow-protocol"
-                linkType={LinkType.SectionTitleButton}
-                onClick={() => clickOnCowSwap('click-learn-about-cow-protocol')}
-              >
-                Learn about CoW Protocol
-              </Link>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0" maxWidth={900}>
-              <SectionTitleIcon size={140}>
-                <LazySVG src={IMG_ICON_FLOWER_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>S-moooo-th trading</SectionTitleText>
-              <SectionTitleDescription color={Color.neutral60}>
-                CoW Swap features the smoothest trading experiences in DeFi, allowing you to worry less and do more.
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <SectionTitleWrapper>
-              <SectionTitleText>Advanced order types</SectionTitleText>
-            </SectionTitleWrapper>
-            <TopicList columns={3} columnsTablet={2}>
-              {ADVANCED_ORDER_TYPES.map((topic, index) => (
-                <TopicCard
-                  key={index}
-                  contentAlign={'left'}
-                  bgColor={topic.bgColor}
-                  textColor={topic.textColor}
-                  padding={'32px'}
-                  asProp="div"
-                >
-                  <TopicCardInner contentAlign="left">
-                    <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
-                    <TopicDescription fontSize={21}>{topic.description}</TopicDescription>
-                  </TopicCardInner>
-                  <TopicImage
-                    iconColor="transparent"
-                    bgColor="transparent"
-                    margin={'auto 0 0 auto'}
-                    height={187}
-                    width={'auto'}
-                  >
-                    <LazySVG src={topic.imgSrc} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-
-            <SectionTitleWrapper>
-              <SectionTitleText fontSize={51} textAlign="center">
-                Better UX, thanks to intents
-              </SectionTitleText>
-            </SectionTitleWrapper>
-            <TopicList columns={3} columnsTablet={2}>
-              {BETTER_UX.map((topic, index) => (
-                <TopicCard
-                  key={index}
-                  contentAlign={'left'}
-                  bgColor={topic.bgColor}
-                  textColor={topic.textColor}
-                  padding={'32px'}
-                  asProp="div"
-                >
-                  <TopicCardInner contentAlign="left">
-                    <TopicTitle color={topic.titleColor}>{topic.title}</TopicTitle>
-                    <TopicDescription fontSize={21}>{topic.description}</TopicDescription>
-                  </TopicCardInner>
-                  <TopicImage
-                    iconColor="transparent"
-                    bgColor="transparent"
-                    margin={'auto 0 0 auto'}
-                    height={187}
-                    width={'auto'}
-                  >
-                    <LazySVG src={topic.imgSrc} />
-                  </TopicImage>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0" maxWidth={1300}>
-              <SectionTitleIcon size={82}>
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="light" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText textAlign="center">The DEX of choice for crypto whales and pros</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={4} columnsTablet={2}>
-              <TopicCard
-                contentAlign={'left'}
-                bgColor="#012F7A"
-                textColor={Color.neutral100}
-                padding={'32px'}
-                asProp="div"
-              >
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle color={Color.neutral100} fontSize={51}>
-                    $2,500
-                  </TopicTitle>
-                  <TopicDescription fontSize={21} color="#65D9FF">
-                    Average trade size (more than 2x Uniswap&apos;s)
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard
-                contentAlign={'left'}
-                bgColor="#012F7A"
-                textColor={Color.neutral100}
-                padding={'32px'}
-                asProp="div"
-              >
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle color={Color.neutral100} fontSize={51}>
-                    39%
-                  </TopicTitle>
-                  <TopicDescription fontSize={21} color="#65D9FF">
-                    Market share among smart contract wallets
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard
-                contentAlign={'left'}
-                bgColor="#012F7A"
-                textColor={Color.neutral100}
-                padding={'32px'}
-                asProp="div"
-              >
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle color={Color.neutral100} fontSize={51}>
-                    42%
-                  </TopicTitle>
-                  <TopicDescription fontSize={21} color="#65D9FF">
-                    Monthly user retention rate – the highest in DeFi
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard
-                contentAlign={'left'}
-                bgColor="#012F7A"
-                textColor={Color.neutral100}
-                padding={'32px'}
-                asProp="div"
-              >
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle color={Color.neutral100} fontSize={51}>
-                    #1
-                  </TopicTitle>
-                  <TopicDescription fontSize={21} color="#65D9FF">
-                    Intents-based trading platform
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'} ref={tweetSectionRef}>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={1100}>
-              <SectionTitleText textAlign="center">Don't take our word for it</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2} maxWidth={1360}>
-              {tweets.map((tweet, index) => (
-                <TopicCard
-                  bgColor={Color.neutral100}
-                  padding="4px"
-                  paddingMobile="4px"
-                  gap={16}
-                  asProp="div"
-                  key={index}
-                >
-                  <TopicCardInner minHeight={'200px'} contentAlign={'center'}>
-                    <LazyLoadTweet tweetUrl={tweet} key={index} />
-                  </TopicCardInner>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'} color={Color.neutral10}>
-          <ContainerCardSection>
-            <SectionTitleWrapper>
-              <SectionTitleIcon size={62}>
-                <LazySVG src={IMG_ICON_FAQ} />
-              </SectionTitleIcon>
-              <SectionTitleText>FAQs</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <FAQ faqs={FAQ_DATA} />
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
-          <ContainerCardSection padding={'0 0 100px'}>
-            <SectionTitleWrapper margin="0 auto">
-              <SectionTitleIcon>
-                <ProductLogo variant={ProductVariant.CowSwap} theme="light" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText>Don't worry, trade happy</SectionTitleText>
-              <SectionTitleDescription fontSize={28} color={Color.neutral30}>
-                Trade seamlessly, with the most user-protective DEX in DeFi
-              </SectionTitleDescription>
-              <Link
-                bgColor="#65D9FF"
-                color="#012F7A"
-                href="https://swap.cow.fi/"
-                external
-                linkType={LinkType.SectionTitleButton}
-                utmContent="cow-swap-launch-app-button"
-                onClick={() => clickOnCowSwap('click-launch-app')}
-              >
-                Launch app
-              </Link>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-  const tweets = TWEETS
-
-  return {
-    props: {
-      siteConfigData,
-      tweets,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/daos.tsx b/apps/cow-fi/pages/daos.tsx
deleted file mode 100644
index 6fdd4b428e..0000000000
--- a/apps/cow-fi/pages/daos.tsx
+++ /dev/null
@@ -1,357 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
-import IMG_ICON_CROWN_COW from '@cowprotocol/assets/images/icon-crown-cow.svg'
-
-import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
-
-import IMG_ICON_OWL from '@cowprotocol/assets/images/icon-owl.svg'
-import IMG_ICON_GHOST from '@cowprotocol/assets/images/icon-ghost.svg'
-
-import Layout from '@/components/Layout'
-import { Link, LinkType } from '@/components/Link'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  TopicTitle,
-  TopicDescription,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  TopicCardInner,
-  HeroContainer,
-  HeroImage,
-  HeroDescription,
-  HeroContent,
-  HeroTitle,
-  HeroSubtitle,
-  MetricsCard,
-  TrustedBy,
-  SwiperSlideWrapper,
-} from '@/styles/styled'
-
-import { DAO_CONTENT as CONTENT } from '@/data/widget/const'
-
-import LazySVG from '@/components/LazySVG'
-
-import 'swiper/css'
-import 'swiper/css/pagination'
-import 'swiper/css/navigation'
-import { Swiper, SwiperSlide } from 'swiper/react'
-import { Autoplay, Pagination, Navigation } from 'swiper/modules'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnDaos } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-export default function Page() {
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="DAOs - Savvy DAOs Choose CoW Swap"
-      metaDescription="The smartest DAOs trust CoW Swap with their most-important trades"
-    >
-      <PageWrapper>
-        <HeroContainer variant="secondary">
-          <HeroContent variant="secondary">
-            <HeroSubtitle color={'#66018E'}>DAOs</HeroSubtitle>
-            <HeroTitle maxWidth={470}>Savvy DAOs Choose CoW Swap</HeroTitle>
-            <HeroDescription>The smartest DAOs trust CoW Swap with their most-important trades</HeroDescription>
-          </HeroContent>
-          <HeroImage width={470} height={400} color={'#66018E'}>
-            <LazySVG src={IMG_ICON_BULB_COW} />
-          </HeroImage>
-        </HeroContainer>
-
-        <MetricsCard bgColor="#F996EE" color="#66018E" columns={1} touchFooter>
-          <TrustedBy>
-            <p>Trusted by</p>
-            <ul>
-              {CONTENT.trustedDAOs.map(
-                ({ icon, title, volume }, index) =>
-                  volume && (
-                    <li key={index}>
-                      <LazySVG src={icon} title={title} />
-                      <small>with</small>
-                      <strong>{volume}</strong>
-                    </li>
-                  ),
-              )}
-            </ul>
-          </TrustedBy>
-        </MetricsCard>
-
-        <ContainerCard bgColor={Color.neutral10}>
-          <ContainerCardSection>
-            <SectionTitleWrapper color={Color.neutral100} maxWidth={1100} gap={56}>
-              <SectionTitleIcon size={98}>
-                <LazySVG src={IMG_ICON_CROWN_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>Expert trading for expert DAOs</SectionTitleText>
-              <SectionTitleDescription maxWidth={900}>
-                CoW Swap is the only DEX built to solve the unique challenges faced by DAOs
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <SwiperSlideWrapper>
-              <Swiper
-                slidesPerView={'auto'}
-                centeredSlides={true}
-                grabCursor={true}
-                loop={true}
-                keyboard={{
-                  enabled: true,
-                }}
-                pagination={{
-                  dynamicBullets: true,
-                  clickable: true,
-                }}
-                autoplay={{
-                  delay: 5000,
-                  disableOnInteraction: true,
-                }}
-                navigation={{
-                  nextEl: '.swiper-button-next',
-                  prevEl: '.swiper-button-prev',
-                }}
-                spaceBetween={50}
-                modules={[Autoplay, Pagination, Navigation]}
-                className="daoSwiper"
-              >
-                {CONTENT.slides.map((slide, index) => (
-                  <SwiperSlide key={index}>
-                    <img src={slide.image} alt={slide.title} />
-                    <span>
-                      <h4>{slide.title}</h4>
-                      <p>{slide.description}</p>
-                    </span>
-                  </SwiperSlide>
-                ))}
-              </Swiper>
-
-              <div className="swiper-button-prev"></div>
-              <div className="swiper-button-next"></div>
-            </SwiperSlideWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'} color={Color.neutral10}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0" maxWidth={800}>
-              <SectionTitleIcon size={60}>
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText>Advanced order types</SectionTitleText>
-              <SectionTitleDescription fontSize={24} color={Color.neutral40}>
-                CoW Swap's many order types help you get better prices for your trades, manage token launches,
-                facilitate buybacks, and much more
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2}>
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/icon-milkman.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Milkman Orders</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    Ensure your trades are always close to the real-time market price thanks to the{' '}
-                    <Link
-                      href="https://github.com/charlesndalton/milkman"
-                      external
-                      utmContent="link-to-milkman"
-                      onClick={() => clickOnDaos('click-milkman')}
-                    >
-                      Milkman bot
-                    </Link>
-                    . Set the maximum deviation you&apos;ll accept, and Milkman will do the rest.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/icon-twap-orders.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>TWAP Orders</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    Time-weighted average price orders allow you to spread your trade out over time, averaging out your
-                    trading price, minimizing price impact, and allowing for lower slippage.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/icon-limit-orders.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Limit Orders</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    CoW Swap's surplus-capturing limit orders allow you to set a price and sit back while your order
-                    gets filled over time - perfect for token buybacks and other large trades.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/icon-price-walls.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Price Walls</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    Pick an asset, define a threshold price, and CoW Swap will automatically sell above the threshold,
-                    and buy below it.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/icon-basket-sells.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Basket Sells</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    <Link
-                      href="https://dump.services/"
-                      external
-                      utmContent="link-to-dump-services"
-                      onClick={() => clickOnDaos('click-dump-services')}
-                    >
-                      Dump.services
-                    </Link>
-                    , a collaboration between CoW Swap and Yearn, allows DAOs and traders to sell multiple tokens in a
-                    single transaction.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/icon-logic.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Place Your Logic Here</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    ERC-1271 Smart Orders and CoW Hooks allow you to define your own complex trading logic; if you can
-                    think it, you can trade it.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-            </TopicList>
-
-            <Link
-              href="https://blog.cow.fi/list/advanced-order-types-b391bd4390cb"
-              linkType={LinkType.SectionTitleButton}
-              utmContent="link-to-advanced-order-types"
-              margin="24px auto 0"
-              external
-              onClick={() => clickOnDaos('click-advanced-order-types')}
-            >
-              Explore advanced order types
-            </Link>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral10} color={Color.neutral98} touchFooter>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0">
-              <SectionTitleIcon multiple>
-                <LazySVG src={IMG_ICON_OWL} />
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
-                <LazySVG src={IMG_ICON_GHOST} />
-              </SectionTitleIcon>
-              <SectionTitleText>Trusted by the best</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3}>
-              {CONTENT.trustedDAOs.map((dao, index) => {
-                const isPng = dao.icon.endsWith('.png')
-                return dao.description ? (
-                  <TopicCard
-                    key={index}
-                    contentAlign={'center'}
-                    bgColor={Color.neutral20}
-                    padding={'24px'}
-                    gap={12}
-                    asProp="div"
-                  >
-                    <TopicImage iconColor={Color.neutral98} bgColor={'transparent'} height={100}>
-                      {isPng ? <img src={dao.icon} alt={dao.title} /> : <LazySVG src={dao.icon} />}
-                    </TopicImage>
-                    <TopicCardInner contentAlign="center">
-                      <TopicTitle fontSize={28} color={Color.neutral98}>
-                        {dao.title}
-                      </TopicTitle>
-                      <TopicDescription fontSize={18} color={Color.neutral70}>
-                        {dao.description}
-                      </TopicDescription>
-                      <Link
-                        linkType={LinkType.TopicButton}
-                        href={dao.link}
-                        utmContent={`dao-${dao.title.toLowerCase().replace(/\s/g, '-')}`}
-                        external
-                        onClick={() => clickOnDaos(`click-${dao.title.toLowerCase()}`)}
-                      >
-                        Learn more
-                      </Link>
-                    </TopicCardInner>
-                  </TopicCard>
-                ) : (
-                  <TopicCard
-                    key={index}
-                    contentAlign={'center'}
-                    bgColor={Color.neutral20}
-                    padding={'10px'}
-                    href={`${dao.link}?utm_source=cow.fi&utm_medium=web&utm_content=dao-${dao.title}`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    onClick={() => clickOnDaos(`click-${dao.title.toLowerCase()}`)}
-                  >
-                    <TopicImage
-                      iconColor={Color.neutral0}
-                      bgColor={'transparent'}
-                      width={'100%'}
-                      height={100}
-                      maxWidth={75}
-                      margin={'auto'}
-                    >
-                      {isPng ? (
-                        <img src={dao.icon} alt={dao.title} style={{ maxWidth: '100%' }} loading="lazy" />
-                      ) : (
-                        <LazySVG src={dao.icon} />
-                      )}
-                    </TopicImage>
-                  </TopicCard>
-                )
-              })}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-
-  return {
-    props: {
-      siteConfigData,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/index.tsx b/apps/cow-fi/pages/index.tsx
deleted file mode 100644
index ff3e6bed6c..0000000000
--- a/apps/cow-fi/pages/index.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Font, Color } from '@cowprotocol/ui'
-import IMG_ICON_GOVERNANCE from '@cowprotocol/assets/images/icon-governance.svg'
-import VIDEO_HERO_HOME from '@cowprotocol/assets/video/cow-dao-hero-animation.mp4'
-
-import Layout from '@/components/Layout'
-import { Link, LinkType } from '@/components/Link'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  TopicTitle,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  HeroContainer,
-  HeroBackground,
-  HeroContent,
-  HeroTitle,
-} from '@/styles/styled'
-
-import LazySVG from '@/components/LazySVG'
-import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
-import IMG_ICON_GRANTS_CARTON from '@cowprotocol/assets/images/icon-grants-carton.svg'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-
-import { CHANNEL_LIST, PRODUCT_CONTAINERS } from '@/data/home/const'
-import { clickOnHome } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-export default function Page() {
-  return (
-    <Layout bgColor={Color.neutral90}>
-      <PageWrapper>
-        <HeroContainer minHeight="700px" maxWidth={'100%'} margin="-76px auto -48px" padding="142px 20px 56px">
-          <HeroBackground>
-            <video autoPlay loop muted playsInline>
-              <source src={VIDEO_HERO_HOME} type="video/mp4" />
-            </video>
-          </HeroBackground>
-          <HeroContent flex={'0 1 0'}>
-            <HeroTitle fontSize={148} fontSizeMobile={80}>
-              Don’t get milked!
-            </HeroTitle>
-          </HeroContent>
-        </HeroContainer>
-
-        {PRODUCT_CONTAINERS}
-
-        <ContainerCard bgColor={'transparent'}>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={900}>
-              <SectionTitleIcon size={126}>
-                <LazySVG src={IMG_ICON_BULB_COW} />
-              </SectionTitleIcon>
-              <SectionTitleText>Innovation in action</SectionTitleText>
-              <SectionTitleDescription color={Color.neutral30}>
-                CoW DAO is famous for pioneering technology at the forefront of intents, MEV protection, and more.{' '}
-                <br />
-                Whether you're a crypto beginner or an Ethereum OG, you can learn more about these important topics in
-                the CoW DAO Knowledge Base.
-              </SectionTitleDescription>
-
-              <Link
-                linkType={LinkType.SectionTitleButton}
-                href="/learn"
-                onClick={() => clickOnHome('click-cow-knowledge-base-learn-more')}
-              >
-                Learn more
-              </Link>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
-          <ContainerCardSection>
-            <SectionTitleWrapper padding="150px 0 0" maxWidth={900}>
-              <SectionTitleIcon size={90}>
-                <LazySVG src={IMG_ICON_GOVERNANCE} />
-              </SectionTitleIcon>
-              <SectionTitleText textAlign="center">Governance</SectionTitleText>
-              <SectionTitleDescription color={Color.neutral60} fontWeight={Font.weight.regular} textAlign="center">
-                Anyone can join CoW DAO by holding{' '}
-                <Link
-                  href="https://swap.cow.fi/#/1/swap/USDC/COW"
-                  onClick={() => clickOnHome('click-cow-tokens')}
-                  external
-                >
-                  COW tokens
-                </Link>
-                . Tokenholders contribute to CoW DAO's mission by participating in "CoWmunity" discussions on Discord,
-                by adding proposals to the CoW DAO Forum, and by voting on governance actions in Snapshot.
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2}>
-              {CHANNEL_LIST.map((social, index) => (
-                <TopicCard
-                  key={index}
-                  textColor={social.textColor}
-                  bgColor={social.iconColor}
-                  href={social.href}
-                  rel="noopener noreferrer"
-                  target="_blank"
-                  onClick={() => clickOnHome(social.linkEvent)}
-                >
-                  <TopicImage iconColor="transparent" maxWidth={290} maxHeight={290} height={290} width={290}>
-                    <LazySVG src={social.iconImage} title={social.title} />
-                  </TopicImage>
-                  <TopicTitle fontSize={38}>{social.title}</TopicTitle>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={900}>
-              <SectionTitleIcon size={90}>
-                <LazySVG src={IMG_ICON_GRANTS_CARTON} />
-              </SectionTitleIcon>
-              <SectionTitleText textAlign="center">Grants</SectionTitleText>
-              <SectionTitleDescription color={Color.neutral30} fontWeight={Font.weight.regular} textAlign="center">
-                The CoW DAO Grants Program funds mission-aligned projects and people working on MEV protection, trading
-                innovation, and ecosystem development.
-              </SectionTitleDescription>
-              <Link
-                external
-                linkType={LinkType.SectionTitleButton}
-                utmContent="home-page-apply-for-a-grant"
-                href="https://grants.cow.fi/"
-                onClick={() => clickOnHome('click-apply-for-a-grant')}
-              >
-                Explore grants
-              </Link>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-
-  return {
-    props: {
-      siteConfigData,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/learn/[article].tsx b/apps/cow-fi/pages/learn/[article].tsx
deleted file mode 100644
index 0bfde9776f..0000000000
--- a/apps/cow-fi/pages/learn/[article].tsx
+++ /dev/null
@@ -1,360 +0,0 @@
-import React, { useMemo } from 'react'
-import { GetStaticPaths, GetStaticProps } from 'next'
-import styled from 'styled-components/macro'
-import { Color, Media } from '@cowprotocol/ui'
-
-import Layout from '@/components/Layout'
-import {
-  getArticles,
-  getArticleBySlug,
-  getAllArticleSlugs,
-  getCategories,
-  Article,
-  SharedRichTextComponent,
-} from 'services/cms'
-
-import ReactMarkdown from 'react-markdown'
-import rehypeRaw from 'rehype-raw'
-import { formatDate } from 'util/formatDate'
-import { stripHtmlTags } from 'util/stripHTMLTags'
-import { SearchBar } from '@/components/SearchBar'
-
-import {
-  Breadcrumbs,
-  ContainerCard,
-  ContainerCardSection,
-  ContainerCardSectionTop,
-  ArticleList,
-  ArticleCard,
-  ArticleImage,
-  ArticleTitle,
-  ContainerCardSectionTopTitle,
-  ArticleContent,
-  BodyContent,
-  ArticleMainTitle,
-  ArticleSubtitleWrapper,
-  CategoryTags,
-  StickyMenu,
-  RelatedArticles,
-  SectionTitleDescription,
-} from '@/styles/styled'
-import useWebShare from 'hooks/useWebShare'
-import { CategoryLinks } from '@/components/CategoryLinks'
-import { Link, LinkType } from '@/components/Link'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnKnowledgeBase } from 'modules/analytics'
-import { CmsImage } from '@cowprotocol/ui'
-import { useLazyLoadImages } from 'hooks/useLazyLoadImages'
-
-interface ArticlePageProps {
-  siteConfigData: typeof CONFIG
-  article: Article
-  articles: Article[]
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 34px;
-  max-width: 1760px;
-
-  ${Media.upToMedium()} {
-    margin: 0 auto;
-    gap: 24px;
-  }
-`
-
-export function ArticleSubtitle({
-  dateIso,
-  content,
-  dateVisible,
-}: {
-  dateIso: string
-  content: string
-  dateVisible: boolean
-}) {
-  const date = new Date(dateIso)
-  const readTime = calculateReadTime(content)
-
-  return (
-    <ArticleSubtitleWrapper>
-      <div>
-        <span>{readTime}</span>
-      </div>
-
-      {dateVisible && (
-        <>
-          <div>·</div>
-          <div>
-            <span>Published {formatDate(date)}</span>
-          </div>
-        </>
-      )}
-    </ArticleSubtitleWrapper>
-  )
-}
-
-function calculateReadTime(text: string): string {
-  const wordsPerMinute = 200 // Average case.
-  const textLength = text.split(/\s+/).length // Split by words
-  const time = Math.ceil(textLength / wordsPerMinute)
-  return `${time} min read`
-}
-
-function isRichTextComponent(block: any): block is SharedRichTextComponent {
-  return block.body !== undefined
-}
-
-function getRandomArticles(articles: Article[], count: number): Article[] {
-  const shuffled = articles.sort(() => 0.5 - Math.random())
-  return shuffled.slice(0, count)
-}
-
-export function ArticleSharedRichTextComponent({ sharedRichText }: { sharedRichText: SharedRichTextComponent }) {
-  const { replaceImageUrls, LazyImage } = useLazyLoadImages()
-
-  const processedContent = useMemo(() => {
-    return sharedRichText.body ? replaceImageUrls(sharedRichText.body) : ''
-  }, [sharedRichText.body, replaceImageUrls])
-
-  return (
-    <ReactMarkdown
-      rehypePlugins={[rehypeRaw]}
-      components={{
-        img: ({ src, alt, ...props }) => {
-          if (!src) return null
-          return <LazyImage src={src} alt={alt || ''} {...props} width={725} height={400} />
-        },
-      }}
-    >
-      {processedContent}
-    </ReactMarkdown>
-  )
-}
-
-export default function ArticlePage({
-  siteConfigData,
-  article,
-  articles,
-  randomArticles,
-  featuredArticles,
-  allCategories,
-}: ArticlePageProps & {
-  randomArticles: Article[]
-  featuredArticles: Article[]
-  allCategories: { name: string; slug: string }[]
-}) {
-  const attributes: {
-    title?: string
-    description?: string
-    blocks?: SharedRichTextComponent[]
-    publishedAt?: string
-    publishDate?: string
-    publishDateVisible?: boolean
-    categories?: any
-    cover?: any
-  } = article.attributes || {}
-  const { title, description, blocks, publishedAt, categories, cover } = attributes
-  const publishDate = attributes.publishDate || null
-  const publishDateVisible = attributes.publishDateVisible ?? true
-  const content =
-    blocks?.map((block: SharedRichTextComponent) => (isRichTextComponent(block) ? block.body : '')).join(' ') || ''
-  const plainContent = stripHtmlTags(content)
-  const coverImageUrl = cover?.data?.attributes?.url
-
-  const { share, message } = useWebShare()
-
-  const handleShareClick = () => {
-    share({
-      title: title || 'CoW DAO Article',
-      text: plainContent.split(' ').slice(0, 50).join(' ') + '...',
-      url: window.location.href,
-    })
-  }
-
-  // Generate metaDescription
-  const metaDescription = description
-    ? stripHtmlTags(description)
-    : plainContent.length > 150
-      ? stripHtmlTags(plainContent.substring(0, 147)) + '...'
-      : stripHtmlTags(plainContent)
-
-  return (
-    <Layout metaTitle={`${title} - ${siteConfigData.title}`} metaDescription={metaDescription} ogImage={coverImageUrl}>
-      <Wrapper>
-        <CategoryLinks allCategories={allCategories} />
-
-        <SearchBar articles={articles} />
-        <ContainerCard gap={62} gapMobile={42} margin="0 auto" centerContent>
-          <ArticleContent>
-            <Breadcrumbs>
-              <a href="/" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-home')}>
-                Home
-              </a>
-              <a href="/learn" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-knowledge-base')}>
-                Knowledge Base
-              </a>
-              <span>{title}</span>
-            </Breadcrumbs>
-
-            {categories && Array.isArray(categories.data) && categories.data.length > 0 && (
-              <CategoryTags>
-                {categories.data.map((category: { id: string; attributes?: { slug?: string; name?: string } }) => (
-                  <a
-                    key={category.id}
-                    href={`/learn/topic/${category.attributes?.slug ?? ''}`}
-                    onClick={() => clickOnKnowledgeBase(`click-category-${category.attributes?.name}`)}
-                  >
-                    {category.attributes?.name ?? ''}
-                  </a>
-                ))}
-              </CategoryTags>
-            )}
-
-            <ArticleMainTitle>{title}</ArticleMainTitle>
-
-            <ArticleSubtitle
-              dateIso={(publishDate || publishedAt)!}
-              dateVisible={publishDateVisible}
-              content={content}
-            />
-            <BodyContent>
-              {blocks &&
-                blocks.map((block: SharedRichTextComponent) =>
-                  isRichTextComponent(block) ? (
-                    <ArticleSharedRichTextComponent key={block.id} sharedRichText={block} />
-                  ) : null,
-                )}
-
-              <br />
-              <Link
-                onClick={handleShareClick}
-                asButton
-                linkType={LinkType.SectionTitleButton}
-                color={Color.neutral98}
-                bgColor={Color.neutral10}
-              >
-                Share article
-              </Link>
-
-              {message && (
-                <SectionTitleDescription textAlign="left" margin="16px 0 0" fontSize={21}>
-                  {message}
-                </SectionTitleDescription>
-              )}
-            </BodyContent>
-          </ArticleContent>
-
-          <StickyMenu>
-            <b>Featured Articles</b>
-            <RelatedArticles>
-              <ul>
-                {featuredArticles.map((article) => (
-                  <li key={article.id}>
-                    <a
-                      href={`/learn/${article.attributes?.slug}`}
-                      onClick={() => clickOnKnowledgeBase(`click-related-article-${article.attributes?.title}`)}
-                    >
-                      {article.attributes?.title}
-                    </a>
-                  </li>
-                ))}
-              </ul>
-            </RelatedArticles>
-          </StickyMenu>
-        </ContainerCard>
-
-        {/* Read More Section */}
-        <ContainerCard bgColor={Color.neutral98} touchFooter>
-          <ContainerCardSection>
-            <ContainerCardSectionTop>
-              <ContainerCardSectionTopTitle>Read more</ContainerCardSectionTopTitle>
-            </ContainerCardSectionTop>
-            <ArticleList>
-              {randomArticles.map((article) => {
-                const coverData = article.attributes?.cover?.data
-                const imageUrl = coverData?.attributes?.url
-
-                return (
-                  <ArticleCard
-                    key={article.id}
-                    href={`/learn/${article.attributes?.slug}`}
-                    onClick={() => clickOnKnowledgeBase(`click-read-more-${article.attributes?.title}`)}
-                  >
-                    {imageUrl && (
-                      <ArticleImage>
-                        <CmsImage
-                          src={imageUrl}
-                          alt={`Cover image for article: ${article.attributes?.title}`}
-                          width={700}
-                          height={200}
-                        />
-                      </ArticleImage>
-                    )}
-                    <ArticleTitle>{article.attributes?.title}</ArticleTitle>
-                  </ArticleCard>
-                )
-              })}
-            </ArticleList>
-          </ContainerCardSection>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<ArticlePageProps> = async ({ params }) => {
-  const siteConfigData = CONFIG
-  const articleSlug = params?.article as string
-  const article = await getArticleBySlug(articleSlug)
-
-  if (!article) {
-    return { notFound: true }
-  }
-
-  const articlesResponse = await getArticles()
-  const articles = articlesResponse.data
-
-  // Fetch featured articles
-  const featuredArticlesResponse = await getArticles({
-    filters: {
-      featured: {
-        $eq: true,
-      },
-    },
-    pageSize: 7, // Limit to 7 articles
-  })
-  const featuredArticles = featuredArticlesResponse.data
-
-  const randomArticles = getRandomArticles(articles, 3)
-  const categoriesResponse = await getCategories()
-  const allCategories =
-    categoriesResponse?.map((category: any) => ({
-      name: category?.attributes?.name || '',
-      slug: category?.attributes?.slug || '',
-    })) || []
-
-  return {
-    props: {
-      siteConfigData,
-      article,
-      articles,
-      randomArticles,
-      featuredArticles,
-      allCategories,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const slugs = await getAllArticleSlugs()
-  const paths = slugs.map((slug) => ({ params: { article: slug } }))
-
-  return { paths, fallback: 'blocking' }
-}
diff --git a/apps/cow-fi/pages/learn/articles/[[...page]].tsx b/apps/cow-fi/pages/learn/articles/[[...page]].tsx
deleted file mode 100644
index a423d415b6..0000000000
--- a/apps/cow-fi/pages/learn/articles/[[...page]].tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import { GetStaticProps, GetStaticPaths, GetStaticPropsContext, InferGetStaticPropsType } from 'next'
-import styled from 'styled-components/macro'
-import { Font, Color, Media } from '@cowprotocol/ui'
-
-import Layout from '@/components/Layout'
-import { getArticles, getCategories, Article } from 'services/cms'
-import { SearchBar } from '@/components/SearchBar'
-import { CategoryLinks } from '@/components/CategoryLinks'
-import { ArticlesList } from '@/components/ArticlesList'
-
-import {
-  ContainerCard,
-  ContainerCardSection,
-  ContainerCardSectionTop,
-  Breadcrumbs,
-  ArticleCount,
-  Pagination,
-  LinkSection,
-  ContainerCardInner,
-} from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnKnowledgeBase } from 'modules/analytics'
-
-const LEARN_PATH = '/learn/'
-const ARTICLES_PATH = `${LEARN_PATH}articles/`
-
-const ITEMS_PER_PAGE = 24
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 34px;
-  max-width: 1760px;
-
-  > h1 {
-    font-size: 28px;
-    font-weight: ${Font.weight.medium};
-    color: ${Color.neutral50};
-    text-align: center;
-
-    ${Media.upToMedium()} {
-      font-size: 18px;
-    }
-  }
-
-  > h2 {
-    font-size: 67px;
-    text-align: center;
-
-    ${Media.upToMedium()} {
-      font-size: 38px;
-    }
-  }
-`
-
-interface ArticlesPageProps {
-  siteConfigData: typeof CONFIG
-  articles: Article[]
-  totalArticles: number
-  currentPage: number
-  allCategories: { name: string; slug: string }[]
-}
-
-export type ArticlesResponse = {
-  data?: Article[]
-  meta?: {
-    pagination?: {
-      total?: number
-    }
-  }
-}
-
-const ArticlesPage = ({
-  articles,
-  totalArticles,
-  currentPage,
-  allCategories,
-}: InferGetStaticPropsType<typeof getStaticProps>) => {
-  const totalPages = Math.ceil(totalArticles / ITEMS_PER_PAGE)
-
-  return (
-    <Layout
-      metaTitle={`All articles ${currentPage === 1 ? '' : `(${currentPage})`} - Knowledge Base`}
-      metaDescription="All knowledge base articles in the Cow DAO ecosystem"
-    >
-      <Wrapper>
-        <CategoryLinks allCategories={allCategories} />
-        <SearchBar articles={articles} />
-        <ContainerCard gap={42} gapMobile={24} touchFooter>
-          <ContainerCardInner maxWidth={970} gap={24} gapMobile={24}>
-            <ContainerCardSectionTop>
-              <Breadcrumbs padding="0">
-                <a href="/learn" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-home')}>
-                  Knowledge Base
-                </a>
-                <h1>All articles</h1>
-              </Breadcrumbs>
-              <ArticleCount>
-                Showing {ITEMS_PER_PAGE * (currentPage - 1) + 1}-{Math.min(ITEMS_PER_PAGE * currentPage, totalArticles)}{' '}
-                of {totalArticles} articles
-              </ArticleCount>
-            </ContainerCardSectionTop>
-            <ContainerCardSection>
-              <LinkSection bgColor={'transparent'} columns={1} padding="0">
-                <ArticlesList articles={articles} />
-              </LinkSection>
-            </ContainerCardSection>
-            <Pagination>
-              {Array.from({ length: totalPages }, (_, i) => (
-                <a
-                  key={i}
-                  href={`${ARTICLES_PATH}${i + 1}`}
-                  className={i + 1 === currentPage ? 'active' : ''}
-                  onClick={() => clickOnKnowledgeBase(`click-pagination-${i + 1}`)}
-                >
-                  {i + 1}
-                </a>
-              ))}
-            </Pagination>
-          </ContainerCardInner>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export default ArticlesPage
-
-export const getStaticProps: GetStaticProps<ArticlesPageProps> = async (context: GetStaticPropsContext) => {
-  const siteConfigData = CONFIG
-  const pageParam = context.params?.page as string[] | undefined
-  const page = pageParam && pageParam.length > 0 ? parseInt(pageParam[0], 10) : 1
-
-  const articlesResponse = (await getArticles({ page, pageSize: ITEMS_PER_PAGE })) as ArticlesResponse
-
-  const totalArticles = articlesResponse.meta?.pagination?.total || 0
-  const articles =
-    articlesResponse.data?.map((article: Article) => ({
-      ...article,
-      id: article.id || 0,
-      attributes: {
-        ...article.attributes,
-        title: article.attributes?.title ?? 'Untitled',
-        description: article.attributes?.description ?? '',
-        slug: article.attributes?.slug ?? 'no-slug',
-        featured: article.attributes?.featured ?? false,
-        publishDateVisible: article.attributes?.publishDateVisible ?? false,
-        cover: article.attributes?.cover ?? {},
-        blocks: article.attributes?.blocks ?? [],
-      },
-    })) || []
-
-  const categoriesResponse = await getCategories()
-  const allCategories =
-    categoriesResponse?.map((category: any) => ({
-      name: category?.attributes?.name || '',
-      slug: category?.attributes?.slug || '',
-    })) || []
-
-  return {
-    props: {
-      siteConfigData,
-      articles,
-      totalArticles,
-      currentPage: page,
-      allCategories,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const articlesResponse = await getArticles({ page: 0, pageSize: ITEMS_PER_PAGE })
-  const totalArticles = articlesResponse.meta?.pagination?.total || 0
-  const totalPages = Math.ceil(totalArticles / ITEMS_PER_PAGE)
-
-  const paths = [
-    { params: { page: [] } }, // Root path should be page 1
-    ...Array.from({ length: totalPages }, (_, i) => ({
-      params: { page: [(i + 1).toString()] },
-    })),
-  ]
-
-  return {
-    paths,
-    fallback: 'blocking',
-  }
-}
diff --git a/apps/cow-fi/pages/learn/index.tsx b/apps/cow-fi/pages/learn/index.tsx
deleted file mode 100644
index bff645236b..0000000000
--- a/apps/cow-fi/pages/learn/index.tsx
+++ /dev/null
@@ -1,367 +0,0 @@
-import { Color, Font, Media } from '@cowprotocol/ui'
-import { GetStaticProps } from 'next'
-
-import styled from 'styled-components/macro'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-
-import Layout from '@/components/Layout'
-import { ArticleListResponse, getArticles, getCategories } from 'services/cms'
-
-import { ArrowButton } from '@/components/ArrowButton'
-import { SearchBar } from '@/components/SearchBar'
-
-import IMG_ICON_BULB_COW from '@cowprotocol/assets/images/icon-bulb-cow.svg'
-
-import {
-  ArticleCard,
-  ArticleDescription,
-  ArticleImage,
-  ArticleList,
-  ArticleTitle,
-  CTAButton,
-  CTAImage,
-  CTASectionWrapper,
-  CTASubtitle,
-  CTATitle,
-  ContainerCard,
-  ContainerCardInner,
-  ContainerCardSection,
-  ContainerCardSectionTop,
-  ContainerCardSectionTopTitle,
-  LinkColumn,
-  LinkItem,
-  LinkSection,
-  TopicCard,
-  TopicImage,
-  TopicList,
-  TopicTitle,
-} from '@/styles/styled'
-
-import { clickOnKnowledgeBase } from 'modules/analytics'
-import LazySVG from '@/components/LazySVG'
-import { CategoryLinks } from '@/components/CategoryLinks'
-
-import { useLazyLoadImages } from 'hooks/useLazyLoadImages'
-
-const PODCASTS = [
-  {
-    title: 'How CoWs Will Save DeFi Swaps (0xResearch) ',
-    link: 'https://www.youtube.com/watch?v=-CrTF4RO0Ww',
-  },
-  {
-    title: 'A Deep dive into Batch Auctions (Bell Curve)',
-    link: 'https://open.spotify.com/episode/4M7CNfjg0C2BD6SpyPFuaI?si=niArWe7EQDyqiXt610MDzg',
-  },
-  {
-    title: 'How Introducing Competition Fixes DeFi (Strange Water)',
-    link: 'https://strangewater.xyz/episode/sw48',
-  },
-  {
-    title: 'CoW Swap - The Only DEX You Need In DeFi? (Leviathan News)',
-    link: 'https://open.spotify.com/episode/4M7CNfjg0C2BD6SpyPFuaI?si=niArWe7EQDyqiXt610MDzg',
-  },
-]
-
-const SPACES = [
-  {
-    title: 'CoW Swap is one of the most exciting projects in the DEX space',
-    link: 'https://x.com/cryptotesters/status/1501505365833248774',
-  },
-  {
-    title: 'CoW Protocol & Yearn Finance Partnership Deep Dive',
-    link: 'https://x.com/CoWSwap/status/1605593667682476032',
-  },
-  {
-    title: 'CoW Swap & ENS: Pushing Decentralized Trading to its limits',
-    link: 'https://x.com/CoWSwap/status/1625932839936983055',
-  },
-  { title: 'CoW AMM is the 1st MEV-Capturing AMM', link: 'https://x.com/CoWSwap/status/1759633529279791584' },
-]
-
-const MEDIA_COVERAGE = [
-  {
-    title: "Bots fleece DeFi liquidity providers for $500m every year. CoW DAO's new exchange stops them",
-    publisher: 'DLNews',
-    image: '/images/media-coverage/DLNews-bots-fleece.webp',
-    link: 'https://www.dlnews.com/articles/defi/new-cow-swap-amm-will-stop-mev-bots-and-save-users-millions/',
-    linkExternal: true,
-  },
-  {
-    title: 'Ethereum projects unite to protect users from MEV-induced high prices',
-    publisher: 'The Crypto Times',
-    image: '/images/media-coverage/Ethereum-Foundation-Raises-Funds-Website.webp',
-    link: 'https://www.cryptotimes.io/2024/01/22/ethereum-foundation-sells-700-eth-via-cow-protocol/',
-    linkExternal: true,
-  },
-  {
-    title: "CoW Swap: A Beginner's Guide to This New Decentralized Exchange",
-    publisher: 'BeInCrypto',
-    image: '/images/media-coverage/learn_CoW_Swap-covers_logo.webp',
-    link: 'https://beincrypto.com/learn/cow-swap-guide/',
-    linkExternal: true,
-  },
-  {
-    title: 'CoW Swap: Intents, MEV, and Batch Auctions',
-    publisher: 'Shoal Research',
-    image: '/images/media-coverage/shoal-research-intents.webp',
-    link: 'https://www.shoal.gg/p/cow-swap-intents-mev-and-batch-auctions',
-    linkExternal: true,
-  },
-]
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-  categories: {
-    name: string
-    slug: string
-    description: string
-    bgColor: string
-    textColor: string
-    link: string
-    iconColor: string
-    imageUrl: string
-  }[]
-  articles: ArticleListResponse['data']
-  featuredArticles: {
-    title: string
-    description: string
-    link: string
-    cover: string
-  }[]
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: center;
-  align-items: center;
-  max-width: 1760px;
-  width: 100%;
-  margin: 42px auto 0;
-  gap: 24px;
-
-  h1 {
-    font-size: 28px;
-    font-weight: ${Font.weight.medium};
-    color: ${Color.neutral50};
-    text-align: center;
-    padding: 0 10px;
-
-    ${Media.upToMedium()} {
-      font-size: 18px;
-    }
-  }
-
-  h2 {
-    font-size: 67px;
-    text-align: center;
-    padding: 0 10px 16px;
-
-    ${Media.upToMedium()} {
-      font-size: 26px;
-    }
-  }
-`
-
-export default function Page({ siteConfigData, categories, articles, featuredArticles }: PageProps) {
-  const { title } = siteConfigData
-  const { LazyImage } = useLazyLoadImages()
-
-  return (
-    <Layout metaTitle={`Knowledge Base - ${title}`}>
-      <Wrapper>
-        <h1>Learn - Knowledge Base</h1>
-        <h2>Hi, how can we help?</h2>
-
-        <CategoryLinks allCategories={categories} noDivider />
-
-        <SearchBar articles={articles} />
-
-        <ContainerCard marginMobile="0 auto 24px">
-          <ContainerCardInner maxWidth={1350}>
-            <ContainerCardSection>
-              <ContainerCardSectionTop alignMobile="center">
-                <ContainerCardSectionTopTitle>Featured articles</ContainerCardSectionTopTitle>
-                <ArrowButton link="/learn/articles" text="All articles" />
-              </ContainerCardSectionTop>
-              <ArticleList columnsTablet={2}>
-                {featuredArticles.map(({ title, description, cover, link }, index) => (
-                  <ArticleCard key={index} href={link} onClick={() => clickOnKnowledgeBase(`click-article-${title}`)}>
-                    <ArticleImage color="#000">
-                      {cover && <LazyImage src={cover} alt={title} width={700} height={200} />}
-                    </ArticleImage>
-                    <ArticleTitle>{title}</ArticleTitle>
-                    <ArticleDescription>{description}</ArticleDescription>
-                  </ArticleCard>
-                ))}
-              </ArticleList>
-            </ContainerCardSection>
-
-            <ContainerCardSection>
-              <ContainerCardSectionTop>
-                <ContainerCardSectionTopTitle>Topics</ContainerCardSectionTopTitle>
-              </ContainerCardSectionTop>
-              <TopicList columns={3}>
-                {categories.map(({ name, bgColor, textColor, iconColor, link, imageUrl }, index) => {
-                  return (
-                    <TopicCard
-                      key={index}
-                      bgColor={bgColor}
-                      textColor={textColor}
-                      href={link}
-                      onClick={() => clickOnKnowledgeBase(`click-topic-${name}`)}
-                    >
-                      <TopicImage iconColor={iconColor} bgColor={bgColor} borderRadius={90} widthMobile={'auto'}>
-                        {imageUrl ? (
-                          <LazyImage
-                            src={imageUrl}
-                            alt={name}
-                            width={82}
-                            height={82}
-                            onError={(e) => {
-                              e.currentTarget.onerror = null
-                              e.currentTarget.style.display = 'none'
-                            }}
-                          />
-                        ) : (
-                          <span>{name.charAt(0)}</span>
-                        )}
-                      </TopicImage>
-                      <TopicTitle>{name}</TopicTitle>
-                    </TopicCard>
-                  )
-                })}
-              </TopicList>
-            </ContainerCardSection>
-
-            <ContainerCardSection>
-              <ContainerCardSectionTop>
-                <ContainerCardSectionTopTitle>Podcasts & Spaces</ContainerCardSectionTopTitle>
-              </ContainerCardSectionTop>
-              <LinkSection gap={56}>
-                <LinkColumn>
-                  <h5>Podcasts</h5>
-                  {PODCASTS.map((podcast, index) => (
-                    <LinkItem
-                      key={index}
-                      href={`${podcast.link}?utm_source=cow.fi&utm_medium=web&utm_content=podcast-${podcast.title}`}
-                      rel="noopener noreferrer nofollow"
-                      target="_blank"
-                      onClick={() => clickOnKnowledgeBase(`click-podcast-${podcast.title}`)}
-                    >
-                      {podcast.title}
-                      <span>→</span>
-                    </LinkItem>
-                  ))}
-                </LinkColumn>
-
-                <LinkColumn>
-                  <h5>Spaces</h5>
-                  {SPACES.map((space, index) => (
-                    <LinkItem
-                      key={index}
-                      href={`${space.link}?utm_source=cow.fi&utm_medium=web&utm_content=space-${space.title}`}
-                      rel="noopener noreferrer nofollow"
-                      target="_blank"
-                      onClick={() => clickOnKnowledgeBase(`click-space-${space.title}`)}
-                    >
-                      {space.title}
-                      <span>→</span>
-                    </LinkItem>
-                  ))}
-                </LinkColumn>
-              </LinkSection>
-            </ContainerCardSection>
-
-            <ContainerCardSection>
-              <ContainerCardSectionTop>
-                <ContainerCardSectionTopTitle>Media coverage</ContainerCardSectionTopTitle>
-              </ContainerCardSectionTop>
-              <ArticleList columns={4}>
-                {MEDIA_COVERAGE.map(({ image, title, publisher, link, linkExternal }, index) => (
-                  <ArticleCard
-                    key={index}
-                    href={`${link}?utm_source=cow.fi&utm_medium=web&utm_content=media-${title}`}
-                    target={linkExternal ? '_blank' : '_self'}
-                    rel={linkExternal ? 'noopener' : ''}
-                    onClick={() => clickOnKnowledgeBase(`click-media-${title}`)}
-                  >
-                    <ArticleImage>{image && <LazyImage src={image} alt={title} />}</ArticleImage>
-                    <ArticleTitle fontSize={21}>{title}</ArticleTitle>
-                    <ArticleDescription>Published by {publisher}</ArticleDescription>
-                  </ArticleCard>
-                ))}
-              </ArticleList>
-            </ContainerCardSection>
-          </ContainerCardInner>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral98} padding="0" touchFooter>
-          <CTASectionWrapper>
-            <CTAImage color={'#00A1FF'}>
-              <LazySVG src={IMG_ICON_BULB_COW} />
-            </CTAImage>
-            <CTASubtitle>Explore, learn, integrate</CTASubtitle>
-            <CTATitle>CoW DAO documentation</CTATitle>
-            <CTAButton
-              href="https://docs.cow.fi/?utm_source=cow.fi&utm_medium=web&utm_content=cta-read-docs"
-              target="_blank"
-              rel="noopener noreferrer"
-              onClick={() => clickOnKnowledgeBase('click-read-docs')}
-            >
-              Read the docs
-            </CTAButton>
-          </CTASectionWrapper>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-  const categoriesResponse = await getCategories()
-  const articlesResponse = await getArticles()
-
-  const featuredArticlesResponse = await getArticles({
-    filters: { featured: { $eq: true } },
-    pageSize: 6,
-  })
-
-  const categories =
-    categoriesResponse?.map((category: any) => {
-      const imageUrl = category?.attributes?.image?.data?.attributes?.url || ''
-
-      return {
-        name: category?.attributes?.name || '',
-        slug: category?.attributes?.slug || '',
-        description: category?.attributes?.description || '',
-        bgColor: category?.attributes?.backgroundColor || '#fff',
-        textColor: category?.attributes?.textColor || '#000',
-        link: `/learn/topic/${category?.attributes?.slug}`,
-        iconColor: '#fff',
-        imageUrl,
-      }
-    }) || []
-
-  const featuredArticles = featuredArticlesResponse.data.map((article) => {
-    const attributes = article.attributes
-    return {
-      title: attributes?.title || 'No title',
-      description: attributes?.description || 'No description',
-      link: `/learn/${attributes?.slug || 'no-slug'}`,
-      cover: attributes?.cover?.data?.attributes?.url || '',
-    }
-  })
-
-  return {
-    props: {
-      siteConfigData,
-      categories,
-      articles: articlesResponse.data,
-      featuredArticles,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/learn/topic/[topicSlug].tsx b/apps/cow-fi/pages/learn/topic/[topicSlug].tsx
deleted file mode 100644
index 03ce681f8e..0000000000
--- a/apps/cow-fi/pages/learn/topic/[topicSlug].tsx
+++ /dev/null
@@ -1,219 +0,0 @@
-import React from 'react'
-import { GetStaticPaths, GetStaticProps } from 'next'
-import styled from 'styled-components/macro'
-import { Font, Color, Media } from '@cowprotocol/ui'
-import Layout from '@/components/Layout'
-import { getCategoryBySlug, getAllCategorySlugs, getArticles, getCategories } from 'services/cms'
-import { SearchBar } from '@/components/SearchBar'
-import { ArrowButton } from '@/components/ArrowButton'
-
-import {
-  Breadcrumbs,
-  ContainerCard,
-  ContainerCardSection,
-  ContainerCardInner,
-  ContainerCardSectionTop,
-  LinkSection,
-  LinkColumn,
-  LinkItem,
-} from '@/styles/styled'
-import { clickOnKnowledgeBase } from 'modules/analytics'
-import { CmsImage } from '@cowprotocol/ui'
-import { CategoryLinks } from '@/components/CategoryLinks'
-const Wrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 1760px;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 34px;
-  padding: 0 16px;
-
-  ${Media.upToMedium()} {
-    margin: 0 auto;
-    gap: 24px;
-  }
-`
-
-const CategoryTitle = styled.div`
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
-  gap: 24px;
-  font-size: 52px;
-
-  ${Media.upToMedium()} {
-    font-size: 32px;
-  }
-
-  > h1 {
-    font-size: inherit;
-  }
-`
-
-const CategoryImageWrapper = styled.div`
-  --size: 82px;
-  width: var(--size);
-  height: var(--size);
-  border-radius: var(--size);
-  display: flex;
-  justify-content: center;
-`
-
-const CategoryImage = styled(CmsImage)`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  border-radius: inherit;
-`
-
-const CategoryDescription = styled.div`
-  font-size: 21px;
-  line-height: 1.5;
-  color: ${Color.neutral20};
-  display: flex;
-  flex-flow: column wrap;
-  gap: 24px;
-
-  > p {
-    margin: 0;
-    font-size: inherit;
-    line-height: inherit;
-    color: inherit;
-  }
-
-  > i {
-    font-size: 16px;
-    font-weight: ${Font.weight.bold};
-    color: ${Color.neutral0};
-    font-style: normal;
-  }
-`
-
-interface TopicPageProps {
-  category: any
-  articles: any[]
-  allCategories: { name: string; slug: string }[]
-}
-
-export default function TopicPage({ category, articles, allCategories }: TopicPageProps) {
-  const { name, description, image } = category.attributes || {}
-  const imageUrl = image?.data?.attributes?.url
-
-  return (
-    <Layout metaTitle={`${name} - Knowledge Base`} metaDescription={description}>
-      <Wrapper>
-        <CategoryLinks allCategories={allCategories} />
-
-        <SearchBar articles={articles} />
-
-        <ContainerCard gap={42} gapMobile={24} minHeight="100vh" alignContent="flex-start" touchFooter>
-          <ContainerCardInner maxWidth={970} gap={24} gapMobile={24}>
-            <Breadcrumbs padding={'0'}>
-              <a href="/" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-home')}>
-                Home
-              </a>
-              <a href="/learn" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-knowledgebase')}>
-                Knowledge Base
-              </a>
-              <a href="/learn/topics/" onClick={() => clickOnKnowledgeBase('click-breadcrumbs-topics')}>
-                Topic
-              </a>
-              <span>{name}</span>
-            </Breadcrumbs>
-
-            <ContainerCardSectionTop>
-              <CategoryTitle>
-                {imageUrl && (
-                  <CategoryImageWrapper>
-                    <CategoryImage src={imageUrl} alt={name} width={82} height={82} />
-                  </CategoryImageWrapper>
-                )}
-                <h1>{name}</h1>
-              </CategoryTitle>
-              <ArrowButton link="/learn/topics" text="All topics" />
-            </ContainerCardSectionTop>
-
-            <ContainerCardSection>
-              <CategoryDescription>
-                <p>{description}</p>
-                <i>{articles.length} articles</i>
-              </CategoryDescription>
-
-              <LinkSection bgColor={'transparent'} columns={1} padding="0">
-                <LinkColumn>
-                  {articles?.map((article) =>
-                    article.attributes ? (
-                      <LinkItem
-                        key={article.id}
-                        href={`/learn/${article.attributes.slug}`}
-                        onClick={() => clickOnKnowledgeBase(`click-article-${article.attributes.title}`)}
-                      >
-                        {article.attributes.title}
-                        <span>→</span>
-                      </LinkItem>
-                    ) : null,
-                  )}
-                </LinkColumn>
-              </LinkSection>
-            </ContainerCardSection>
-          </ContainerCardInner>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps = async ({ params }) => {
-  const slug = params?.topicSlug as string
-  const category = await getCategoryBySlug(slug)
-
-  if (!category) {
-    return {
-      notFound: true,
-    }
-  }
-
-  const articlesResponse = await getArticles({
-    page: 0,
-    pageSize: 50,
-    filters: {
-      categories: {
-        slug: {
-          $eq: slug,
-        },
-      },
-    },
-  })
-
-  const articles = articlesResponse.data
-
-  const categoriesResponse = await getCategories()
-  const allCategories =
-    categoriesResponse?.map((category: any) => ({
-      name: category?.attributes?.name || '',
-      slug: category?.attributes?.slug || '',
-    })) || []
-
-  return {
-    props: {
-      category,
-      articles,
-      allCategories,
-    },
-    revalidate: 5 * 60,
-  }
-}
-
-export const getStaticPaths: GetStaticPaths = async () => {
-  const categoriesResponse = await getAllCategorySlugs()
-  const paths = categoriesResponse.map((slug) => ({
-    params: { topicSlug: slug },
-  }))
-
-  return {
-    paths,
-    fallback: false,
-  }
-}
diff --git a/apps/cow-fi/pages/learn/topics.tsx b/apps/cow-fi/pages/learn/topics.tsx
deleted file mode 100644
index 8d6ff9a1a9..0000000000
--- a/apps/cow-fi/pages/learn/topics.tsx
+++ /dev/null
@@ -1,158 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Font, Color, Media } from '@cowprotocol/ui'
-
-import styled from 'styled-components/macro'
-
-import Layout from '@/components/Layout'
-import { getCategories, getArticles, ArticleListResponse } from 'services/cms'
-
-import { SearchBar } from '@/components/SearchBar'
-import { ArrowButton } from '@/components/ArrowButton'
-
-import {
-  ContainerCard,
-  ContainerCardSection,
-  ContainerCardInner,
-  ContainerCardSectionTop,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  ContainerCardSectionTopTitle,
-  TopicTitle,
-} from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnKnowledgeBase } from 'modules/analytics'
-import { CmsImage } from '@cowprotocol/ui'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-  categories: {
-    name: string
-    slug: string
-    description: string
-    bgColor: string
-    textColor: string
-    link: string
-    iconColor: string
-    imageUrl: string
-  }[]
-  articles: ArticleListResponse['data']
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  margin: 42px auto 0;
-  gap: 34px;
-  max-width: 1760px;
-
-  h1 {
-    font-size: 28px;
-    font-weight: ${Font.weight.medium};
-    color: ${Color.neutral50};
-    text-align: center;
-
-    ${Media.upToMedium()} {
-      font-size: 18px;
-    }
-  }
-
-  h2 {
-    font-size: 67px;
-    text-align: center;
-
-    ${Media.upToMedium()} {
-      font-size: 38px;
-    }
-  }
-`
-
-export default function Page({ siteConfigData, categories, articles }: PageProps) {
-  const { title } = siteConfigData
-
-  return (
-    <Layout metaTitle={`Knowledge Base topics - ${title}`} metaDescription="All knowledge base topics">
-      <Wrapper>
-        <h1>Knowledge Base</h1>
-        <h2>All Topics</h2>
-
-        <SearchBar articles={articles || []} />
-
-        <ContainerCard touchFooter>
-          <ContainerCardInner maxWidth={970} gap={24} gapMobile={24}>
-            <ContainerCardSection>
-              <ContainerCardSectionTop>
-                <ContainerCardSectionTopTitle>Topics</ContainerCardSectionTopTitle>
-                <ArrowButton link="/learn" text="Overview" />
-              </ContainerCardSectionTop>
-              <TopicList columns={3}>
-                {categories.map(({ name, bgColor, textColor, iconColor, link, imageUrl }, index) => (
-                  <TopicCard
-                    key={index}
-                    bgColor={bgColor}
-                    textColor={textColor}
-                    href={link}
-                    onClick={() => clickOnKnowledgeBase(`click-topic-${name}`)}
-                  >
-                    <TopicImage iconColor={iconColor}>
-                      {imageUrl ? (
-                        <CmsImage
-                          src={imageUrl}
-                          alt={name}
-                          width={82}
-                          height={82}
-                          onError={(e: React.SyntheticEvent<HTMLImageElement, Event>) => {
-                            e.currentTarget.onerror = null
-                            e.currentTarget.style.display = 'none'
-                          }}
-                        />
-                      ) : (
-                        <span>{name.charAt(0)}</span>
-                      )}
-                    </TopicImage>
-                    <TopicTitle>{name}</TopicTitle>
-                  </TopicCard>
-                ))}
-              </TopicList>
-            </ContainerCardSection>
-          </ContainerCardInner>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-  const categoriesResponse = await getCategories()
-  const articlesResponse = await getArticles()
-
-  const categories =
-    categoriesResponse?.map((category: any) => {
-      const imageUrl = category?.attributes?.image?.data?.attributes?.url || ''
-
-      return {
-        name: category?.attributes?.name || '',
-        slug: category?.attributes?.slug || '',
-        description: category?.attributes?.description || '',
-        bgColor: category?.attributes?.backgroundColor || '#fff',
-        textColor: category?.attributes?.textColor || '#000',
-        link: `/learn/topic/${category?.attributes?.slug}`,
-        iconColor: 'transparent',
-        imageUrl,
-      }
-    }) || []
-
-  return {
-    props: {
-      siteConfigData,
-      categories,
-      articles: articlesResponse.data,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/legal/cowswap-cookie-policy.tsx b/apps/cow-fi/pages/legal/cowswap-cookie-policy.tsx
deleted file mode 100644
index ed9ec04ac7..0000000000
--- a/apps/cow-fi/pages/legal/cowswap-cookie-policy.tsx
+++ /dev/null
@@ -1,438 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color } from '@cowprotocol/ui'
-
-import styled from 'styled-components/macro'
-
-import Layout from '@/components/Layout'
-import { Link } from '@/components/Link'
-
-import {
-  ContainerCard,
-  ArticleContent,
-  Breadcrumbs,
-  ArticleMainTitle,
-  BodyContent,
-  ColorTableContainer,
-} from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnLegal } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1000px;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 24px;
-`
-
-export default function Page({ siteConfigData }: PageProps) {
-  const { title } = siteConfigData
-
-  return (
-    <Layout bgColor={Color.neutral90} metaTitle="CoW Swap - Cookie policy" metaDescription="Cookie policy for CoW">
-      <Wrapper>
-        <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
-          <ArticleContent maxWidth="100%">
-            <Breadcrumbs>
-              <Link href="/ " onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Home
-              </Link>
-              <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Legal
-              </Link>
-              <span>{title}</span>
-            </Breadcrumbs>
-
-            <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
-              {title}
-            </ArticleMainTitle>
-
-            <BodyContent>
-              <p>
-                <strong>Last updated: November 2022</strong>
-              </p>
-              <p>
-                As further described in the Privacy Policy, certain statistical information is available to us via our
-                internet service provider as well as through the use of special tracking technologies. Such information
-                tells us about the pages you are clicking on or the hardware you are using, but not your name, age,
-                address or anything we can use to identify you personally.
-              </p>
-              <p>
-                This Cookie Policy sets out some further detail on how and why we use these technologies on our website
-                or websites we may host on behalf of clients. The terms &quot;Nomev&quot;, &quot;we&quot;,
-                &quot;us&quot;, and &quot;our&quot; include Nomev Labs, Lda and affiliates. The terms “you” and “your”
-                include our clients, business partners and users of this website. By using our website, you consent to
-                storage and access to cookies and other technologies on your device, in accordance with this Cookie
-                Policy.
-              </p>
-              <h2 id="1-what-are-cookies-">1. What are cookies?</h2>
-              <p>
-                Cookies are a feature of web browser software that allows web servers to recognize the computer or
-                device used to access a website. A cookie is a small text file that a website saves on your computer or
-                mobile device when you visit the site. It enables the website to remember your actions and preferences
-                (such as login, language, font size and other display preferences) over a period of time, so you
-                don&#39;t have to keep re-entering them whenever you come back to the site or browse from one page to
-                another.
-              </p>
-              <h2 id="2-what-are-the-different-types-of-cookies-">2. What are the different types of cookies?</h2>
-              <p>
-                A cookie can be classified by its lifespan and the domain to which it belongs. By lifespan, a cookie is
-                either a:
-              </p>
-              <ul>
-                <li>session cookie which is erased when the user closes the browser; or</li>
-                <li>
-                  persistent cookie which is saved to the hard drive and remains on the user&#39;s computer/device for a
-                  pre-defined period of time.
-                </li>
-              </ul>
-              <p>As for the domain to which it belongs, cookies are either:</p>
-              <ul>
-                <li>
-                  first-party cookies which are set by the web server of the visited page and share the same domain
-                  (i.e. set by us); or
-                </li>
-                <li>third-party cookies stored by a different domain to the visited page&#39;s domain.</li>
-              </ul>
-              <h2 id="3-what-cookies-do-we-use-and-why-">3. What cookies do we use and why?</h2>
-              <p>We list all the cookies we use on this website in the APPENDIX below.</p>
-              <p>
-                Cookies are also sometimes classified by reference to their purpose. We use the following cookies for
-                the following purposes:
-              </p>
-              <ul>
-                <li>
-                  Analytical/performance cookies: They allow us to recognize and count the number of visitors and to see
-                  how visitors move around our website when they are using it, as well as dates and times they visit.
-                  This helps us to improve the way our website works, for example, by ensuring that users are finding
-                  what they are looking for easily.
-                </li>
-                <li>
-                  Targeting cookies: These cookies record your visit to our website, the pages you have visited and the
-                  links you have followed, as well as time spent on our website, and the websites visited just before
-                  and just after our website. We will use this information to make our website and the advertising
-                  displayed on it more relevant to your interests. We may also share this information with third parties
-                  for this purpose.
-                </li>
-              </ul>
-              <p>
-                In general, we use cookies and other technologies (such as web server logs) on our website to enhance
-                your experience and to collect information about how our website is used. This information is put
-                together (‘aggregated’) and provides general and not individually specific information. None of this
-                information is therefore associated with you as an individual and the cookie-related information is not
-                used to identify you personally. It is therefore anonymized and ‘de-identified’. The pattern data is
-                fully under our control and these cookies are not used for any purpose other than those described here.
-              </p>
-              <p>
-                We will retain and evaluate information on your recent visits to our website and how you move around
-                different sections of our website for analytics purposes to understand how people use our website so
-                that we can make it more intuitive. The information also helps us to understand which parts of this
-                website are most popular and generally to assess user behaviour and characteristics to measure interest
-                in and use of the various areas of our website. This then allows us to improve our website and the way
-                we market our business.
-              </p>
-              <p>
-                This information may also be used to help us to improve, administer and diagnose problems with our
-                server and website. The information also helps us monitor traffic on our website so that we can manage
-                our website&#39;s capacity and efficiency.
-              </p>
-              <h2 id="4-other-technologies">4. Other Technologies</h2>
-              <p>
-                We may allow others to provide analytics services and serve advertisements on our behalf. In addition to
-                the uses of cookies described above, these entities may use other methods, such as the technologies
-                described below, to collect information about your use of our website and other websites and online
-                services.
-              </p>
-              <p>
-                Pixels tags. Pixel tags (which are also called clear GIFs, web beacons, or pixels), are small pieces of
-                code that can be embedded on websites and emails. Pixels tags may be used to learn how you interact with
-                our website pages and emails, and this information helps us, and our partners provide you with a more
-                tailored experience.
-              </p>
-              <p>
-                Device Identifiers. A device identifier is a unique label that can be used to identify a mobile device.
-                Device identifiers may be used to track, analyse and improve the performance of the website and ads
-                delivered.
-              </p>
-              <h2 id="5-what-data-is-collected-by-cookies-and-other-technologies-on-our-website-">
-                5. What data is collected by cookies and other technologies on our website?
-              </h2>
-              <p>This information may include:</p>
-              <ul>
-                <li>
-                  the IP and logical address of the server you are using (but the last digits are anonymized so we
-                  cannot identify you);
-                </li>
-                <li>the top level domain name from which you access the internet (for example .ie, .com, etc);</li>
-                <li>the type of browser you are using;</li>
-                <li>the date and time you access our website;</li>
-                <li>the internet address linking to our website;</li>
-              </ul>
-              <p>This website also uses cookies to:</p>
-              <ul>
-                <li>remember you and your actions while navigating between pages;</li>
-                <li>remember if you have agreed (or not) to our use of cookies on our website;</li>
-                <li>ensure the security of the website;</li>
-                <li>monitor and improve the performance of servers hosting the site;</li>
-                <li>distinguish users and sessions;</li>
-                <li>Improving the speed of the site when you access content repeatedly;</li>
-                <li>determine new sessions and visits;</li>
-                <li>show the traffic source or campaign that explains how you may have reached our website; and</li>
-                <li>allow us to store any customization preferences where our website allows this</li>
-              </ul>
-              <p>
-                We may also use other services, such as{' '}
-                <a href="https://www.google.com/analytics/" target="_blank" rel="nofollow noopener">
-                  Google Analytics
-                </a>{' '}
-                (described below) or other third-party cookies, to assist with analysing performance on our website. As
-                part of providing these services, these service providers may use cookies and the technologies described
-                below to collect and store information about your device, such as time of visit, pages visited, time
-                spent on each page of our website, links clicked and conversion information, IP address, browser, mobile
-                network information, and type of operating system used.
-              </p>
-              <h2 id="6-google-analytics-cookies">6. Google Analytics Cookies</h2>
-              <p>
-                This website uses{' '}
-                <a href="https://www.google.com/analytics/" target="_blank" rel="nofollow noopener">
-                  Google Analytics
-                </a>
-                , a web analytics service provided by Google, Inc. (&quot;Google&quot;).
-              </p>
-              <p>
-                We use Google Analytics to track your preferences and also to identify popular sections of our website.
-                Use of Google Analytics in this way, enables us to adapt the content of our website more specifically to
-                your needs and thereby improve what we can offer to you.
-              </p>
-              <p>
-                Google will use this information for the purpose of evaluating your use of our website, compiling
-                reports on website activity for website operators and providing other services relating to website
-                activity and internet usage. Google may also transfer this information to third parties where required
-                to do so by law, or where such third parties process the information on Google&#39;s behalf. Google will
-                not associate your IP address with any other data held by Google.
-              </p>
-              <p>In particular Google Analytics tells us:</p>
-              <ul>
-                <li>your IP address (last 3 digits are masked);</li>
-                <li>the number of pages visited;</li>
-                <li>the time and duration of the visit;</li>
-                <li>your location;</li>
-                <li>the website you came from (if any);</li>
-                <li>the type of hardware you use (i.e. whether you are browsing from a desktop or a mobile device);</li>
-                <li>the software used (type of browser); and</li>
-                <li>your general interaction with our website.</li>
-              </ul>
-              <p>
-                As stated above, cookie-related information is not used to identify you personally, and what is compiled
-                is only aggregate data that tells us, for example, what countries we are most popular in, but not that
-                you live in a particular country or your precise location when you visited our website (this is because
-                we have only half the information- we know the country the person is browsing from, but not the name of
-                person who is browsing). In such an example Google will analyse the number of users for us, but the
-                relevant cookies do not reveal their identities.
-              </p>
-              <p>
-                By using this website, you consent to the processing of data about you by Google in the manner and for
-                the purposes set out above. Google Analytics, its purpose and function is further explained on the{' '}
-                <a href="https://www.google.com/analytics/" target="_blank" rel="nofollow noopener">
-                  Google Analytics website
-                </a>
-                .
-              </p>
-              <p>
-                For more information about Google Analytics cookies, please see Google&#39;s help pages and privacy
-                policy:{' '}
-                <a href="https://www.google.com/intl/en/policies/privacy/" target="_blank" rel="nofollow noopener">
-                  Google&#39;s Privacy Policy
-                </a>{' '}
-                and{' '}
-                <a
-                  href="https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage"
-                  target="_blank"
-                  rel="nofollow noopener"
-                >
-                  Google Analytics Help pages
-                </a>
-                . For further information about the use of these cookies by Google{' '}
-                <a href="https://support.google.com/analytics/answer/6004245" target="_blank" rel="nofollow noopener">
-                  click here
-                </a>
-                .
-              </p>
-              <h2 id="7-what-if-you-don-t-agree-with-us-monitoring-your-use-of-our-website-even-if-we-don-t-collect-your-personal-data-">
-                7. What if you don’t agree with us monitoring your use of our website (even if we don’t collect your
-                personal data)?
-              </h2>
-              <p>
-                Enabling these cookies is not strictly necessary for our website to work but it will provide you with a
-                better browsing experience. You can delete or block the cookies we set, but if you do that, some
-                features of this website may not work as intended.
-              </p>
-              <p>
-                Most browsers are initially set to accept cookies. If you prefer, you can set your browser to refuse
-                cookies and control and/or delete cookies as you wish – for details, see{' '}
-                <a href="https://www.aboutcookies.org/" target="_blank" rel="nofollow noopener">
-                  aboutcookies.org
-                </a>
-                . You can delete all cookies that are already on your device and you can set most browsers to prevent
-                them from being placed. You should be aware that if you do this, you may have to manually adjust some
-                preferences every time you visit an Internet site and some services and functionalities may not work if
-                you do not accept the cookies they send.
-              </p>
-              <p>
-                Advertisers and business partners that you access on or through our website may also send you cookies.
-                We do not control any cookies outside of our website.
-              </p>
-              <p>
-                If you have any further questions regarding disabling cookies you should consult with your preferred
-                browser’s provider or manufacturer.
-              </p>
-              <p>
-                In order to implement your objection it may be necessary to install an opt-out cookie on your browser.
-                This cookie will only indicate that you have opted out. It is important to note, that for technical
-                reasons, the opt-out cookie will only affect the browser from which you actively object from. If you
-                delete the cookies in your browser or use a different end device or browser, you will need to opt out
-                again.
-              </p>
-              <p>
-                To opt out of being tracked by Google Analytics across all websites, Google has developed the Google
-                Analytics opt-out browser add-on. If you would like to opt out of Google Analytics, you have the option
-                of downloading and installing this browser add-on which can be found under the link:{' '}
-                <a href="https://tools.google.com/dlpage/gaoptout" target="_blank" rel="nofollow noopener">
-                  https://tools.google.com/dlpage/gaoptout
-                </a>
-                .
-              </p>
-              <h2 id="8-revisions-to-this-cookie-policy">8. Revisions to this Cookie Policy</h2>
-              <p>
-                We may modify this Cookie Policy from time to time. If we make changes to this Cookie Policy, we will
-                provide notice of such changes, such as by sending an email notification, providing notice through our
-                website or updating the ‘Last Updated’ date at the beginning of this Cookie Policy. The amended Cookie
-                Policy will be effective immediately after the date it is posted. By continuing to access or use our
-                website after the effective date, you confirm your acceptance of the revised Cookie Policy and all of
-                the terms incorporated therein by reference. We encourage you to review our Privacy Policy and our
-                Cookie Policy whenever you access or use our website to stay informed about our information practices
-                and the choices available to you.
-              </p>
-              <p>
-                If you do not accept changes which are made to this Cookie Policy, or take any measures described above
-                to opt-out by removing or rejecting cookies, you may continue to use this website but accept that it may
-                not display and/or function as intended by us. Your exercise of any rights to opt-out may also impact
-                how our information and content is displayed and/or accessible to you on this website and on other
-                websites.
-              </p>
-              <h2 id="appendix">APPENDIX</h2>
-              <p>Table: Overview of cookies placed and the consequences if the cookies are not placed</p>
-              <ColorTableContainer>
-                <table>
-                  <thead>
-                    <tr>
-                      <th>Name of cookie</th>
-                      <th>Purpose(s) of cookie</th>
-                      <th>Storage period of cookie</th>
-                      <th>Consequences if cookie is not accepted</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr>
-                      <td>__viewed_cookie_policy</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the use of
-                        cookies from the user. No personal data will be saved.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                    <tr>
-                      <td>__cookielawinfo_checkbox_performance</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
-                        category “performance”.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                    <tr>
-                      <td>__cookielawinfo_checkbox_other</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
-                        category “other”.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                    <tr>
-                      <td>__cookielawinfo_checkbox_necessary</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
-                        category “necessary”.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                    <tr>
-                      <td>__cookielawinfo_checkbox_functional</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
-                        category “functional”.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                    <tr>
-                      <td>__cookielawinfo_checkbox_analytics</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
-                        category “analytics”.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                    <tr>
-                      <td>__cookielawinfo_checkbox_advertisement</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
-                        category “advertisement”.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                    <tr>
-                      <td>CookieLawInfoConsent</td>
-                      <td>
-                        Cookie set by GDPR cookie consent plug-in. Cookie used to save the agreement of the user for
-                        category “LawInfoConsent”.
-                      </td>
-                      <td>1 year from set/update</td>
-                      <td>User activity won&#39;t be tracked</td>
-                    </tr>
-                  </tbody>
-                </table>
-              </ColorTableContainer>
-            </BodyContent>
-          </ArticleContent>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  return {
-    props: {
-      siteConfigData: {
-        ...CONFIG,
-        title: 'CoW Swap Cookie policy',
-        descriptionShort: 'Cookie policy',
-      },
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/legal/cowswap-privacy-policy.tsx b/apps/cow-fi/pages/legal/cowswap-privacy-policy.tsx
deleted file mode 100644
index b9c7aece6c..0000000000
--- a/apps/cow-fi/pages/legal/cowswap-privacy-policy.tsx
+++ /dev/null
@@ -1,708 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color } from '@cowprotocol/ui'
-
-import styled from 'styled-components/macro'
-
-import Layout from '@/components/Layout'
-import { Link } from '@/components/Link'
-
-import { ContainerCard, ArticleContent, Breadcrumbs, ArticleMainTitle, BodyContent } from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnLegal } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1000px;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 24px;
-`
-
-export default function Page({ siteConfigData }: PageProps) {
-  const { title } = siteConfigData
-
-  return (
-    <Layout bgColor={Color.neutral90} metaTitle="CoW Swap - Privacy policy" metaDescription="Privacy policy for CoW">
-      <Wrapper>
-        <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
-          <ArticleContent maxWidth="100%">
-            <Breadcrumbs>
-              <Link href="/ " onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Home
-              </Link>
-              <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Legal
-              </Link>
-              <span>{title}</span>
-            </Breadcrumbs>
-
-            <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
-              {title}
-            </ArticleMainTitle>
-
-            <BodyContent>
-              <p>
-                <strong>Last updated: November 2022</strong>
-              </p>
-              <p>
-                This Policy sets out what Personal Data we collect, how we process it and how long we retain it. This
-                Policy applies to all of our processing activities where we act as a data controller or where we act as
-                data controller on behalf of clients. In this policy, “we”, “us” and “our” refers to Nomev Labs, Lda and
-                affiliates. For more information about us, see the “Our Details” section at the end of this policy.
-              </p>
-              <p>
-                In this Policy, “personal data” means any information relating to you as an identified or identifiable
-                natural person (“Data Subject”); an identifiable natural person is one who can be identified, directly
-                or indirectly, in particular by reference to an identifier such as a name, an online identifier or to
-                one or more factors specific to your physical, physiological, genetic, mental, economic, cultural or
-                social identity.
-              </p>
-              <p>
-                In this Policy, “processing” means any operation or set of operations which is performed on personal
-                data (as defined in this Privacy Policy) or on sets of personal data, whether or not by automated means,
-                such as collection, recording, organisation, structuring, storage, adaptation or alteration, retrieval,
-                consultation, use, disclosure by transmission, dissemination or otherwise making available, alignment or
-                combination, restriction, erasure or destruction.
-              </p>
-              <h2 id="1-your-information-and-the-blockchain">1. Your information and the Blockchain</h2>
-              <p>
-                Blockchain technology, also known as distributed ledger technology (or simply ‘DLT’), is at the core of
-                the business of our clients. Blockchains are decentralised and made up of digitally recorded data in a
-                chain of packages called ‘blocks’. The manner in which these blocks are linked is chronological, meaning
-                that the data is very difficult to alter once recorded. Since the ledger may be distributed all over the
-                world (across several ‘nodes’ which usually replicate the ledger), this means there is no single person
-                making decisions or otherwise administering the system (such as an operator of a cloud computing
-                system), and that there is no centralised place where it is located either.
-              </p>
-              <p>
-                Accordingly, by design, a blockchains records cannot be changed or deleted and is said to be
-                ‘immutable’. This may affect your ability to exercise your rights such as your right to erasure (‘right
-                to be forgotten’), or your rights to object or restrict processing of your personal data. Data on the
-                blockchain cannot be erased and cannot be changed. Although smart contracts may be used to revoke
-                certain access rights, and some content may be made invisible to others, it is not deleted.
-              </p>
-              <p>
-                In certain circumstances, it will be necessary to write certain personal data, such as your wallet
-                address, onto the blockchain; this is done through a smart contract and requires you to execute such
-                transactions using your wallet’s private key.
-              </p>
-              <p>
-                In most cases ultimate decisions to (i) transact on the blockchain using your wallet address, as well as
-                (ii) share the public key relating to your wallet address with anyone (including us) rests with you.
-              </p>
-              <p className={'warn'}>
-                IF YOU WANT TO ENSURE YOUR PRIVACY RIGHTS ARE NOT AFFECTED IN ANY WAY, YOU SHOULD NOT TRANSACT ON
-                BLOCKCHAINS AS CERTAIN RIGHTS MAY NOT BE FULLY AVAILABLE OR EXERCISABLE BY YOU OR US DUE TO THE
-                TECHNOLOGICAL INFRASTRUCTURE OF THE BLOCKCHAIN. IN PARTICULAR THE BLOCKCHAIN IS AVAILABLE TO THE PUBLIC
-                AND ANY PERSONAL DATA SHARED ON THE BLOCKCHAIN WILL BECOME PUBLICLY AVAILABLE
-              </p>
-              <h2 id="2-how-we-use-personal-data">2. How We Use Personal Data</h2>
-              <p>
-                <strong>When visiting our website or websites we host on behalf of clients</strong>
-              </p>
-              <p>
-                We may collect and process Personal Data about your use of our website or websites we host on behalf of
-                clients. This data may include:
-              </p>
-              <ul>
-                <li>The browser types and versions used;</li>
-                <li>The operating system used by the accessing system;</li>
-                <li>The website from which an accessing system reaches the website (so-called referrers);</li>
-                <li>Behaviour: subpage, duration, and revisit;</li>
-                <li>The date and time of access to the website, The Internet protocol address (“IP address”);</li>
-                <li>The Internet service provider of the accessing system;</li>
-                <li>Connected wallet type and wallet address;</li>
-                <li>Session by device; and</li>
-                <li>
-                  Any other similar data and information that may be used in the event of attacks on our information
-                  technology systems.
-                </li>
-              </ul>
-              <p>
-                This data may be processed in order to deliver the content of our website or websites we host on behalf
-                of clients correctly, to optimise the content of our website or websites we host on behalf of clients to
-                ensure the long-term viability of our information technology systems and website technology, and to
-                provide law enforcement authorities with the information necessary for criminal prosecution in case of a
-                cyber-attack. The legal basis for this processing is the legitimate business interests, namely
-                monitoring and improving our website or websites we host on behalf of clients and the proper protection
-                against risks.
-              </p>
-              <p>
-                <strong>
-                  When using swap.cow.fi or other interfaces of a decentralised exchange protocol hosted by us on behalf
-                  of clients
-                </strong>
-              </p>
-              <p>We may collect and process personal data. The data will be stored in different instances.</p>
-              <ul>
-                <li>
-                  In our Amazon Webserver we will store the following data with respect to your intent to trade:
-                  <ul>
-                    <li>Your wallet address;</li>
-                    <li>Application used to connect to the site;</li>
-                    <li>Blockchain used;</li>
-                    <li>Submission time and expiration time.</li>
-                    <li>Type of your order (sell order of Fill &amp; Kill)</li>
-                    <li>Tokens part of the swap and their amounts</li>
-                    <li>Slippage tolerance, set transaction deadline and recipient’s wallet address;</li>
-                    <li>Fee and applicable fee discount.</li>
-                    <li>
-                      AppData including:
-                      <ul>
-                        <li>AppCode;</li>
-                        <li>Environment;</li>
-                        <li>Metadata: quote, slippage and referrer information.</li>
-                      </ul>
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-              <p>
-                The legal basis for this processing is that it is necessary to transact according to your indicated
-                preferences and to show the order details to you and the explorer.
-              </p>
-              <ul>
-                <li>
-                  On the Blockchain the following data will be stored if your intent to trade is successfully included
-                  in a transaction:
-                  <ul>
-                    <li>Your wallet address;</li>
-                    <li>Recipient’s wallet address;</li>
-                    <li>Both sides of the swapped tokens;</li>
-                    <li>Prices;</li>
-                    <li>
-                      AppData hash (hash of the IPFS content pointing to the appData submitted with the intent to
-                      trade).
-                    </li>
-                  </ul>
-                </li>
-              </ul>
-              <p>
-                The legal basis for this processing is that it is necessary to transact successfully according to your
-                wishes. The data will be stored on the Blockchain. Given the technological design of the blockchain, as
-                explained above, this data will become public and it will not likely be possible to delete or change the
-                data at any given time.
-              </p>
-              <ul>
-                <li>
-                  Log Data
-                  <ul>
-                    <li>Your wallet address;</li>
-                    <li>The Internet protocol address (“IP address”); and</li>
-                    <li>Transaction id/ Hash.</li>
-                  </ul>
-                </li>
-              </ul>
-              <p>
-                The legal basis for this processing is that it is necessary to transact according to your indicated
-                preferences.
-              </p>
-              <p>
-                <strong>Participating in User Experience Research</strong>
-              </p>
-              <p>
-                When you participate in our user experience research - or user experience research we conduct on behalf
-                of our clients - we may collect and process some personal data. This data may include:
-              </p>
-              <ul>
-                <li>Your name or pseudonym;</li>
-                <li>Your wallet address(es);</li>
-                <li>Your email address, Telegram handle or Twitter handle;</li>
-                <li>Your occupation;</li>
-                <li>Range of funds you transact with regularly;</li>
-                <li>Usage of tokens, blockchains, exchanges.</li>
-              </ul>
-              <p>
-                In addition, we may take a recording of you while testing the website or website we host on behalf of
-                our clients for internal use. The basis for this collection and processing is our legitimate business
-                interest or that of our clients in monitoring and improving our services. You are never required to
-                share information you are not comfortable sharing.
-              </p>
-              <p>
-                The legal basis for this processing is your consent as provided before participating in user experience
-                research.
-              </p>
-              <p>
-                <strong>Participating in our Bug Bounties and Challenges or those of our clients</strong>
-              </p>
-              <p>
-                When participating in bug bounties or challenges we may collect and process personal data. This data may
-                include:
-              </p>
-              <ul>
-                <li>Your email address;</li>
-                <li>Your name;</li>
-                <li>
-                  The data is used and processed in order to credit the participant the right payment for the reported
-                  bug.
-                </li>
-              </ul>
-              <p>
-                <strong>When visiting our Twitter, Medium or other social media or those of our clients</strong>
-              </p>
-              <p>
-                We may collect and process Personal Data about your use of our Twitter, Medium or other social media.
-                This data may include:
-              </p>
-              <ul>
-                <li>Clicks on a shortened URL;</li>
-                <li>A history of referral URLs for clicks of a shortened URL; and</li>
-                <li>A history of IP addresses used to access a shortened URL.</li>
-                <li>
-                  This data is collected and processed for the purposes to track the success of the marketing campaigns,
-                  blog posts, and other marketing material; and for user demographics in order to identify target
-                  markets. This data is collected and processed for the purpose of improving the content of our shared
-                  links pursuant to our legitimate interests (or those of our clients). When visiting the mentioned
-                  services different data protection regulations apply, please familiarise yourself with their Privacy
-                  Policies.
-                </li>
-              </ul>
-              <p>
-                <strong>Other uses of your Personal Data</strong>
-              </p>
-              <p>
-                We may process any of your Personal Data where it is necessary to establish, exercise, or defend legal
-                claims. The legal basis for this process is our legitimate interests, namely the protection and
-                assertion of our legal rights, your legal rights and the legal rights of others, including our clients.
-              </p>
-              <p>
-                Further, we may process your Personal data where such processing is necessary in order for us to comply
-                with a legal obligation to which we are subject. The legal basis for this processing is our legitimate
-                interests, namely the protection and assertion of our legal rights.
-              </p>
-              <h2 id="3-use-of-third-party-applications">3. Use of Third Party Applications</h2>
-              <p>
-                <strong>Amazon Webserver</strong>
-              </p>
-              <p>
-                We may use the Amazon Web Server (AWS) to store log and database data. For further information and the
-                applicable data protection provisions of AWS please visit{' '}
-                <a href="https://aws.amazon.com/privacy/?nc1=f_pr" target="_blank" rel="nofollow noopener">
-                  https://aws.amazon.com/privacy/?nc1=f_pr
-                </a>
-              </p>
-              <p>
-                <strong>Blockchain</strong>
-              </p>
-              <p>
-                Refer to the Section “Your information and the Blockchain” above. Intents to trade submitted - if
-                successful - will be stored on the blockchain and will be displayed permanently and public, this is part
-                of the nature of the blockchain. If you are new to this field, we highly recommend informing yourself
-                about blockchain technology before using the website.
-              </p>
-              <p>
-                <strong>Calendly</strong>
-              </p>
-              <p>
-                We may use Calendly for scheduling. For further information and the applicable data protection
-                provisions please visit{' '}
-                <a href="https://calendly.com/privacy" target="_blank" rel="nofollow noopener">
-                  https://calendly.com/privacy
-                </a>
-              </p>
-              <p>
-                <strong>Discord</strong>
-              </p>
-              <p>
-                We may use Discord for community management for our clients. For further information and the applicable
-                data protection provisions of Discord please visit{' '}
-                <a href="https://discord.com/privacy" target="_blank" rel="nofollow noopener">
-                  https://discord.com/privacy
-                </a>
-              </p>
-              <p>
-                <strong>Discourse</strong>
-              </p>
-              <p>
-                We may use Discourse for discussion. For further information and the applicable data protection
-                provisions of Discourse please visit{' '}
-                <a href="https://www.discourse.org/privacy" target="_blank" rel="nofollow noopener">
-                  https://www.discourse.org/privacy
-                </a>
-              </p>
-              <p>
-                <strong>Dovetail</strong>
-              </p>
-              <p>
-                We may use Dovetail for storing recordings and interviews as a user testing tool. For further
-                information and the applicable data protection provisions please visit{' '}
-                <a href="https://dovetailapp.com/help/privacy-policy/" target="_blank" rel="nofollow noopener">
-                  https://dovetailapp.com/help/privacy-policy/
-                </a>
-              </p>
-              <p>
-                <strong>Google Workspace</strong>
-              </p>
-              <p>
-                We may use Google Workspace (Drive, Sheets etc.) for storing user interviews and other personal data.
-                For further{' '}
-                <a href="https://policies.google.com/privacy" target="_blank" rel="nofollow noopener">
-                  https://policies.google.com/privacy
-                </a>
-              </p>
-              <p>
-                <strong>Infura</strong>
-              </p>
-              <p>
-                We may use Infura to easily take blockchain applications from testing to scaled deployment. For further
-                information and the applicable data protection provisions of Infura{' '}
-                <a href="https://consensys.net/privacy-policy/" target="_blank" rel="nofollow noopener">
-                  https://consensys.net/privacy-policy/
-                </a>
-              </p>
-              <p>
-                <strong>Maze</strong>
-              </p>
-              <p>
-                We may use Maze as a user testing tool. For further information and the applicable data protection
-                provisions of Maze please visit{' '}
-                <a href="https://maze.co/privacy-policy/" target="_blank" rel="nofollow noopener">
-                  https://maze.co/privacy-policy/
-                </a>
-              </p>
-              <p>
-                <strong>Miro</strong>
-              </p>
-              <p>
-                We may use Miro for whiteboard and other collaborative visualisation. For further information and the
-                applicable data protection provisions please visit{' '}
-                <a href="https://miro.com/legal/privacy-policy/" target="_blank" rel="nofollow noopener">
-                  https://miro.com/legal/privacy-policy/
-                </a>
-              </p>
-              <p>
-                <strong>Support Channels</strong>
-              </p>
-              <p>
-                In order to provide user support on our behalf or on behalf of our clients, we will use different
-                channels like Discord, Discourse, Github or Telegram to facilitate the resolution of any questions and
-                concerns should these arise. By accepting this Privacy Policy, you are deemed to consent to providing
-                the following Personal Data to persons looking to resolve any dispute:
-              </p>
-              <ul>
-                <li>Name and surname;</li>
-                <li>Detailed enquiry description;</li>
-                <li>The date and time that the issue arose;</li>
-                <li>The outcome sought.</li>
-              </ul>
-              <p>
-                <strong>Transmitting Social Media Links</strong>
-              </p>
-              <p>
-                When linking social media links, those services might also collect Personal Data. Please refer to their
-                privacy policies for more information.
-              </p>
-              <p>
-                <strong>Typeform</strong>
-              </p>
-              <p>
-                We use typeform for the registration and submission process. Typeform allows the creation of customised
-                forms for several purposes. Further information and the applicable data protection provisions of
-                typeform please visit{' '}
-                <a href="https://admin.typeform.com/to/dwk6gt" target="_blank" rel="nofollow noopener">
-                  https://admin.typeform.com/to/dwk6gt
-                </a>
-                . Typeform’s purpose and function is further explained under the following link{' '}
-                <a href="https://www.typeform.com/product/" target="_blank" rel="nofollow noopener">
-                  https://www.typeform.com/product/
-                </a>
-              </p>
-              <p>
-                <strong>Vercel</strong>
-              </p>
-              <p>
-                We may use Vercel for optimising website development. For further information and the applicable data
-                protection provisions of Vercel please visit{' '}
-                <a href="https://vercel.com/legal/privacy-policy" target="_blank" rel="nofollow noopener">
-                  https://vercel.com/legal/privacy-policy
-                </a>
-              </p>
-              <p>
-                <strong>Zoom</strong>
-              </p>
-              <p>
-                We may use Zoom for active user research interviews and taking recordings. These records may be stored
-                on Zoom Cloud. For further information and the applicable data protection provisions please visit{' '}
-                <a href="https://explore.zoom.us/en/privacy/" target="_blank" rel="nofollow noopener">
-                  https://explore.zoom.us/en/privacy/
-                </a>
-              </p>
-              <h2 id="4-sharing-your-personal-data">4. Sharing Your Personal Data</h2>
-              <p>
-                We may pass your information to our clients, Business Partners, administration centres, third party
-                service providers, agents, subcontractors and other associated organisations for the purposes of
-                completing tasks and providing our services to you.
-              </p>
-              <p>
-                In addition, when we use any other third-party service providers, we will disclose only the personal
-                information that is necessary to deliver the service required and we will ensure that they keep your
-                information secure and not use it for their own direct marketing purposes.
-              </p>
-              <p>
-                In addition, we may transfer your personal information to a third party as part of a sale of some, or
-                all, of our business and assets or as part of any business restructuring or reorganisation, or if we are
-                under a duty to disclose or share your personal data in order to comply with any legal obligation.
-                However, we will take steps to ensure that your privacy rights continue to be protected.
-              </p>
-              <h2 id="5-data-security">5. Data Security</h2>
-              <p>
-                We have put in place appropriate security measures to prevent your personal data from being accidentally
-                lost, used or accessed in an unauthorised way, altered or disclosed. In addition, we limit access to
-                your personal data to those employees (if applicable), agents, contractors and other third parties who
-                have a business need to know. They will only process your personal data on our instructions and they are
-                subject to a duty of confidentiality. Please note that intents to trade are publicly accessible via the
-                API/Explorer, SDK and may be stored on the Blockchain as per applicable paragraphs above.
-              </p>
-              <p>
-                We have put in place procedures to deal with any suspected personal data breach and will notify you and
-                any applicable regulator of a breach where we are legally required to do so.
-              </p>
-              <h2 id="6-your-rights-as-a-data-subject">6. Your Rights as a Data Subject</h2>
-              <p>
-                You have certain rights under applicable legislation, and in particular under Regulation EU 2016/679
-                (General Data Protection Regulation or ‘GDPR’). We explain these below. You can find out more about the
-                GDPR and your rights by accessing the European Commission’s website.
-              </p>
-              <ul>
-                <li>
-                  <h3 id="right-information-and-access">Right Information and access</h3>
-                  <p>
-                    You have a right to be informed about the processing of your personal data (and if you did not give
-                    it to us, information as to the source) and this Privacy Policy intends to provide the information.
-                    Of course, if you have any further questions you can contact us on the below details.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-rectification">Right to rectification</h3>
-                  <p>
-                    You have the right to have any inaccurate personal information about you rectified and to have any
-                    incomplete personal information about you completed. You may also request that we restrict the
-                    processing of that information. The accuracy of your information is important to us. If you do not
-                    want us to use your Personal Information in the manner set out in this Privacy Policy, or need to
-                    advise us of any changes to your personal information, or would like any more information about the
-                    way in which we collect and use your Personal Information, please contact us at the above details.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-erasure-right-to-be-forgotten-">Right to erasure (right to be ‘forgotten’)</h3>
-                  <p>
-                    You have the general right to request the erasure of your personal information in the following
-                    circumstances:
-                  </p>
-                  <ul>
-                    <li>The personal information is no longer necessary for the purpose for which it was collected;</li>
-                    <li>
-                      You withdraw your consent to consent-based processing and no other legal justification for
-                      processing applies;
-                    </li>
-                    <li>You object to processing for direct marketing purposes;</li>
-                    <li>We unlawfully processed your personal information; and</li>
-                    <li>Erasure is required to comply with a legal obligation that applies to us.</li>
-                  </ul>
-                  <p className={'warn'}>
-                    However, when interacting with the blockchain we may not be able to ensure that your personal data
-                    is deleted. This is because the blockchain is a public decentralised network and blockchain
-                    technology does not generally allow for data to be deleted and your right to erasure may not be able
-                    to be fully enforced. In these circumstances we will only be able to ensure that all personal data
-                    that is held by us is permanently deleted.
-                  </p>
-                  <p>
-                    We will proceed to comply with an erasure request without delay unless continued retention is
-                    necessary for:
-                  </p>
-                  <ul>
-                    <li>Exercising the right of freedom of expression and information;</li>
-                    <li>Complying with a legal obligation under EU or other applicable law;</li>
-                    <li>The performance of a task carried out in the public interest;</li>
-                    <li>
-                      Archiving purposes in the public interest, scientific or historical research purposes, or
-                      statistical purposes, under certain circumstances; and/or
-                    </li>
-                    <li>The establishment, exercise, or defence of legal claims.</li>
-                  </ul>
-                  <p>You can exercise this right at any time by contacting us on the below details.</p>
-                </li>
-                <li>
-                  <h3 id="right-to-restrict-processing-and-right-to-object-to-processing">
-                    Right to restrict processing and right to object to processing
-                  </h3>
-                  <p>You have a right to restrict processing of your personal information, such as where:</p>
-                  <ul>
-                    <li>You contest the accuracy of the personal information;</li>
-                    <li>
-                      Where processing is unlawful you may request, instead of requesting erasure, that we restrict the
-                      use of the unlawfully processed personal information;
-                    </li>
-                    <li>
-                      We no longer need to process your personal information but need to retain your information for the
-                      establishment, exercise, or defence of legal claims.
-                    </li>
-                  </ul>
-                  <p>
-                    You also have the right to object to processing of your personal information under certain
-                    circumstances, such as where the processing is based on your consent and you withdraw that consent.
-                    This may impact the services we can provide and we will explain this to you if you decide to
-                    exercise this right.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-data-portability">Right to data portability</h3>
-                  <p>
-                    Where the legal basis for our processing is your consent or the processing is necessary for the
-                    performance of a contract to which you are party or in order to take steps at your request prior to
-                    entering into a contract, you have a right to receive the personal information you provided to us in
-                    a structured, commonly used and machine-readable format, or ask us to send it to another person.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-freedom-from-automated-decision-making">
-                    Right to freedom from automated decision-making
-                  </h3>
-                  <p>
-                    We do not use automated decision-making, but where any automated decision-making takes place, you
-                    have the right in this case to express your point of view and to contest the decision, as well as
-                    request that decisions based on automated processing concerning you or significantly affecting you
-                    and based on your personal data are made by natural persons, not only by computers.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-object-to-direct-marketing-opting-out-">
-                    Right to object to direct marketing (‘opting out’)
-                  </h3>
-                  <p>
-                    You have a choice about whether or not you wish to receive information from us. We will not contact
-                    you for marketing purposes unless:
-                  </p>
-                  <p>
-                    You have a business relationship with us or one of our clients, and we rely on our legitimate
-                    interests or that of our clients as the lawful basis for processing (as described above) you have
-                    otherwise given your prior consent.
-                  </p>
-                  <p>
-                    You can change your marketing preferences at any time by contacting us. On each and every marketing
-                    communication, we will always provide the option for you to exercise your right to object to the
-                    processing of your personal data for marketing purposes (known as ‘opting-out’) by clicking on the
-                    ‘unsubscribe’ button on our marketing emails or choosing a similar opt-out option on any forms we
-                    use to collect your data. You may also opt-out at any time by contacting us on the below details.
-                    Please note that any administrative or service-related communications (to offer our services, or
-                    notify you of an update to this Privacy Policy or applicable terms of business, etc.) will solely be
-                    directed at our clients or business partners, and such communications generally do not offer an
-                    option to unsubscribe as they are necessary to provide the services requested. Therefore, please be
-                    aware that your ability to opt-out from receiving marketing and promotional materials does not
-                    change our right to contact you regarding your use of our website or websites we host on behalf of
-                    clients or as part of a contractual relationship we may have with you.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-request-access">Right to request access</h3>
-                  <p>
-                    You also have a right to access information we hold about you. We are happy to provide you with
-                    details of your Personal Information that we hold or process. To protect your personal information,
-                    we follow set storage and disclosure procedures, which mean that we will require proof of identity
-                    from you prior to disclosing such information. You can exercise this right at any time by contacting
-                    us on the below details.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-withdraw-consent">Right to withdraw consent</h3>
-                  <p>
-                    Where the legal basis for processing your personal information is your consent, you have the right
-                    to withdraw that consent at any time by contacting us on the below details.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="raising-a-complaint-about-how-we-have-handled-your-personal-data">
-                    Raising a complaint about how we have handled your personal data
-                  </h3>
-                  <p>
-                    If you wish to raise a complaint on how we have handled your personal data, you can contact us as
-                    set out below and we will then investigate the matter.
-                  </p>
-                </li>
-                <li>
-                  <h3 id="right-to-complain-with-a-relevant-supervisory-authority">
-                    Right to complain with a relevant supervisory authority
-                  </h3>
-                  <p>
-                    If we have not responded to you within a reasonable time or if you feel that your complaint has not
-                    been resolved to your satisfaction, you are entitled to make a complaint to the Data Protection
-                    Commissioner under the Data Protection Act. You may do so in the EU member state of your habitual
-                    residence, your place of work or the place of the alleged infringement. In Portugal, the supervisory
-                    authority is the:
-                  </p>
-                  <p>
-                    CNPD - Comissão Nacional de Proteção de Dados
-                    <br />
-                    Av. D. Carlos I, 134, 1º
-                    <br />
-                    1200-651 Lisboa
-                    <br />T (+351) 213 928 400
-                    <br />F (+351) 213 976 832
-                    <br />
-                    <a href="mailto:geral@cnpd.pt">geral@cnpd.pt</a>
-                    <br />
-                    <a href="https://www.cnpd.pt/" target="_blank" rel="nofollow noopener">
-                      https://www.cnpd.pt/
-                    </a>
-                  </p>
-                  <p>
-                    You also have the right to lodge a complaint with the supervisory authority in the country of your
-                    habitual residence, place of work, or the place where you allege an infringement of one or more of
-                    our rights has taken place, if that is based in the EEA.
-                  </p>
-                </li>
-              </ul>
-              <h2 id="7-storing-personal-data">7. Storing Personal Data</h2>
-              <p>
-                We retain your information only for as long as is necessary for the purposes for which we process the
-                information as set out in this policy. However, we may retain your Personal Data for a longer period of
-                time where such retention is necessary for compliance with a legal obligation to which we are subject,
-                or in order to protect your vital interests or the vital interests of another natural person.
-              </p>
-              <h2 id="8-changes-to-this-privacy-policy">8. Changes to This Privacy Policy</h2>
-              <p>
-                We may make changes to this Policy from time to time. Where we do so, we will notify those who have a
-                business relationship with us or who are subscribed to our emailing lists directly of the changes, and
-                change the ‘Last updated’ date above. We encourage you to review the Policy whenever you access or use
-                our website or websites we host on behalf of clients to stay informed about information practices and
-                the choices available to you. If you do not agree to the revised Policy, you should discontinue your use
-                of this website.
-              </p>
-              <h2 id="9-our-details">9. Our Details</h2>
-              <p>
-                This website is hosted by Nomev Labs, Lda on behalf of a client. We are registered in Portugal under
-                registration number PT516811924, and our registered office is located at Rua António Maria Cardoso, No
-                25, piso 4, 1200-027 Lisboa.
-              </p>
-              <p>
-                If you have any queries concerning your rights under this Privacy Policy, please contact us at{' '}
-                <a href="mailto:legal@nomev.io">legal@nomev.io</a>
-              </p>
-            </BodyContent>
-          </ArticleContent>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  return {
-    props: {
-      siteConfigData: {
-        ...CONFIG,
-        title: 'CoW Swap Privacy policy',
-        descriptionShort: 'Privacy policy',
-      },
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/legal/cowswap-terms.tsx b/apps/cow-fi/pages/legal/cowswap-terms.tsx
deleted file mode 100644
index 22cf8ededc..0000000000
--- a/apps/cow-fi/pages/legal/cowswap-terms.tsx
+++ /dev/null
@@ -1,724 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color } from '@cowprotocol/ui'
-
-import styled from 'styled-components/macro'
-
-import Layout from '@/components/Layout'
-import { Link } from '@/components/Link'
-
-import { ContainerCard, ArticleContent, Breadcrumbs, ArticleMainTitle, BodyContent } from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnLegal } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1000px;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 24px;
-`
-
-export default function Page({ siteConfigData }: PageProps) {
-  const { title } = siteConfigData
-
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="CoW Swap - Terms and Conditions"
-      metaDescription="Terms and Conditions for CoW"
-    >
-      <Wrapper>
-        <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
-          <ArticleContent maxWidth="100%">
-            <Breadcrumbs>
-              <Link href="/ " onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Home
-              </Link>
-              <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Legal
-              </Link>
-              <span>{title}</span>
-            </Breadcrumbs>
-
-            <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
-              {title}
-            </ArticleMainTitle>
-
-            <BodyContent>
-              <p>
-                <strong>Last updated: September 2024</strong>
-              </p>
-              <p>
-                These Terms of Use (the &quot;Terms&quot;) govern your access to{' '}
-                <a href="https://cow.fi/" target="_blank" rel="nofollow noopener">
-                  https://cow.fi/
-                </a>{' '}
-                (the &quot;Website&quot;) and use of any products offered or provided through the Website (collectively,
-                the &quot;Products&quot;). The Website and Products are provided to you by CoW DAO (&quot;we&quot;,
-                &quot;our&quot;, or &quot;us&quot;).
-              </p>
-              <p>
-                CoW DAO is a collective managed by community members across various Ethereum Virtual Machine (EVM)
-                compatible blockchains. These blockchains may include, but are not limited to, well-established networks
-                such as Ethereum and Gnosis Chain and emerging solutions within Ethereum layer 2 solutions. The
-                management of CoW DAO is in accordance with its participation agreement. For any inquiries or to
-                establish contact with CoW DAO, please use the forum at{' '}
-                <a href="https://forum.cow.fi/" target="_blank" rel="nofollow noopener">
-                  https://forum.cow.fi/
-                </a>
-                .
-              </p>
-              <p>The Products covered by these terms include but are not limited to:</p>
-              <ul>
-                <li>
-                  <p>The Interface; and</p>
-                </li>
-                <li>
-                  <p>The Forum</p>
-                </li>
-              </ul>
-              <h2 id="important-prior-warnings">Important prior warnings</h2>
-              <h3 id="financial-risks">Financial risks</h3>
-              <p>
-                Interacting with the Interface such as submitting orders to exchange compatible tokens involves
-                significant risks of loss. You could lose all or more of your capital.
-              </p>
-              <p>
-                The tokens’ value is highly volatile causing price fluctuations, as auctions typically run for some time
-                and trades are not executed instantly.
-              </p>
-              <p>
-                Please carefully consider your investment objectives, risk tolerance, and experience before engaging in
-                any trading activities. This is not financial advice, and you should always consult with a qualified
-                financial professional before making any investment decisions.
-              </p>
-              <h3 id="beware-of-scammers">Beware of scammers</h3>
-              <p>
-                We will never contact you first, never ask you for a password, private keys, seed phrase, nor ask you to
-                connect your wallet to a third-party decentralized application.
-              </p>
-              <h3 id="technical-understanding">Technical understanding</h3>
-              <p>
-                Cryptographic assets are described in technical language requiring a comprehensive understanding of
-                computer science and mathematics to appreciate the inherent risks.
-              </p>
-              <h3 id="transactions-on-public-blockchains-are-publicly-accessible">
-                Transactions on public blockchains are publicly accessible
-              </h3>
-              <p>
-                Please be aware that all transactions on public blockchains are permanently recorded and publicly
-                accessible. This means anyone can view the details of your transactions, including the amount, sender,
-                and receiver addresses. While this transparency offers benefits like security and trust, it also means
-                your privacy is not guaranteed. If you require anonymity or confidentiality for your transactions,
-                please consider using a different platform.
-              </p>
-              <h3 id="transactions-on-public-blockchains-are-immutable-and-irreversible">
-                Transactions on public blockchains are immutable and irreversible
-              </h3>
-              <p>
-                Transactions on public blockchains are generally immutable and irreversible. Any transaction thereon is
-                therefore irrevocable and final as soon as it is settled thereon. In the event that you send your tokens
-                to sell to any other destination other than the Protocol smart contracts, such tokens may not be
-                returned. We assume no responsibility and shall have no obligation to you if this occurs, including but
-                not limited to any responsibility to recover, or assist to recover, any such tokens.
-              </p>
-              <h2 id="please-read-these-terms-carefully-before-using-the-website-or-the-products-">
-                Please read these Terms carefully before using the Website or the Products.
-              </h2>
-              <h3 id="acceptance-of-these-terms">Acceptance of these Terms</h3>
-              <p>
-                By accessing the Website and/or by using our Products, you confirm that you accept these Terms and agree
-                to comply with them. If you do not agree, you must not use the Products and leave the Website. If you
-                think that there is an error in these Terms, please contact us at{' '}
-                <a href="mailto:legal@cow.fi" target="_blank" rel="nofollow noopener">
-                  legal@cow.fi
-                </a>
-                .
-              </p>
-              <p>
-                You are also responsible for ensuring that all persons who access the Website or the Products through
-                your internet connection or device are aware of these Terms and that they comply with them.
-              </p>
-              <p>
-                We may terminate or suspend your access to the Website or the Products immediately, without prior notice
-                or liability, if you breach any clause of the Terms. Upon termination of your access, your right to
-                access the website or use the Products will immediately cease.
-              </p>
-              <h3 id="change-of-these-terms">Change of these Terms</h3>
-              <p>
-                We may amend these Terms at our sole discretion. We regularly do so. Every time you wish to access the
-                Website or use the Products, please check these Terms to ensure you understand the terms that apply at
-                that time.
-              </p>
-              <h2 id="cow-protocol">CoW Protocol</h2>
-              <p>
-                CoW Protocol (the &quot;Protocol&quot;) is a decentralized protocol owned and operated by CoW DAO that
-                allows users to trade certain digital assets.
-              </p>
-              <p>
-                CoW Protocol is a set of smart contracts that applies batch auction mechanisms to allow peer-to-peer
-                trades on well-established networks such as Ethereum and Gnosis Chain and emerging solutions within
-                Ethereum layer 2 solutions. CoW DAO is not custodian or counterparty to any transactions executed by you
-                on the Protocol. We do not support any other service, particularly we do not provide any order matching,
-                guaranteed prices, or similar exchange or trading platform services.
-              </p>
-              <p>
-                Please consult our{' '}
-                <a href="https://docs.cow.fi/cow-protocol" target="_blank" rel="nofollow noopener">
-                  documentation
-                </a>{' '}
-                for more information on CoW Protocol.
-              </p>
-              <h2 id="the-interface">The Interface</h2>
-              <p>
-                <a href="https://swap.cow.fi/" target="_blank" rel="nofollow noopener">
-                  https://swap.cow.fi
-                </a>{' '}
-                is a web-hosted user interface (the &quot;Interface&quot;) providing access to CoW Protocol. You may
-                submit orders into the Interface and exchange compatible tokens using the unique features of the
-                Protocol.
-              </p>
-              <p>
-                Please consult our{' '}
-                <a href="https://docs.cow.fi/cow-protocol/tutorials/cow-swap" target="_blank" rel="nofollow noopener">
-                  documentation
-                </a>{' '}
-                for more information on our Interface.
-              </p>
-              <p>
-                The features of the Interface can also be accessed through third parties’ websites integrating our
-                widget (the &quot;Widget&quot;).
-              </p>
-              <p>
-                Please consult our{' '}
-                <a href="https://docs.cow.fi/cow-protocol/tutorials/widget" target="_blank" rel="nofollow noopener">
-                  documentation
-                </a>{' '}
-                for more information on our Widget.
-              </p>
-              <h3 id="restricted-use-of-the-interface">Restricted use of the Interface</h3>
-              <p>
-                To use the Interface, you must be legally capable of entering into a contract. Therefore, you confirm
-                that you are of legal age in your jurisdiction and have the full rights, powers, and authority to enter
-                into and abide by these Terms on your own behalf and on behalf of any company, legal entity or any other
-                undertaking for which you may access or use the Interface.
-              </p>
-              <p>
-                <b>
-                  Furthermore, you confirm that you are not (a) subject to economic or trade sanctions imposed by any
-                  government agency or listed on any prohibited or restricted party list or (b) a citizen, resident, or
-                  organisation located in a jurisdiction subject to comprehensive economic sanctions by, without being
-                  limited to the United Nations, the European Union and its Member States, the United States and the
-                  United Kingdom.
-                </b>
-              </p>
-              <p>
-                Finally, you confirm that your use of the Interface will fully comply with all applicable laws and
-                regulations, and you will not use the Interface to conduct, promote, or facilitate any illegal
-                activities.
-              </p>
-              <h3 id="use-of-the-interface">Use of the Interface</h3>
-              <p>
-                By using the Interface, you understand that you are not buying or selling digital assets from CoW DAO.
-              </p>
-              <p>
-                You are responsible for ensuring that all persons who access or use the Interface through your device or
-                internet connection are aware of these Terms, and that they comply with them.
-              </p>
-              <p>
-                You may have been recommended to the Interface by a third party. We shall not be liable for any
-                agreement or terms that may exist between you and the respective third party.
-              </p>
-              <h3 id="requirements-to-use-the-interface">Requirements to Use the Interface</h3>
-              <p>
-                To use the Interface, you must employ a non-custodial wallet application, enabling interaction with EVM
-                compatible public blockchains. Your connection with the non-custodial wallet provider is governed by the
-                applicable service terms of such a third-party wallet provider. We do not hold custody of your
-                wallet&#39;s contents and are unable to recover or transfer such content. By connecting your wallet to
-                our Interface, you agree to be bound by these Terms and all of the terms incorporated herein by
-                reference.
-              </p>
-              <p>
-                For more details on how to use the Interface please refer to our{' '}
-                <a href="https://swap.cow.fi/#/faq" target="_blank" rel="nofollow noopener">
-                  &quot;FAQ&quot;
-                </a>
-                .
-              </p>
-              <h3 id="fees">Fees</h3>
-              <h4 id="protocol-fee">Protocol fee</h4>
-              <p>
-                The user may incur a fee at protocol level, which - if technically possible - is shown to the user on
-                the Interface when the user places their trade intent. Such a fee is designed in accordance with the
-                specific features of the protocol.
-              </p>
-              <h4 id="widget-integrator-s-fee">Widget Integrator’s Fee</h4>
-              <p>
-                Third-party integrators can embed the Interface on their own website using the Widget may charge an
-                additional service fee to the user of the Widget on their website. The user acknowledges that such a
-                service fee is not charged by us but exclusively by the third-party integrator.
-              </p>
-              <p>
-                The user of the Widget understands and agrees that we are not responsible for such a fee and that it is
-                the sole responsibility of the user of the Widget to carefully review the terms and conditions provided
-                by the third-party integrator before using Widget.
-              </p>
-              <h3 id="interface-changes-updates-and-withdrawal">Interface Changes, Updates and Withdrawal</h3>
-              <p>
-                We may update and change the Interface from time to time. We do not guarantee that the Interface will
-                always be available or be uninterrupted or be free of charge.
-              </p>
-              <p>
-                We reserve the right to suspend or withdraw or restrict the availability of all or any part of the
-                Interface for whatever reasons.
-              </p>
-              <h3 id="non-custody-and-wallet-security">Non-Custody and Wallet Security</h3>
-              <p>
-                The Interface operates as a non-custodial application, which implies that we, at no point in time,
-                assume custody, ownership, or control over your digital assets.
-              </p>
-              <p>
-                This further underscores your unequivocal responsibility for safeguarding the cryptographic private keys
-                associated with your digital asset wallets. Under no circumstances should you disclose your wallet
-                credentials or seed phrase to any third party. We disclaim any responsibility or liability whatsoever in
-                connection with your utilization of a wallet, and we make no representations or warranties regarding the
-                compatibility of the Interface with any particular wallet. Likewise, accountability for any associated
-                wallet rests solely with you, and we shall not be held responsible for any actions or omissions
-                undertaken by you in relation to or as a consequence of your wallet being compromised.
-              </p>
-              <h3 id="no-fiduciary-duty">No Fiduciary Duty</h3>
-              <p>
-                To the fullest extent permitted by law, you acknowledge and agree that we owe no fiduciary duties or
-                liabilities to you or any other party, and that to the extent any such duties or liabilities may exist
-                at law or in equity, those duties and liabilities are hereby irrevocably disclaimed, waived, and
-                eliminated. You further agree that the only duties and obligations that we owe you are those set out
-                expressly in these Terms.
-              </p>
-              <h3 id="tax-responsibility">Tax Responsibility</h3>
-              <p>
-                You are solely responsible to determine if your use of the Interface has tax implications for you. By
-                using the Interface you agree not to hold us liable for any tax liability you incur arising out of or
-                associated with your usage of the Interface or any other action or transaction related thereto.
-              </p>
-              <h2 id="the-forum">The Forum</h2>
-              <h3 id="access-to-and-use-of-https-forum-cow-fi-">
-                Access to and Use of{' '}
-                <a href="https://forum.cow.fi" target="_blank" rel="nofollow noopener">
-                  https://forum.cow.fi
-                </a>
-              </h3>
-              <p>
-                https://forum.cow.fi (the &quot;Forum&quot;) is a moderated online forum for discussing CoW Protocol and
-                partially exercising COW Protocol&#39;s governance process.
-              </p>
-              <p>
-                You may access and use the Forum only for lawful purposes and in compliance with these Terms of Use.
-              </p>
-              <h3 id="registration-and-account-security">Registration and Account Security</h3>
-              <p>
-                In order to use the Forum Name, you may be required to register for an account. You must provide
-                accurate and complete information when registering and you are responsible for keeping your account
-                information up-to-date and secure. You agree not to share your account information with anyone else.
-              </p>
-              <h3 id="acceptable-use">Acceptable Use</h3>
-              <p>
-                You agree not to post any content that is unlawful, harmful, threatening, abusive, harassing,
-                defamatory, vulgar, obscene, invasive of another&#39;s privacy, or otherwise promoting illegal or
-                harmful activities.
-              </p>
-              <p>
-                You will not impersonate any person or entity or falsely state or otherwise misrepresent your
-                affiliation with a person or entity.
-              </p>
-              <p>
-                You will not post advertisements or solicitations of business without explicit permission from the forum
-                administrators.
-              </p>
-              <p>
-                You agree to respect the copyright and intellectual property rights of others. You may not post any
-                content that infringes on the copyright or other intellectual property rights of others.
-              </p>
-              <h3 id="user-conduct">User Conduct</h3>
-              <p>You agree to be respectful of other users of the Forum. You agree not to:</p>
-              <ul>
-                <li>
-                  <p>Harass or bully other users;</p>
-                </li>
-                <li>
-                  <p>Engage in personal attacks or insults;</p>
-                </li>
-                <li>
-                  <p>Spam or post irrelevant content;</p>
-                </li>
-                <li>
-                  <p>Create multiple accounts for the purpose of disrupting or manipulating the forum;</p>
-                </li>
-                <li>
-                  <p>Violate the privacy of other users.</p>
-                </li>
-              </ul>
-              <h3 id="content-ownership-and-responsibility">Content Ownership and Responsibility</h3>
-              <p>
-                You retain all ownership rights to the content you post on the forum. However, by posting content, you
-                grant the forum a non-exclusive, royalty-free license to use, reproduce, and distribute your content.
-              </p>
-              <p>
-                You acknowledge and agree that all content posted on the forum is the sole responsibility of the
-                individual who posted the content.
-              </p>
-              <h3 id="moderation-and-removal-of-content">Moderation and Removal of Content</h3>
-              <p>
-                The forum administrators reserve the right to monitor all user activity on the Forum. We may remove any
-                content that violates these Terms of Use or that we deem to be inappropriate. We may also suspend or
-                terminate your account if you violate these Terms of Use.
-              </p>
-              <h2 id="information-on-the-website-or-products-are-not-advice">
-                Information on the Website or Products are not advice
-              </h2>
-              <p>
-                None of the information available on the Website including the Interface and the Forum, or made
-                otherwise available to you in relation to its use, constitutes any legal, tax, financial or other
-                advice. When in doubt as to the action you should take, you should consult your legal, financial, tax or
-                other professional advisors.
-              </p>
-              <h2 id="intellectual-property-rights">Intellectual Property Rights</h2>
-              <p>
-                Subject to the application of any miscellaneous open source license attaching to the software code of
-                the Protocol and to the software code of the Products, we are the owner of all contents, including but
-                not limited to software, text, images, trademarks, service marks, copyrights, patents, and designs. This
-                means we own all the legal rights to them. You are not allowed to copy, modify, adapt, rent, license,
-                sell, publish, distribute, or share access to the Interface or its contents with anyone else, unless we
-                explicitly give you permission in writing. Simply using the Interface doesn&#39;t give you any ownership
-                rights to it or its contents.
-              </p>
-              <p>
-                Subject to your compliance with these Terms, we grant you a limited, revocable, non-exclusive,
-                non-transferable, non-sublicensable licence to access the Protocol and the Products. This licence does
-                not include any resale, commercial or derivative use of the Protocol or the Products. We reserve and
-                retain all rights not expressly granted to you in these Terms. The Interface may not be reproduced,
-                sold, or otherwise exploited for any commercial purpose without our express prior written consent. You
-                may not frame or utilize framing techniques to enclose any trademark, logo, or other proprietary
-                information of us without our express prior written consent. You may not misuse the Interface and may
-                only use it as permitted by law. If you breach our intellectual property rights in violation of these
-                Terms, your licence to use the Interface will automatically be revoked and terminated immediately.
-              </p>
-              <h2 id="bug-and-default">Bug and Default</h2>
-              <p className={'warn'}>
-                <strong>No Warranties</strong>: THE PRODUCTS ARE PROVIDED &quot;AS IS&quot; AND WITHOUT ANY WARRANTY OF
-                ANY KIND, EXPRESS OR IMPLIED. TO THE FULLEST EXTENT PERMITTED BY LAW, WE DISCLAIM ALL WARRANTIES,
-                EXPRESS, IMPLIED, OR STATUTORY, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-                MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, TITLE, AND NON-INFRINGEMENT.
-              </p>
-              <p className={'warn'}>
-                <strong>Specific Disclaimers</strong>: WITHOUT LIMITING THE FOREGOING, COW DAO DOES NOT WARRANT THAT THE
-                SOFTWARE:
-              </p>
-              <ul>
-                <li>
-                  <p>Will meet your specific requirements or expectations;</p>
-                </li>
-                <li>
-                  <p>Will be uninterrupted, error-free, or completely secure;</p>
-                </li>
-                <li>
-                  <p>Will be compatible with all systems or devices;</p>
-                </li>
-                <li>
-                  <p>Will be accurate, complete, reliable, current, or virus-free.</p>
-                </li>
-              </ul>
-              <h2 id="user-responsibilities-and-prohibited-actions">User Responsibilities and Prohibited Actions</h2>
-              <h3 id="user-responsibilities">User Responsibilities</h3>
-              <p>
-                You are responsible for configuring your information technology and computer programs to access the
-                Products Interface in a secure manner. This includes the use of appropriate virus protection software.
-              </p>
-              <p>You agree to use the Products only for their intended purpose and in accordance with these Terms.</p>
-              <h3 id="prohibited-actions-">Prohibited Actions:</h3>
-              <p>You are prohibited from misusing the Products by knowingly introducing any material that is:</p>
-              <ul>
-                <li>
-                  <p>Malicious, including viruses, worms, Trojan horses, and other harmful software;</p>
-                </li>
-                <li>
-                  <p>
-                    Technologically harmful, including attempts to disrupt or damage the Interface or its
-                    infrastructure.
-                  </p>
-                </li>
-              </ul>
-              <p>You are prohibited from attempting to gain unauthorized access to the:</p>
-              <ul>
-                <li>
-                  <p>Products;</p>
-                </li>
-                <li>
-                  <p>Server(s) hosting the Products;</p>
-                </li>
-                <li>
-                  <p>Any computer or database connected to the Products;</p>
-                </li>
-              </ul>
-              <p>You are prohibited from attacking the Products through:</p>
-              <ul>
-                <li>
-                  <p>Denial-of-service attacks;</p>
-                </li>
-                <li>
-                  <p>Distributed denial-of-service attacks.</p>
-                </li>
-              </ul>
-              <p>You acknowledge that any breach of this clause may constitute a criminal offense.</p>
-              <h2 id="consequences-of-breaching-of-these-terms">Consequences of Breaching of these Terms</h2>
-              <p>
-                We reserve the right to immediately terminate your access to the Website or the Products upon any breach
-                of these Terms.
-              </p>
-              <p>
-                If you breach our intellectual property rights in violation of these Terms, your licence to use the
-                Interface will automatically be revoked and terminated immediately.
-              </p>
-              <p>
-                We may report any breach of this clause to the relevant law enforcement authorities and cooperate with
-                them, including disclosing your identity where possible.
-              </p>
-              <p>
-                Upon termination of your access, your right to use the Website or the Products will immediately cease.
-                Clauses 7 to 22 and any other term intended so will survive any termination of these Terms.
-              </p>
-              <h2 id="indemnification-and-liability">Indemnification and Liability</h2>
-              <p>
-                You agree to release and indemnify, defend and hold us and any of our affiliates harmless, as well as
-                any members, participants, directors, officers, employees, contractors, shareholders and representatives
-                of any of the foregoing, from and against any and all losses, liabilities, damages, costs claims or
-                actions of any kind arising or resulting from your use of the Interface, your breach of these Terms, and
-                any of your acts or omissions that infringe the rights of any person.
-              </p>
-              <p>
-                We reserve the right, at our own expense, to assume exclusive defence and control of any matter
-                otherwise subject to indemnification by you and, in such case, you agree to cooperate with us in the
-                defence of such matter.
-              </p>
-              <p>
-                The indemnity set out here is in addition to, and not in lieu of, any other remedies that may be
-                available to us under applicable law.
-              </p>
-              <h2 id="warranties">Warranties</h2>
-              <p>By using our Products you hereby agree, represent and warrant that:</p>
-              <ul>
-                <li>you have read and understood the Terms and agree to be bound by them;</li>
-                <li>
-                  you do not rely on, and shall have no remedies in respect of, any statement, representation, assurance
-                  or warranty (whether made innocently or negligently) that is not set out in these Terms;
-                </li>
-                <li>
-                  you have reached the legal age of majority applicable to you and you agree to provide legitimate and
-                  lawful documentation proving such status if we so request;
-                </li>
-                <li>
-                  your usage of the Interface is legal under the laws of your jurisdiction or under the laws of any
-                  other jurisdiction to which you may be subject;
-                </li>
-                <li>you are not a person subject to sanction set out by the EU or Portugal;</li>
-                <li>
-                  you understand the functionality, usage, storage, transmission mechanisms and intricacies associated
-                  with cryptographic assets, token storage facilities (including wallets), blockchain technology and
-                  blockchain-based software systems;
-                </li>
-                <li>
-                  you understand that transactions on the Ethereum Mainnet, Gnosis Chain and compatible layer 2
-                  solutions are irreversible and may not be erased and that your wallet address and any transaction is
-                  displayed permanently and publicly and that you relinquish any right of rectification or erasure of
-                  personal data;
-                </li>
-                <li>
-                  you shall comply with any applicable tax obligations in your jurisdiction arising from your use of the
-                  interface;
-                </li>
-                <li>
-                  you shall not misuse or gain unauthorised access to the Interface by knowingly introducing viruses,
-                  Trojan horses, worms, time-bombs, keystroke loggers, spyware, adware or any other harmful programs or
-                  similar computer code designed to adversely affect the Interface and that in the event you do so or
-                  otherwise attack the Interface, we report any such activity to the relevant law enforcement
-                  authorities;
-                </li>
-                <li>
-                  you shall not access without authority, interfere with, damage or disrupt any part of the Interface,
-                  any equipment or network on which the Interface is stored, any software used in the provision of the
-                  Interface or any equipment or network or software owned or used by any third party;
-                </li>
-                <li>
-                  you shall not use the Interface for activities that are unlawful or fraudulent or have such purpose or
-                  effect or otherwise support any activities that breach applicable local, national or international law
-                  or regulations;
-                </li>
-                <li>
-                  you shall not use the Interface to trade cryptographic assets that are proceeds of criminal or
-                  fraudulent activity;
-                </li>
-                <li>
-                  the Interface, the Protocol, the Ethereum Blockchain, Gnosis Chain and compatible layer 2 solutions
-                  are in an early development stage and we accordingly do not guarantee an error-free process and give
-                  no price or liquidity guarantee;
-                </li>
-                <li>you are using the Interface at your own risk;</li>
-                <li>
-                  the risks of using the Interface are substantial and include, but are not limited to, the ones set out
-                  in these Terms, which is hereby expressly incorporated into these Terms, and you are willing to accept
-                  the risk of loss associated therewith.
-                </li>
-              </ul>
-              <h2 id="limitation-of-liability">Limitation of Liability</h2>
-              <p>
-                We do not exclude or limit our liability to you where it would be unlawful to do so. This includes
-                liability for death or personal injury caused by our negligence or fraud.
-              </p>
-              <p className={'warn'}>
-                YOU USE THIS INTERFACE AT YOUR OWN RISK AND YOU ASSUME FULL RESPONSIBILITY FOR SUCH USE. TO THE MAXIMUM
-                EXTENT PERMITTED BY APPLICABLE LAW, WE EXCLUDE ALL IMPLIED CONDITIONS, WARRANTIES, REPRESENTATIONS OR
-                OTHER TERMS THAT MAY APPLY TO THE INTERFACE. WE WILL NOT BE LIABLE TO YOU FOR ANY LOSS OR DAMAGE,
-                WHETHER IN CONTRACT, TORT (INCLUDING NEGLIGENCE), BREACH OF STATUTORY DUTY, OR OTHERWISE, EVEN IF
-                FORESEEABLE, ARISING UNDER OR IN CONNECTION WITH THE USE OF, OR INABILITY TO USE, THE INTERFACE; OR THE
-                USE OF OR RELIANCE ON ANY CONTENT DISPLAYED ON THE INTERFACE. WE WILL NOT BE LIABLE FOR LOSS OF PROFITS,
-                SALES, BUSINESS, OR REVENUE, BUSINESS INTERRUPTION, ANTICIPATED SAVINGS, BUSINESS OPPORTUNITY, GOODWILL
-                OR REPUTATION OR ANY INDIRECT OR CONSEQUENTIAL LOSS OR DAMAGE.
-              </p>
-              <p>
-                We are not liable for any funds lost due to your interaction with scam websites or activities imitating
-                the Interface.
-              </p>
-              <p>
-                You are responsible for ensuring you are interacting with the correct URL and taking necessary
-                precautions to avoid scams or fraudulent activities impersonating us.
-              </p>
-              <h2 id="we-are-not-registered-with-any-governmental-agency">
-                We Are Not Registered with any Governmental Agency
-              </h2>
-              <p>
-                We are not registered with any governmental supervisory authority in any capacity. You understand and
-                acknowledge that we do not broker trading orders on your behalf. We also do not facilitate the execution
-                or settlement of your trades, which occur entirely on public distributed blockchains.
-              </p>
-              <h2 id="no-fiduciary-duty">No Fiduciary Duty</h2>
-              <p>
-                To the fullest extent permitted by law, you acknowledge and agree that we owe no fiduciary duties or
-                liabilities to you or any other party, and that to the extent any such duties or liabilities may exist
-                at law or in equity, those duties and liabilities are hereby irrevocably disclaimed, waived, and
-                eliminated. You further agree that the only duties and obligations that we owe you are those set out
-                expressly in this Agreement.
-              </p>
-              <h2 id="dispute-resolution">Dispute Resolution</h2>
-              <h3 id="amicable-dispute-resolution">Amicable Dispute Resolution</h3>
-              <p>
-                If an alleged breach, controversy, claim, dispute or difference arises out of or in connection with the
-                present Terms about or in connection to this Interface between you and us (a &quot;Dispute&quot;), you
-                agree to seek to resolve the matter with us amicably by referring the matter to{' '}
-                <a href="mailto:legal@cow.fi" target="_blank" rel="nofollow noopener">
-                  legal@cow.fi
-                </a>
-                .
-              </p>
-              <p>
-                For any claim not relating to or connected to the Interface please contact CoW DAO via CoW Forum at{' '}
-                <a href="https://forum.cow.fi/" target="_blank" rel="nofollow noopener">
-                  https://forum.cow.fi/
-                </a>{' '}
-                with a detailed description, the date and time the issue arose, your handle to contact you on and the
-                outcome you are seeking.
-              </p>
-              <h3 id="mediation-and-arbitration">Mediation and Arbitration</h3>
-              <p>
-                In the event a Dispute cannot be resolved amicably, you must first refer the Dispute to proceedings
-                under the International Chamber of Commerce (&quot;ICC&quot;) Mediation Rules, which Rules are deemed to
-                be incorporated by reference into this clause. The place of mediation shall be London, United Kingdom.
-                The language of the mediation proceedings shall be English.
-              </p>
-              <p>
-                If the Dispute has not been settled pursuant to the ICC Mediation Rules within forty (40) days following
-                the filing of a Request for Mediation in accordance with the ICC Mediation Rules or within such other
-                period as the parties to the Dispute may agree in writing, such Dispute shall thereafter be finally
-                settled under the Rules of Arbitration of the International Chamber of Commerce by three (3) arbitrators
-                appointed in accordance with the said Rules. The seat of Arbitration shall be London, United Kingdom.
-                The governing law of this arbitration clause shall be the laws of England and Wales. The language of the
-                arbitration shall be English. The Emergency Arbitrator Provisions shall not apply.
-              </p>
-              <h3 id="final-jurisdiction">Final Jurisdiction</h3>
-              <p>
-                If the Dispute cannot be resolved for legal reasons in accordance with the procedures described above,
-                you and we agree that the courts of England and Wales shall have exclusive jurisdiction to resolve the
-                Dispute.
-              </p>
-              <h3 id="no-class-action">No Class Action</h3>
-              <p className={'warn'}>
-                YOU AGREE AND UNDERSTAND THAT BY ENTERING INTO THIS AGREEMENT, YOU EXPRESSLY WAIVE ANY RIGHT, IF ANY, TO
-                A TRIAL BY JURY AND RIGHT TO PARTICIPATE IN A CLASS ACTION LAWSUIT.
-              </p>
-              <h2 id="governing-law">Governing law</h2>
-              <p>
-                This Agreement shall be governed by and construed in accordance with the substantive laws of England
-                &amp; Wales without regard to conflict of laws principles.
-              </p>
-              <h2 id="third-party-beneficiary">Third party beneficiary</h2>
-              <p>
-                Clauses 4 to 22 also apply to the benefit of the Affiliates and such benefit also encompasses
-                Protocol-related matters.
-              </p>
-              <p>
-                Subject to 20.1, these Terms do not give rise to any third party rights, which may be enforced against
-                Us.
-              </p>
-              <h2 id="entire-agreement">Entire agreement</h2>
-              <p>
-                These Terms constitute the entire and exclusive agreement between us and you regarding its subject
-                matter, and supersede and replace any previous or contemporaneous written or oral contract, promises,
-                assurances, assurances, warranty, representation or understanding regarding its subject matter, whether
-                written or oral. You shall have no claim for innocent or negligent misrepresentation or misstatement
-                based on any statement in these Terms, though nothing in this clause shall limit or exclude any
-                liability for fraud.
-              </p>
-              <h2 id="no-waiver-and-no-assignment">No waiver and no assignment</h2>
-              <p>
-                You may not assign, transfer or delegate any of your rights or duties arising out of or in connection
-                with these Terms to a third party. Any such assignment or transfer shall be void and shall not impose
-                any obligation or liability on us to the assignee or transferee.
-              </p>
-              <p>
-                Any delay or omission by us in relation to the exercise of any right granted by law or under these Terms
-                shall not as a result exclude or prevent the later exercise of such a right.
-              </p>
-              <h2 id="severability">Severability</h2>
-              <p>
-                If any provision or part-provision of these Terms is or becomes invalid, illegal or unenforceable, it
-                shall be deemed modified to the minimum extent necessary to make it valid, legal and enforceable. If
-                such modification is not possible, the relevant provision or part-provision shall be deemed deleted. Any
-                modification to or deletion of a provision or part-provision under this clause shall not affect the
-                validity and enforceability of the rest of these Terms.
-              </p>{' '}
-            </BodyContent>
-          </ArticleContent>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  return {
-    props: {
-      siteConfigData: {
-        ...CONFIG,
-        title: 'CoW Swap Terms and Conditions',
-        descriptionShort: 'Terms and Conditions',
-      },
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/legal/index.tsx b/apps/cow-fi/pages/legal/index.tsx
deleted file mode 100644
index fc4d3a5788..0000000000
--- a/apps/cow-fi/pages/legal/index.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color } from '@cowprotocol/ui'
-
-import styled from 'styled-components/macro'
-
-import Layout from '@/components/Layout'
-import { Link } from '@/components/Link'
-
-import { ContainerCard, ArticleContent, Breadcrumbs, ArticleMainTitle, BodyContent } from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnLegal } from 'modules/analytics'
-
-const LEGAL_LINKS = [
-  {
-    title: 'CoW Widget Terms and Conditions',
-    href: '/legal/widget-terms',
-  },
-  {
-    title: 'CoW Swap Terms and Conditions',
-    href: '/legal/cowswap-terms',
-  },
-  {
-    title: 'CoW Swap Privacy Policy',
-    href: '/legal/cowswap-privacy-policy',
-  },
-  {
-    title: 'CoW Swap Cookie Policy',
-    href: '/legal/cowswap-cookie-policy',
-  },
-]
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1000px;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 24px;
-`
-
-export default function Page({ siteConfigData }: PageProps) {
-  const { title, descriptionShort } = siteConfigData
-
-  return (
-    <Layout bgColor={Color.neutral90} metaTitle="Legal - CoW DAO Legal Overview" metaDescription={descriptionShort}>
-      <Wrapper>
-        <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
-          <ArticleContent maxWidth="100%">
-            <Breadcrumbs>
-              <Link href="/" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Home
-              </Link>
-
-              <span>{title}</span>
-            </Breadcrumbs>
-
-            <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
-              {title}
-            </ArticleMainTitle>
-
-            <BodyContent>
-              <p>An overview of all legal documents related to CoW DAO and its products.</p>
-
-              <ul>
-                {LEGAL_LINKS.map((link, index) => (
-                  <li key={index}>
-                    <Link href={link.href} onClick={() => clickOnLegal(`click-${link.title}`)}>
-                      {link.title}
-                    </Link>
-                  </li>
-                ))}
-              </ul>
-            </BodyContent>
-          </ArticleContent>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  return {
-    props: {
-      siteConfigData: {
-        ...CONFIG,
-        title: 'CoW DAO Legal Overview',
-        descriptionShort:
-          'Legal overview of CoW DAO, including terms and conditions, privacy policy, and other documents.',
-      },
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/legal/widget-terms.tsx b/apps/cow-fi/pages/legal/widget-terms.tsx
deleted file mode 100644
index a03235cb24..0000000000
--- a/apps/cow-fi/pages/legal/widget-terms.tsx
+++ /dev/null
@@ -1,398 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Color } from '@cowprotocol/ui'
-
-import styled from 'styled-components/macro'
-
-import Layout from '@/components/Layout'
-import { Link } from '@/components/Link'
-
-import { ContainerCard, ArticleContent, Breadcrumbs, ArticleMainTitle, BodyContent } from '@/styles/styled'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnLegal } from 'modules/analytics'
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1000px;
-  width: 100%;
-  margin: 24px auto 0;
-  gap: 24px;
-`
-
-export default function Page({ siteConfigData }: PageProps) {
-  const { title } = siteConfigData
-
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="Widget - Terms and Conditions"
-      metaDescription="Terms and Conditions for the CoW Swap Widget"
-    >
-      <Wrapper>
-        <ContainerCard bgColor={Color.neutral100} minHeight="70vh" gap={62} gapMobile={42} centerContent touchFooter>
-          <ArticleContent maxWidth="100%">
-            <Breadcrumbs>
-              <Link href="/ " onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Home
-              </Link>
-              <Link href="/legal" onClick={() => clickOnLegal('click-legal-breadcrumbs')}>
-                Legal
-              </Link>
-              <span>{title}</span>
-            </Breadcrumbs>
-
-            <ArticleMainTitle margin={'0 0 62px'} fontSize={52}>
-              {title}
-            </ArticleMainTitle>
-
-            <BodyContent>
-              <p>
-                These Terms and Conditions (the "Terms") govern the integration of the CoW Swap Widget (the "Widget").
-                The Widget is provided to you ("you", the "Partner") by CoW DAO (the "Provider", "we", "our", or "us").
-              </p>
-              <p>
-                CoW DAO is an Ethereum and Gnosis Chain based collective managed by community members in accordance with
-                the CoW DAO's{' '}
-                <a target="_blank" rel="noreferrer" href="https://snapshot.org/#/cow.eth/about">
-                  participation agreement
-                </a>
-                . To contact CoW DAO please use the forum at{' '}
-                <a target="_blank" rel="noreferrer" href="https://forum.cow.fi/">
-                  https://forum.cow.fi/
-                </a>
-                .
-              </p>
-              <p>
-                By integrating and using the Widget, Partner acknowledges that it has read, understood, and agreed to be
-                bound by these Terms and Conditions.
-              </p>
-              <h2>Acceptance of these Terms</h2>
-              <p>
-                By integrating and using the Widget, you confirm that you accept these Terms and agree to comply with
-                them. If you do not agree, you must not integrate the Widget. If you think that there is an error in
-                these Terms, please contact us at{' '}
-                <a href="mailto:legal@cow.fi" target="_blank" rel="noreferrer">
-                  legal@cow.fi
-                </a>
-                .
-              </p>
-              <p>
-                You are also responsible for ensuring that all persons who access the Widget through your website are
-                aware of the{' '}
-                <a target="_blank" rel="noreferrer" href="https://swap.cow.fi/#/terms-and-conditions">
-                  Terms &amp; Conditions
-                </a>{' '}
-                of{' '}
-                <a target="_blank" rel="noreferrer" href="https://cow.fi/">
-                  https://cow.fi/
-                </a>{' '}
-                and that they comply with them.
-              </p>
-              <p>
-                We may terminate or suspend your access to the Widget immediately, without prior notice or liability, if
-                you breach any clause of the Terms. Upon termination of your access, your right to access the website or
-                use the Products will immediately cease.
-              </p>
-              <h2>Change of these Terms</h2>
-              <p>
-                We may amend these Terms at our sole discretion. We regularly do so. Every time you wish to access the
-                Website or use the Products, please check these Terms to ensure you understand the terms that apply at
-                that time.
-              </p>
-              <h2>CoW Protocol</h2>
-              <p>
-                Cow Protocol (the "Protocol") is a decentralised protocol operated by CoW DAO on the Ethereum, Gnosis
-                Chain as well as other EVM compatible chains that allows users to trade certain digital assets. The
-                Protocol is a set of smart contracts owned by CoW DAO.
-              </p>
-              <p>
-                CoW Protocol applies batch auction mechanisms to allow peer-to-peer trades on Ethereum Mainnet, and
-                Ethereum Virtual Machine compatible validation mechanisms. CoW DAO is not custodians or counterparties
-                to any transactions executed by you on the Protocol. We do not support any other service, particularly
-                we do not provide any order matching, guaranteed prices, or similar exchange or trading platform
-                services.
-              </p>
-              <p>
-                Please consult our{' '}
-                <a target="_blank" rel="noreferrer" href="https://docs.cow.fi/cow-protocol">
-                  documentation
-                </a>{' '}
-                for more information on CoW Protocol.
-              </p>
-              <h2>The Widget</h2>
-              <p>
-                The Widget is an iframe solution mirroring the web-hosted user interface (the "Interface") published at{' '}
-                <a target="_blank" rel="noreferrer" href="https://swap.cow.fi/">
-                  https://swap.cow.fi/
-                </a>{' '}
-                and providing access to CoW Protocol and allowing users to submit orders into the Interface and exchange
-                compatible tokens using the unique features of the Protocol.
-              </p>
-              <p>
-                Please consult our documentation for more information on{' '}
-                <a target="_blank" rel="noreferrer" href="https://docs.cow.fi/cow-protocol/tutorials/widget">
-                  CoW Widget
-                </a>{' '}
-                and the Interface.
-              </p>
-              <p>
-                The{' '}
-                <a
-                  target="_blank"
-                  rel="noreferrer"
-                  href="https://swap.cow.fi/#/terms-and-conditions#welcometohttpscowfi"
-                >
-                  Terms &amp; Conditions
-                </a>{' '}
-                for the use of the Interface apply to the Widget. It is your duty to ensure that all persons who access
-                the Widget through your website are aware of the Interface’s{' '}
-                <a target="_blank" rel="noreferrer" href="https://swap.cow.fi/#/terms-and-conditions">
-                  Terms &amp; Conditions
-                </a>{' '}
-                and that they comply with them.
-              </p>
-              <h2>Widget Integration</h2>
-              <p>
-                The Partner may integrate the Widget into their website or application in accordance with the Provider's
-                integration guidelines and these Terms.
-              </p>
-              <p>
-                The Partner may customize the design and appearance of the Widget within reasonable limits, provided
-                that the Provider's branding and logos remain visible.
-              </p>
-              <h2>Obligations of the Partner</h2>
-              <p>
-                You are prohibited from misusing the Widget, the Interface, the Protocol or its infrastructure by
-                knowingly introducing any material that is:
-              </p>
-              <ul>
-                <li>Malicious, including viruses, worms, Trojan horses, and other harmful software;</li>
-                <li>
-                  Technologically harmful, including attempts to disrupt or damage the Widget, the Interface, the
-                  Protocol or its infrastructure.
-                </li>
-              </ul>
-              <p>You are prohibited from attempting to gain unauthorized access to the:</p>
-              <ul>
-                <li>the Widget, the Interface, the Protocol or its infrastructure;</li>
-                <li>Server(s) hosting the Widget, the Interface, the Protocol or its infrastructure;</li>
-                <li>
-                  Any computer or database connected to the Widget, the Interface, the Protocol or its
-                  infrastructure.
-                </li>
-              </ul>
-              <p>
-                You are prohibited from attacking the Widget, the Interface, the Protocol or its infrastructure
-                through:
-              </p>
-              <ul>
-                <li>Denial-of-service attacks;</li>
-                <li>Distributed denial-of-service attacks;</li>
-                <li>You acknowledge that any breach of this clause may constitute a criminal offense.</li>
-              </ul>
-              <h2>License and Ownership</h2>
-              <p>
-                The Provider grants the Partner a limited, non-exclusive, non-transferable, revocable license to
-                integrate and use the Widget solely for the purpose of providing access to the Interface to the
-                Partner's users.
-              </p>
-              <p>
-                The Widget and all intellectual property rights therein are and shall remain the exclusive property of
-                the Provider.
-              </p>
-              <h2>Partner Fee Program</h2>
-              <h3>Partner Fee</h3>
-
-              <p>
-                Partners may participate in the Provider's Partner Fee Program ("Program"). The Program enables Partners
-                to earn fees on trades their users execute through the Widget. For comprehensive details and conditions
-                of the Partner Fee Program, please refer to the dedicated{' '}
-                <a
-                  target="_blank"
-                  rel="noreferrer"
-                  href="https://docs.cow.fi/cow-protocol/tutorials/widget#partner-fee"
-                >
-                  Widget documentation page under the "Partner Fee" section
-                </a>
-                .
-              </p>
-              <p>
-                To list a token on the Widget and earn fees on associated transactions, the token must have a listing on{' '}
-                <a target="_blank" rel="noreferrer" href="https://www.coingecko.com">
-                  https://www.coingecko.com/
-                </a>{' '}
-                as it appears on the site.
-              </p>
-              <h3>Service Fee</h3>
-              <p>
-                The Provider will retain a service fee ("Service Fee") from the total fees earned by the Partner.
-                Specific terms and conditions regarding the Service Fee are outlined in the{' '}
-                <a
-                  target="_blank"
-                  rel="noreferrer"
-                  href="https://docs.cow.fi/cow-protocol/tutorials/widget#partner-fee"
-                >
-                  Widget's dedicated documentation page under the "Partner Fee" section
-                </a>
-                .
-              </p>
-              <p>The Provider reserves the right to adjust the Service Fee charged to the Partner with prior notice.</p>
-              <h3>Partner Fee Payment at the Provider’s Discretion</h3>
-              <p>
-                The Provider retains sole and absolute discretion in determining whether the transactions on the Widget
-                are eligible for Partner Fee. The Provider may choose not to issue Partner Fees for any reason,
-                including but not limited to:
-              </p>
-              <ul>
-                <li>
-                  Suspected Fraud or Scam Activity: Transactions involving tokens deemed fraudulent or potentially
-                  involved in scams;
-                </li>
-                <li>
-                  Abnormal or Manipulative Trading: Trading activity aimed at exploiting the Widget or Partner Fee
-                  program;
-                </li>
-                <li>
-                  Other Inappropriate Activity: Any other scenarios where the Provider considers Partner Fee payment to
-                  be unsuitable or against the best interests of the Widget or Program.
-                </li>
-              </ul>
-
-              <h3>Program Changes and Termination</h3>
-              <p>
-                The Provider may make amendments to the Program at any time. Additionally, the Provider reserves the
-                right to modify or terminate the Program at any time, with or without notice.
-              </p>
-
-              <h2>Warranties and Limitations</h2>
-              <p>The Widget is provided "as is" without warranty of any kind, express or implied.</p>
-              <p>
-                Provider shall not be liable for any damages or losses arising from the use or inability to use the
-                Widget, including but not limited to direct, indirect, incidental, consequential, or punitive damages.
-              </p>
-              <p>
-                The Partner is solely responsible for ensuring compliance with all applicable laws and regulations in
-                their jurisdiction.
-              </p>
-              <h2>Indemnification</h2>
-              <p>
-                The Partner shall indemnify, defend, and hold harmless the Provider, its affiliates, and their agents
-                from and against any and all claims, liabilities, damages, losses, and expenses, including reasonable
-                attorneys' fees and costs, arising out of or relating to the Partner's use of the Widget or breach of
-                these Terms.
-              </p>
-              <h2>Breach of Terms</h2>
-              <p>
-                In the event of a breach of these Terms, the Provider may immediately terminate your use of the Widget
-                or participation in the Program without notice.
-              </p>
-              <h2>Termination</h2>
-              <p>
-                The&nbsp; Provider may terminate this Agreement at any time and revoke the Partner's license to use the
-                Widget at any time, with or without cause, upon written notice to Partner.
-              </p>
-              <p>
-                Upon termination, the Partner shall immediately cease all use of the Widget and remove it from its
-                website or application.
-              </p>
-              <h2>Dispute Resolution</h2>
-              <h3>Amicable Dispute Resolution</h3>
-              <p>
-                If an alleged breach, controversy, claim, dispute or difference arises out of or in connection with the
-                present Terms about or in connection to the Widget between you and us (a "Dispute"), you agree to seek
-                to resolve the matter with us amicably by referring the matter to{' '}
-                <a href="mailto:legal@cow.fi" target="_blank" rel="noreferrer">
-                  legal@cow.fi
-                </a>
-                .
-              </p>
-              <p>
-                For any claim not relating to or connected to the Widget please contact CoW DAO via CoW Forum at{' '}
-                <a target="_blank" rel="noreferrer" href="https://forum.cow.fi/">
-                  https://forum.cow.fi/
-                </a>{' '}
-                with a detailed description, the date and time the issue arose, your handle to contact you on and the
-                outcome you are seeking.
-              </p>
-              <h3>Mediation and Arbitration</h3>
-              <p>
-                In the event a Dispute cannot be resolved amicably, you must first refer the Dispute to proceedings
-                under the International Chamber of Commerce ("ICC") Mediation Rules, which Rules are deemed to be
-                incorporated by reference into this clause. The place of mediation shall be London, United Kingdom. The
-                language of the mediation proceedings shall be English.
-              </p>
-              <p>
-                If the Dispute has not been settled pursuant to the ICC Mediation Rules within forty (40) days following
-                the filing of a Request for Mediation in accordance with the ICC Mediation Rules or within such other
-                period as the parties to the Dispute may agree in writing, such Dispute shall thereafter be finally
-                settled under the Rules of Arbitration of the International Chamber of Commerce by three (3) arbitrators
-                appointed in accordance with the said Rules. The seat of Arbitration shall be London, United Kingdom.
-                The governing law of this arbitration clause shall be the laws of England and Wales. The language of the
-                arbitration shall be English. The Emergency Arbitrator Provisions shall not apply.
-              </p>
-              <h3>Final Jurisdiction</h3>
-              <p>
-                If the Dispute cannot be resolved for legal reasons in accordance with the procedures described above,
-                you and we agree that the courts of England and Wales shall have exclusive jurisdiction to resolve the
-                Dispute.
-              </p>
-              <h2>Miscellaneous</h2>
-              <h3>Entire agreement</h3>
-              <p>
-                These Terms constitute the entire and exclusive agreement between us and you regarding its subject
-                matter, and supersede and replace any previous or contemporaneous written or oral contract, promises,
-                assurances, assurances, warranty, representation or understanding regarding its subject matter, whether
-                written or oral. You shall have no claim for innocent or negligent misrepresentation or misstatement
-                based on any statement in these Terms, though nothing in this clause shall limit or exclude any
-                liability for fraud.
-              </p>
-              <h3>No waiver and no assignment</h3>
-              <p>
-                You may not assign, transfer or delegate any of your rights or duties arising out of or in connection
-                with these Terms to a third party. Any such assignment or transfer shall be void and shall not impose
-                any obligation or liability on us to the assignee or transferee.
-              </p>
-              <p>
-                Any delay or omission by us in relation to the exercise of any right granted by law or under these Terms
-                shall not as a result exclude or prevent the later exercise of such a right.
-              </p>
-              <h3>Severability</h3>
-              <p>
-                If any provision or part-provision of these Terms is or becomes invalid, illegal or unenforceable, it
-                shall be deemed modified to the minimum extent necessary to make it valid, legal and enforceable. If
-                such modification is not possible, the relevant provision or part-provision shall be deemed deleted. Any
-                modification to or deletion of a provision or part-provision under this clause shall not affect the
-                validity and enforceability of the rest of these Terms.
-              </p>
-              <h3>Governing law</h3>
-              <p>
-                This Agreement shall be governed by and construed in accordance with the substantive laws of England
-                &amp; Wales without regard to conflict of laws principles.
-              </p>
-            </BodyContent>
-          </ArticleContent>
-        </ContainerCard>
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  return {
-    props: {
-      siteConfigData: {
-        ...CONFIG,
-        title: 'CoW Swap Widget & Partner Fee Program Terms and Conditions',
-        descriptionShort: 'Terms and Conditions',
-      },
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/mev-blocker.tsx b/apps/cow-fi/pages/mev-blocker.tsx
deleted file mode 100644
index a2044296cc..0000000000
--- a/apps/cow-fi/pages/mev-blocker.tsx
+++ /dev/null
@@ -1,524 +0,0 @@
-import Script from 'next/script'
-
-import { Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
-
-import Layout from '@/components/Layout'
-import FAQ from '@/components/FAQ'
-import { AddRpcButton } from '@/components/AddRpcButton'
-import { Link, LinkType } from '@/components/Link'
-
-import useWebShare from '../hooks/useWebShare'
-
-import { WagmiConfig, createConfig, configureChains, mainnet } from 'wagmi'
-import { publicProvider } from 'wagmi/providers/public'
-import { RainbowKitProvider, getDefaultWallets } from '@rainbow-me/rainbowkit'
-import '@rainbow-me/rainbowkit/styles.css'
-
-import IMAGE_ICON_MEVBLOCKER_PROTECT from '@cowprotocol/assets/images/icon-mevblocker-protect.svg'
-import IMAGE_ICON_MEVBLOCKER_PROTECT2 from '@cowprotocol/assets/images/icon-mevblocker-protect2.svg'
-import IMAGE_ICON_MEVBLOCKER_CHATBALLOON from '@cowprotocol/assets/images/icon-mevblocker-chatballoon.svg'
-import IMAGE_ICON_MEVBLOCKER_TRUST from '@cowprotocol/assets/images/icon-mevblocker-trust.svg'
-import IMAGE_ICON_QUESTIONBALLOON from '@cowprotocol/assets/images/icon-question-balloon.svg'
-import IMAGE_SANDWICH_GUY from '@cowprotocol/assets/images/image-sandwich-guy.svg'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  TopicTitle,
-  TopicDescription,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  TopicCardInner,
-  HeroContainer,
-  HeroImage,
-  HeroDescription,
-  HeroContent,
-  HeroTitle,
-  HeroSubtitle,
-  MetricsCard,
-  MetricsItem,
-  ColorTable,
-  ColorTableCell,
-  ColorTableHeader,
-  ColorTableContainer,
-  TopicTable,
-} from '@/styles/styled'
-
-import LazySVG from '@/components/LazySVG'
-
-import { FAQ_DATA, TRUSTED_BY_CONTENT, TESTIMONIAL_LIST, MEV_BLOCKER_LIST } from '@/data/mev-blocker/const'
-
-import { CONFIG } from '@/const/meta'
-import { clickOnMevBlocker } from 'modules/analytics'
-
-// Configure chains and providers
-const { chains, publicClient } = configureChains([mainnet], [publicProvider()])
-
-// Get default wallets
-const { connectors } = getDefaultWallets({
-  appName: 'Your App Name',
-  projectId: 'YOUR_PROJECT_ID', // TODO: Add project ID here
-  chains,
-})
-
-// Create the Wagmi client
-const wagmiClient = createConfig({
-  autoConnect: true,
-  connectors,
-  publicClient,
-})
-
-export default function Page() {
-  const { share, message } = useWebShare()
-
-  const handleShareClick = () => {
-    share({
-      title: 'MEV Blocker',
-      text: 'Check out MEV Blocker! It helps protect you from MEV damage.',
-      url: 'https://cow.fi/mev-blocker',
-    })
-  }
-
-  return (
-    <WagmiConfig config={wagmiClient}>
-      <RainbowKitProvider chains={chains}>
-        <Layout
-          bgColor={'#FEE7CF'}
-          metaTitle="Mev Blocker - The best MEV protection under the sun"
-          metaDescription="MEV Blocker is your personal protection from frontrunning and sandwich attacks for a broad spectrum of Ethereum transactions"
-          ogImage={CONFIG.ogImageMEVBLOCKER}
-        >
-          <PageWrapper>
-            <HeroContainer variant="secondary">
-              <HeroContent variant="secondary">
-                <HeroSubtitle color={'#EC4612'}>MEV Blocker</HeroSubtitle>
-                <HeroTitle>The best MEV protection under the sun</HeroTitle>
-                <HeroDescription fontSize={21}>
-                  MEV Blocker is your personal protection from frontrunning and sandwich attacks for a broad spectrum of
-                  Ethereum transactions
-                  <br />
-                  <br />
-                  <b>How it works:</b>
-                  <ol>
-                    <li>Add the RPC endpoint directly to your wallet</li>
-                    <li>Enjoy full, automatic protection from all types of MEV</li>
-                    <li>Get paid by searchers for your transactions </li>
-                  </ol>
-                </HeroDescription>
-
-                <Link
-                  linkType={LinkType.HeroButton}
-                  bgColor={'#EC4612'}
-                  color={'#FEE7CF'}
-                  href="#rpc"
-                  onClick={() => clickOnMevBlocker('click-get-protected-heroSection')}
-                >
-                  Get protected
-                </Link>
-              </HeroContent>
-              <HeroImage width={470} height={'auto'} color={'#EC4612'}>
-                <LazySVG src={IMAGE_SANDWICH_GUY} />
-              </HeroImage>
-            </HeroContainer>
-
-            <MetricsCard bgColor="#EC4612" color="#FEE7CF" columns={3} touchFooter>
-              <MetricsItem dividerColor="#F9A36F">
-                <h2>$84B+</h2>
-                <p>volume protected from MEV, across 20M+ transactions</p>
-              </MetricsItem>
-              <MetricsItem dividerColor="#F9A36F">
-                <h2>2.2K+</h2>
-                <p>ETH rebated to users</p>
-              </MetricsItem>
-              <MetricsItem>
-                <h2>$26</h2>
-                <p>USD value of median rebate</p>
-              </MetricsItem>
-
-              <Link
-                bgColor="transparent"
-                color="#FEE7CF"
-                margin="24px auto 0"
-                gridFullWidth
-                href="https://dune.com/cowprotocol/mev-blocker"
-                external
-                linkType={LinkType.SectionTitleButton}
-                utmContent="mev-blocker-metrics-link"
-                onClick={() => clickOnMevBlocker('click-metrics-dune')}
-              >
-                View all metrics on DUNE &#8599;
-              </Link>
-            </MetricsCard>
-
-            <ContainerCard bgColor={Color.neutral100}>
-              <ContainerCardSection gap={60}>
-                <SectionTitleWrapper color={Color.neutral10} maxWidth={1300} gap={56}>
-                  <SectionTitleIcon multiple size={82}>
-                    <LazySVG src={IMAGE_ICON_MEVBLOCKER_PROTECT} />
-                  </SectionTitleIcon>
-                  <SectionTitleText maxWidth={500}>Broad spectrum MEV defense</SectionTitleText>
-                  <SectionTitleDescription maxWidth={'100%'} color={Color.neutral50}>
-                    MEV bots have extracted more than{' '}
-                    <Link
-                      href="https://dune.com/queries/2259793/3703605"
-                      external
-                      utmContent="mev-blocker-dune-link"
-                      onClick={() => clickOnMevBlocker('click-dune-link')}
-                    >
-                      $1.38 billion
-                    </Link>{' '}
-                    from well-meaning Ethereum users across a variety of use cases (trading, providing liquidity,
-                    minting NFTs, etc). MEV Blocker is an RPC endpoint that supports these users by offering:
-                  </SectionTitleDescription>
-                </SectionTitleWrapper>
-
-                <TopicList columns={3} columnsTablet={2}>
-                  {MEV_BLOCKER_LIST.map((item) => (
-                    <TopicCard key={item.id} contentAlign={'left'} bgColor={item.bgColor} padding={'32px'} asProp="div">
-                      <TopicCardInner contentAlign="left">
-                        <TopicDescription fontSize={28} fontSizeMobile={24} color={item.textColor}>
-                          {item.description}
-                        </TopicDescription>
-                      </TopicCardInner>
-                      <TopicImage bgColor="transparent" margin={'auto 0 0 auto'} height={200} width={'auto'}>
-                        <LazySVG src={item.iconImage} title={item.description} />
-                      </TopicImage>
-                    </TopicCard>
-                  ))}
-                </TopicList>
-
-                <SectionTitleWrapper maxWidth={1200} margin="0 auto">
-                  <SectionTitleDescription fontSize={28} color={Color.neutral50}>
-                    Curious if you've been the victim of an MEV attack?{' '}
-                    <Link
-                      href="https://www.mevscanner.com/"
-                      external
-                      utmContent="mev-blocker-mev-scanner-link"
-                      onClick={() => clickOnMevBlocker('click-mev-scanner-link')}
-                    >
-                      Use MEV Scanner
-                    </Link>{' '}
-                    to find out
-                  </SectionTitleDescription>
-                </SectionTitleWrapper>
-              </ContainerCardSection>
-            </ContainerCard>
-
-            <ContainerCard bgColor="transparent" color={Color.neutral10} id="rpc">
-              <ContainerCardSection>
-                <SectionTitleWrapper maxWidth={850} gap={56} margin="24px auto">
-                  <SectionTitleIcon multiple size={82}>
-                    <LazySVG src={IMAGE_ICON_MEVBLOCKER_PROTECT2} />
-                  </SectionTitleIcon>
-                  <SectionTitleText>Get Protected</SectionTitleText>
-                  <SectionTitleDescription color={Color.neutral50}>
-                    Add this RPC endpoint to your wallet to enjoy the full benefits of MEV Blocker.
-                  </SectionTitleDescription>
-                  <SectionTitleDescription fontSize={21} color={Color.neutral50}>
-                    Note: some wallets make you reselect MEV Blocker every time you change networks.
-                  </SectionTitleDescription>
-                </SectionTitleWrapper>
-                <TopicList columns={2} columnsTablet={1}>
-                  <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} asProp="div">
-                    <TopicCardInner contentAlign="left">
-                      <TopicTitle color={Color.neutral0} fontSize={28}>
-                        Click to add to your client
-                      </TopicTitle>
-                      <TopicDescription fontSize={21}>MEV Blocker (Ethereum Mainnet)</TopicDescription>
-                      <AddRpcButton />
-                    </TopicCardInner>
-                  </TopicCard>
-
-                  <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} asProp="div">
-                    <TopicCardInner contentAlign="left">
-                      <TopicTitle color={Color.neutral0} fontSize={28}>
-                        Add manually
-                      </TopicTitle>
-
-                      <TopicTable>
-                        <tbody>
-                          <tr>
-                            <td>Network name</td>
-                            <td>
-                              <b>MEV Blocker</b>
-                            </td>
-                          </tr>
-                          <tr>
-                            <td>New RPC URL</td>
-                            <td>
-                              <b>https://rpc.mevblocker.io</b>
-                            </td>
-                          </tr>
-                          <tr>
-                            <td>Chain ID</td>
-                            <td>
-                              <b>1</b>
-                            </td>
-                          </tr>
-                          <tr>
-                            <td>Currency symbol</td>
-                            <td>
-                              <b>ETH</b>
-                            </td>
-                          </tr>
-                          <tr>
-                            <td>Block Explorer URL</td>
-                            <td>
-                              <b>https://etherscan.io</b>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </TopicTable>
-                    </TopicCardInner>
-                  </TopicCard>
-                </TopicList>
-                <SectionTitleWrapper margin={'24px auto 0'}>
-                  <SectionTitleDescription fontSize={28} color={Color.neutral50} maxWidth={700}>
-                    Having trouble? Check your wallet's documentation for instructions on how to update your RPC
-                    endpoint
-                  </SectionTitleDescription>
-                </SectionTitleWrapper>
-              </ContainerCardSection>
-            </ContainerCard>
-
-            <ContainerCard bgColor={Color.neutral10} color={Color.neutral100}>
-              <ContainerCardSection>
-                <SectionTitleWrapper maxWidth={700}>
-                  <SectionTitleIcon>
-                    <ProductLogo variant={ProductVariant.MevBlocker} theme="dark" logoIconOnly />
-                  </SectionTitleIcon>
-                  <SectionTitleText>Multiple endpoints for multiple protection types</SectionTitleText>
-                  <SectionTitleDescription color={Color.neutral50}>
-                    Advanced MEV Blocker users can select from a variety of endpoints to suit their specific needs.
-                  </SectionTitleDescription>
-                </SectionTitleWrapper>
-
-                <ColorTableContainer>
-                  <ColorTable>
-                    <thead>
-                      <tr>
-                        <ColorTableHeader></ColorTableHeader>
-                        <ColorTableHeader>Frontrunning</ColorTableHeader>
-                        <ColorTableHeader>Backrunning</ColorTableHeader>
-                        <ColorTableHeader>Tx Revert</ColorTableHeader>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <ColorTableCell>/fast (default)</ColorTableCell>
-                        <ColorTableCell className="protected">Protected</ColorTableCell>
-                        <ColorTableCell className="refund">Refund</ColorTableCell>
-                        <ColorTableCell className="not-protected">Not protected</ColorTableCell>
-                      </tr>
-                      <tr>
-                        <ColorTableCell>/noreverts</ColorTableCell>
-                        <ColorTableCell className="protected">Protected</ColorTableCell>
-                        <ColorTableCell className="refund">Refund</ColorTableCell>
-                        <ColorTableCell className="protected">Protected</ColorTableCell>
-                      </tr>
-                      <tr>
-                        <ColorTableCell>/fullprivacy</ColorTableCell>
-                        <ColorTableCell className="max-protection">Max protection</ColorTableCell>
-                        <ColorTableCell className="no-rebate">No rebate</ColorTableCell>
-                        <ColorTableCell className="protected">Protected</ColorTableCell>
-                      </tr>
-                      <tr>
-                        <ColorTableCell>/maxbackrun</ColorTableCell>
-                        <ColorTableCell className="protected">Protected</ColorTableCell>
-                        <ColorTableCell className="refund">Refund</ColorTableCell>
-                        <ColorTableCell className="protected">Protected</ColorTableCell>
-                      </tr>
-                      <tr>
-                        <ColorTableCell>/nochecks</ColorTableCell>
-                        <ColorTableCell className="max-protection">Max protection</ColorTableCell>
-                        <ColorTableCell className="no-rebate">No rebate</ColorTableCell>
-                        <ColorTableCell className="not-protected">Not protected</ColorTableCell>
-                      </tr>
-                    </tbody>
-                  </ColorTable>
-                </ColorTableContainer>
-
-                <SectionTitleWrapper margin={'24px auto 0'}>
-                  <SectionTitleDescription color={Color.neutral50}>
-                    To learn more about each of the endpoints MEV Blocker has to offer,{' '}
-                    <Link
-                      href="https://docs.cow.fi/mevblocker"
-                      external
-                      utmContent="mev-blocker-docs-link"
-                      onClick={() => clickOnMevBlocker('click-mev-blocker-docs-link')}
-                    >
-                      read the MEV Blocker docs
-                    </Link>
-                    .
-                  </SectionTitleDescription>
-                </SectionTitleWrapper>
-              </ContainerCardSection>
-            </ContainerCard>
-
-            <ContainerCard bgColor={'transparent'}>
-              <ContainerCardSection>
-                <SectionTitleWrapper>
-                  <SectionTitleIcon>
-                    <LazySVG src={IMAGE_ICON_MEVBLOCKER_CHATBALLOON} />
-                  </SectionTitleIcon>
-                  <SectionTitleText>What others are saying...</SectionTitleText>
-                </SectionTitleWrapper>
-
-                <TopicList columns={3} columnsTablet={2}>
-                  {TESTIMONIAL_LIST.map((testimonial) => (
-                    <TopicCard
-                      key={testimonial.title}
-                      contentAlign={'left'}
-                      bgColor={testimonial.bgColor}
-                      textColor={testimonial.textColor}
-                      padding={'24px'}
-                      asProp="div"
-                      border="none"
-                    >
-                      <TopicCardInner
-                        height="100%"
-                        contentAlign="left"
-                        contentAlignMobile="left"
-                        gap={52}
-                        minHeight="260px"
-                      >
-                        <TopicTitle fontSize={28}>{testimonial.title}</TopicTitle>
-                        <TopicDescription margin="auto 0 0" fontSize={21}>
-                          {testimonial.description}
-                        </TopicDescription>
-                      </TopicCardInner>
-                      <TopicImage
-                        iconColor="transparent"
-                        bgColor="transparent"
-                        margin={'auto auto 0 0'}
-                        height={100}
-                        width={'auto'}
-                        widthMobile={'auto'}
-                        position={'absolute'}
-                        bottom={0}
-                        right={0}
-                      >
-                        <LazySVG src={testimonial.iconImage} title={testimonial.title} />
-                      </TopicImage>
-                    </TopicCard>
-                  ))}
-                </TopicList>
-              </ContainerCardSection>
-            </ContainerCard>
-
-            <ContainerCard bgColor={Color.neutral100}>
-              <ContainerCardSection>
-                <SectionTitleWrapper maxWidth={900}>
-                  <SectionTitleIcon>
-                    <ProductLogo variant={ProductVariant.MevBlocker} theme="light" logoIconOnly />
-                  </SectionTitleIcon>
-                  <SectionTitleText textAlign="center" maxWidth={480}>
-                    Don't let your users get burned by MEV
-                  </SectionTitleText>
-                  <SectionTitleDescription color={Color.neutral50}>
-                    If you're a wallet, a solver, or any project that settles transactions on behalf of users, you
-                    should integrate MEV Blocker to protect them from MEV and earn some extra revenue.
-                  </SectionTitleDescription>
-
-                  <Link
-                    bgColor="#EC4612"
-                    color={Color.neutral98}
-                    href="https://docs.cow.fi/category/searchers"
-                    external
-                    linkType={LinkType.SectionTitleButton}
-                    utmContent="mev-blocker-learn-more"
-                    onClick={() => clickOnMevBlocker('click-mev-blocker-learn-more')}
-                  >
-                    Learn more
-                  </Link>
-                </SectionTitleWrapper>
-              </ContainerCardSection>
-            </ContainerCard>
-
-            <ContainerCard bgColor="transparent">
-              <ContainerCardSection>
-                <SectionTitleWrapper>
-                  <SectionTitleIcon size={90}>
-                    <LazySVG src={IMAGE_ICON_MEVBLOCKER_TRUST} />
-                  </SectionTitleIcon>
-                  <SectionTitleText>Trusted by the best</SectionTitleText>
-                </SectionTitleWrapper>
-
-                <TopicList columns={3}>
-                  {TRUSTED_BY_CONTENT.map((item) => (
-                    <TopicCard
-                      key={item.href}
-                      contentAlign={'center'}
-                      bgColor={Color.neutral98}
-                      padding={'28px'}
-                      href={item.href}
-                      rel={'noopener noreferrer nofollow'}
-                      target="_blank"
-                      onClick={() => clickOnMevBlocker(`click-trusted-by-${item.href}`)}
-                    >
-                      <TopicImage
-                        iconColor={Color.neutral20}
-                        bgColor={'transparent'}
-                        width={'90%'}
-                        height={72}
-                        margin={'auto'}
-                      >
-                        {item.component || <LazySVG src={item.src} />}
-                      </TopicImage>
-                    </TopicCard>
-                  ))}
-                </TopicList>
-              </ContainerCardSection>
-            </ContainerCard>
-
-            <ContainerCard bgColor={Color.neutral100}>
-              <ContainerCardSection>
-                <SectionTitleWrapper>
-                  <SectionTitleIcon>
-                    <LazySVG src={IMAGE_ICON_QUESTIONBALLOON} />
-                  </SectionTitleIcon>
-                  <SectionTitleText>FAQs</SectionTitleText>
-                </SectionTitleWrapper>
-
-                <FAQ faqs={FAQ_DATA} />
-              </ContainerCardSection>
-            </ContainerCard>
-
-            <ContainerCard bgColor="#FEE7CF" touchFooter>
-              <ContainerCardSection>
-                <SectionTitleWrapper padding="72px 0" maxWidth={640}>
-                  <SectionTitleIcon>
-                    <ProductLogo variant={ProductVariant.MevBlocker} theme="light" logoIconOnly />
-                  </SectionTitleIcon>
-                  <SectionTitleText textAlign="center">
-                    Friends don't let friends suffer from MEV damage
-                  </SectionTitleText>
-
-                  <Link
-                    linkType={LinkType.SectionTitleButton}
-                    bgColor={'#EC4612'}
-                    color={'#FEE7CF'}
-                    onClick={handleShareClick}
-                    asButton
-                  >
-                    Share MEV Blocker
-                  </Link>
-
-                  {message && <SectionTitleDescription fontSize={21}>{message}</SectionTitleDescription>}
-                </SectionTitleWrapper>
-              </ContainerCardSection>
-            </ContainerCard>
-          </PageWrapper>
-
-          <Script src="https://platform.twitter.com/widgets.js" strategy="lazyOnload" />
-        </Layout>
-      </RainbowKitProvider>
-    </WagmiConfig>
-  )
-}
diff --git a/apps/cow-fi/pages/products.tsx b/apps/cow-fi/pages/products.tsx
deleted file mode 100644
index 24720baa10..0000000000
--- a/apps/cow-fi/pages/products.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Color } from '@cowprotocol/ui'
-import Layout from '@/components/Layout'
-import { PRODUCT_CONTAINERS } from '@/data/home/const'
-
-import { PageWrapper, ContainerCard } from '@/styles/styled'
-
-export default function Page() {
-  return (
-    <Layout bgColor={Color.neutral90}>
-      <PageWrapper>
-        <ContainerCard bgColor={Color.neutral100} touchFooter>
-          {PRODUCT_CONTAINERS}
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
diff --git a/apps/cow-fi/pages/tokens/[tokenId].tsx b/apps/cow-fi/pages/tokens/[tokenId].tsx
deleted file mode 100644
index cb610bb4c4..0000000000
--- a/apps/cow-fi/pages/tokens/[tokenId].tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from 'react'
-
-import { getTokensIds as getTokensIds, getTokenDetails as getTokenDetails } from 'services/tokens'
-import { TokenDetails as TokenDetailsPure, TokenDetailProps } from '@/components/TokenDetails'
-import { GetStaticPaths, GetStaticProps } from 'next'
-import { CONFIG } from '@/const/meta'
-
-import Layout from '@/components/Layout'
-import { Color } from '@cowprotocol/ui'
-import styled from 'styled-components/macro'
-
-const DATA_CACHE_TIME_SECONDS = 10 * 60 // 10 minutes
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1640px;
-  width: 100%;
-  margin: 56px auto;
-  gap: 24px;
-  font-size: 1.6rem;
-`
-
-export type TokenDetailPageProps = TokenDetailProps
-
-export default function TokenDetailsPage({ token }: TokenDetailPageProps) {
-  const { name, symbol, change24h, priceUsd } = token
-  const change24 = parseFloat(change24h as string)
-  const change24hFormatted = change24.toFixed(2)
-  const isIncrease = parseFloat(change24h as string) >= 0
-  const priceChangeEmoji = isIncrease ? '🟢' : '🔴'
-  const changeDirection = isIncrease ? '▲' : '▼'
-  const metaTitle = `${priceChangeEmoji} ${name} (${symbol}) $${priceUsd} (${change24hFormatted}% ${changeDirection}) - ${CONFIG.metatitle_tokenDetail} - ${CONFIG.title}`
-  const metaDescription = `Track the latest ${name} (${symbol}) price, market cap, trading volume, and more with CoW DAO's live ${name} price chart.`
-
-  return (
-    <Layout metaTitle={metaTitle} metaDescription={metaDescription} bgColor={Color.neutral90}>
-      <Wrapper>
-        <TokenDetailsPure token={token} />
-      </Wrapper>
-    </Layout>
-  )
-}
-
-type TokenQuery = { tokenId: string }
-
-export const getStaticPaths: GetStaticPaths<TokenQuery> = async () => {
-  const tokenIds = await getTokensIds()
-
-  return {
-    fallback: false,
-    paths: tokenIds.map((tokenId) => ({ params: { tokenId } })),
-  }
-}
-
-export const getStaticProps: GetStaticProps<TokenDetailProps, TokenQuery> = async ({ params }) => {
-  const token = params ? await getTokenDetails(params.tokenId) : null
-
-  if (!token) {
-    return {
-      notFound: true,
-    }
-  }
-
-  return {
-    props: {
-      token: token,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/tokens/index.tsx b/apps/cow-fi/pages/tokens/index.tsx
deleted file mode 100644
index dac20bcf39..0000000000
--- a/apps/cow-fi/pages/tokens/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import Layout from '@/components/Layout'
-import { Color } from '@cowprotocol/ui'
-import styled from 'styled-components/macro'
-import { getTokensInfo } from 'services/tokens'
-import { TokenInfo } from 'types'
-import { GetStaticProps } from 'next'
-import { TokenList, TokenListProps } from '@/components/TokensList'
-import { CONFIG } from '@/const/meta'
-
-const DATA_CACHE_TIME_SECONDS = 10 * 60 // 10 minutes
-
-const Wrapper = styled.div`
-  display: flex;
-  flex-flow: column wrap;
-  justify-content: flex-start;
-  align-items: center;
-  max-width: 1000px;
-  width: 100%;
-  margin: 56px auto;
-  gap: 24px;
-  font-size: 1.6rem;
-`
-
-export default function TokenListPage({ tokens }: { tokens: TokenInfo[] }) {
-  return (
-    <Layout
-      metaTitle={`Tokens - ${CONFIG.title}`}
-      metaDescription="Track the latest tokens price, market cap, trading volume, and more with CoW DAO's live token price tracker."
-      bgColor={Color.neutral90}
-    >
-      <Wrapper>
-        <TokenList tokens={tokens} />
-      </Wrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<TokenListProps> = async () => {
-  const tokens = await getTokensInfo()
-
-  return {
-    props: {
-      tokens,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/pages/widget.tsx b/apps/cow-fi/pages/widget.tsx
deleted file mode 100644
index a8280468ec..0000000000
--- a/apps/cow-fi/pages/widget.tsx
+++ /dev/null
@@ -1,361 +0,0 @@
-import { GetStaticProps } from 'next'
-import { Font, Color, ProductLogo, ProductVariant } from '@cowprotocol/ui'
-
-import IMG_ICON_OWL from '@cowprotocol/assets/images/icon-owl.svg'
-import IMG_ICON_GHOST from '@cowprotocol/assets/images/icon-ghost.svg'
-
-import Layout from '@/components/Layout'
-import { Link, LinkType } from '@/components/Link'
-
-import { CowSwapWidget, CowSwapWidgetParams } from '@cowprotocol/widget-react'
-
-import {
-  PageWrapper,
-  ContainerCard,
-  ContainerCardSection,
-  TopicList,
-  TopicCard,
-  TopicImage,
-  TopicTitle,
-  TopicDescription,
-  SectionTitleWrapper,
-  SectionTitleIcon,
-  SectionTitleText,
-  SectionTitleDescription,
-  TopicCardInner,
-  HeroContainer,
-  HeroDescription,
-  HeroContent,
-  HeroTitle,
-  HeroSubtitle,
-  WidgetContainer,
-  HeroButtonWrapper,
-} from '@/styles/styled'
-
-import { DAO_CONTENT as CONTENT } from '@/data/widget/const'
-
-import LazySVG from '@/components/LazySVG'
-
-import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-import { clickOnWidget } from 'modules/analytics'
-
-const FEATURE_ITEMS = [
-  'Live styling configurator',
-  'Easy install with a snippet of code',
-  'External wallet management - use your own wallet connection',
-  'Internal wallet management - no wallet connection needed',
-  'Configurable token lists',
-  'Custom-tailored fees',
-  'Fully responsive, from 320px and up',
-  'Feature-adaptive display',
-]
-
-interface PageProps {
-  siteConfigData: typeof CONFIG
-}
-
-const widgetParams: CowSwapWidgetParams = {
-  appCode: 'CoW Protocol: Widget Demo',
-  theme: 'light',
-  standaloneMode: true,
-  width: '100%',
-}
-
-export default function Page() {
-  return (
-    <Layout
-      bgColor={Color.neutral90}
-      metaTitle="Widget - Bring reliable, MEV-protected swaps to your users"
-      metaDescription="Integrate the CoW Swap widget to bring seamless, MEV-protected trading to your website or dApp."
-    >
-      <PageWrapper>
-        <HeroContainer variant="secondary">
-          <HeroContent variant="secondary">
-            <HeroSubtitle color={'#66018E'}>Widget</HeroSubtitle>
-            <HeroTitle fontSize={52} fontSizeMobile={38}>
-              Bring reliable, MEV-protected swaps to your users
-            </HeroTitle>
-            <HeroDescription color={Color.neutral30}>
-              Integrate the CoW Swap widget to bring seamless, MEV-protected trading to your website or dApp. Delight
-              your users while adding an extra revenue stream for your project - it's a win-win.
-            </HeroDescription>
-
-            <HeroButtonWrapper>
-              <Link
-                href="https://widget.cow.fi/"
-                utmContent="widget-page-configure-widget-cta-hero"
-                external
-                linkType={LinkType.HeroButton}
-                onClick={() => clickOnWidget('click-config-widget')}
-              >
-                {' '}
-                Configure widget{' '}
-              </Link>
-
-              <Link
-                bgColor="transparent"
-                color={Color.neutral20}
-                href="https://docs.cow.fi/cow-protocol/tutorials/widget"
-                utmContent="widget-page-readdocs-cta-hero"
-                external
-                linkType={LinkType.HeroButton}
-                onClick={() => clickOnWidget('click-read-docs')}
-              >
-                {' '}
-                Read docs
-              </Link>
-            </HeroButtonWrapper>
-          </HeroContent>
-
-          <WidgetContainer id="COW-WIDGET">
-            <CowSwapWidget params={widgetParams} />
-          </WidgetContainer>
-        </HeroContainer>
-
-        <ContainerCard bgColor={Color.neutral10} color={Color.neutral100}>
-          <ContainerCardSection>
-            <SectionTitleWrapper>
-              <SectionTitleIcon size={100}>
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="light" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText>Integrate now</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={1} columnsTablet={1} maxWidth={1000}>
-              <TopicCard
-                columns="1fr auto"
-                gap={100}
-                horizontal
-                asProp="div"
-                bgColor={'transparent'}
-                textColor={Color.neutral100}
-              >
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle fontSize={48}>Earn Revenue for Your Project</TopicTitle>
-                  <TopicDescription fontSize={24} color={Color.neutral80}>
-                    You may collect revenue when users trade with your widget.*
-                  </TopicDescription>
-                </TopicCardInner>
-                <TopicImage width={400} height={400} heightMobile={300} orderReverseMobile bgColor="transparent">
-                  <img src="images/eth-circles.svg" alt="Make Money with CoW Swap" width="340" height="214" />
-                </TopicImage>
-              </TopicCard>
-
-              <TopicCard
-                columns="1fr auto"
-                gap={100}
-                horizontal
-                asProp="div"
-                bgColor="transparent"
-                textColor={Color.neutral100}
-              >
-                <TopicImage width={400} height={400} heightMobile={300} orderReverseMobile bgColor="transparent">
-                  <img src="images/eth-blocks.svg" alt="Integrate With Ease" width="340" height="214" loading="lazy" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle fontSize={67}>Integrate With Ease</TopicTitle>
-                  <TopicDescription fontSize={24} color={Color.neutral80}>
-                    The CoW Swap widget is quick to install and easy to customize. Add the widget to your site in under
-                    5 minutes by copy-pasting a few lines of code. Contact our team for implementation details.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={'transparent'} color={Color.neutral10}>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={900}>
-              <SectionTitleIcon size={60}>
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText fontSize={62}>Every Bell, Whistle, and Moo</SectionTitleText>
-              <SectionTitleDescription fontSize={24} color={Color.neutral40}>
-                With the CoW Swap widget, you can offer your users everything you know and love about CoW Swap, and
-                more. Oh, and yes… it does come with the “moo”.
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-
-            <TopicList columns={3} columnsTablet={2}>
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/protection.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Full protection from MEV</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    CoW Swap offers the best MEV protection in the land. Thanks to a delegated trading model that relies
-                    on experts to execute swaps, traders can rest assured that they're safe from the MEV bots.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/surplus.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Surplus-capturing orders</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    Every order is surplus-capturing and traders usually earn a little extra in their sell token with
-                    each swap.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-
-              <TopicCard contentAlign={'left'} bgColor={Color.neutral100} padding={'32px'} gap={16} asProp="div">
-                <TopicImage bgColor="transparent" height={75} width={'auto'}>
-                  <LazySVG src="images/gasless.svg" />
-                </TopicImage>
-                <TopicCardInner contentAlign="left">
-                  <TopicTitle>Gasless trading</TopicTitle>
-                  <TopicDescription fontSize={18} color={Color.neutral40} margin="0">
-                    All gas fees are paid in the sell token for swaps and even for token approvals. Users can enjoy
-                    ETH-free trading every time, even with brand-new wallets.
-                  </TopicDescription>
-                </TopicCardInner>
-              </TopicCard>
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral100} color={Color.neutral10}>
-          <ContainerCardSection>
-            <SectionTitleWrapper maxWidth={900}>
-              <SectionTitleIcon size={60}>
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText fontSize={62}>Everything You'd Want in a Widget</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={4} columnsTablet={2} columnsMobile={1}>
-              {FEATURE_ITEMS.map((item, index) => (
-                <TopicCard
-                  key={index}
-                  contentAlign={'left'}
-                  bgColor={Color.neutral90}
-                  padding={'24px'}
-                  gap={12}
-                  asProp="div"
-                >
-                  <TopicImage bgColor="transparent" height={42} width={'auto'}>
-                    <LazySVG src="images/icons/check-color.svg" />
-                  </TopicImage>
-                  <TopicCardInner contentAlign="left">
-                    <TopicTitle fontSize={23} fontWeight={Font.weight.medium}>
-                      {item}
-                    </TopicTitle>
-                  </TopicCardInner>
-                </TopicCard>
-              ))}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral10} color={Color.neutral98}>
-          <ContainerCardSection>
-            <SectionTitleWrapper>
-              <SectionTitleIcon multiple>
-                <LazySVG src={IMG_ICON_OWL} />
-                <ProductLogo variant={ProductVariant.CowProtocol} theme="dark" logoIconOnly height={60} />
-                <LazySVG src={IMG_ICON_GHOST} />
-              </SectionTitleIcon>
-              <SectionTitleText fontSize={90}>Trusted by the best</SectionTitleText>
-            </SectionTitleWrapper>
-
-            <TopicList columns={7} columnsMobile={2} maxWidth={1000} gap={10} margin="0 auto 100px">
-              {CONTENT.trustedDAOs.map((dao, index) => {
-                const isPng = dao.icon.endsWith('.png')
-                return (
-                  <TopicCard
-                    key={index}
-                    contentAlign={'center'}
-                    bgColor={Color.neutral20}
-                    padding={'20px'}
-                    href={dao.link}
-                  >
-                    <TopicImage
-                      iconColor={Color.neutral0}
-                      bgColor={'transparent'}
-                      width={75}
-                      height={48}
-                      margin={'auto'}
-                    >
-                      {isPng ? (
-                        <img src={dao.icon} alt={dao.title} style={{ maxWidth: '100%' }} loading="lazy" />
-                      ) : (
-                        <LazySVG src={dao.icon} />
-                      )}
-                    </TopicImage>
-                  </TopicCard>
-                )
-              })}
-            </TopicList>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
-          <ContainerCardSection padding={'0 0 100px'}>
-            <SectionTitleWrapper>
-              <SectionTitleIcon>
-                <ProductLogo variant={ProductVariant.CowSwap} theme="light" logoIconOnly />
-              </SectionTitleIcon>
-              <SectionTitleText>Integrate in 5 minutes or less</SectionTitleText>
-              <HeroButtonWrapper width="auto">
-                <Link
-                  href="https://widget.cow.fi/"
-                  utmContent="widget-page-configure-widget-cta-hero"
-                  external
-                  linkType={LinkType.HeroButton}
-                  onClick={() => clickOnWidget('click-config-widget')}
-                >
-                  {' '}
-                  Configure widget{' '}
-                </Link>
-
-                <Link
-                  bgColor="transparent"
-                  color={Color.neutral20}
-                  href="https://docs.cow.fi/cow-protocol/tutorials/widget"
-                  utmContent="widget-page-readdocs-cta-hero"
-                  external
-                  linkType={LinkType.HeroButton}
-                  onClick={() => clickOnWidget('click-read-docs')}
-                >
-                  {' '}
-                  Read docs
-                </Link>
-              </HeroButtonWrapper>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-
-        <ContainerCard bgColor={Color.neutral90} color={Color.neutral10} touchFooter>
-          <ContainerCardSection padding={'0'}>
-            <SectionTitleWrapper maxWidth={1000} margin="0 auto">
-              <SectionTitleDescription fontSize={16} color={Color.neutral40}>
-                <b>* Important Disclaimer:</b> Use of this widget is subject to the laws and regulations of your
-                jurisdiction. You are solely responsible for ensuring compliance, and the provider is not liable for any
-                legal consequences or issues arising from your failure to adhere. Using the widget indicates acceptance
-                of the <a href="/widget/terms-and-conditions">Terms and Conditions;</a> if you do not agree, refrain
-                from using it.
-              </SectionTitleDescription>
-            </SectionTitleWrapper>
-          </ContainerCardSection>
-        </ContainerCard>
-      </PageWrapper>
-    </Layout>
-  )
-}
-
-export const getStaticProps: GetStaticProps<PageProps> = async () => {
-  const siteConfigData = CONFIG
-
-  return {
-    props: {
-      siteConfigData,
-    },
-    revalidate: DATA_CACHE_TIME_SECONDS,
-  }
-}
diff --git a/apps/cow-fi/services/ashByHq/index.ts b/apps/cow-fi/services/ashByHq/index.ts
index d5136e698a..59a8d736d7 100644
--- a/apps/cow-fi/services/ashByHq/index.ts
+++ b/apps/cow-fi/services/ashByHq/index.ts
@@ -1,3 +1,5 @@
+'use server'
+
 import { CONFIG, DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 
 interface AshbyResponse {
diff --git a/apps/cow-fi/services/cow/index.tsx b/apps/cow-fi/services/cow/index.tsx
deleted file mode 100644
index d4585c8756..0000000000
--- a/apps/cow-fi/services/cow/index.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
-
-const CONFIG_PATH = 'https://raw.githubusercontent.com/cowprotocol/cow-fi/configuration/config/'
-
-export interface CowStats {
-  totalTrades: number // https://dune.com/queries/1034337
-  surplus: {
-    // https://dune.com/queries/270604
-    reasonable: number
-    unusual: number
-  }
-  lastModified: Date
-}
-
-type CowStatsConfig = Omit<CowStats, 'lastModified'> & { lastModified: string }
-
-async function getFromConfig<T>(configFilePath: string): Promise<T> {
-  const response = await fetch(CONFIG_PATH + `${configFilePath}`, {
-    next: { revalidate: DATA_CACHE_TIME_SECONDS },
-  })
-  return await response.json()
-}
-
-export async function getCowStats(): Promise<CowStats> {
-  const statsConfig = await getFromConfig<CowStatsConfig>('stats.json')
-  return {
-    ...statsConfig,
-    lastModified: new Date(statsConfig.lastModified),
-  }
-}
diff --git a/apps/cow-fi/services/dune/index.tsx b/apps/cow-fi/services/dune/index.tsx
index ec292c090c..5ff4b8e067 100644
--- a/apps/cow-fi/services/dune/index.tsx
+++ b/apps/cow-fi/services/dune/index.tsx
@@ -1,5 +1,5 @@
-import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 import { strict as assert } from 'node:assert'
+import { DATA_CACHE_TIME_SECONDS } from '@/const/meta'
 
 const DUNE_API_KEY = process.env.DUNE_API_KEY!
 assert(DUNE_API_KEY, 'DUNE_API_KEY environment var is required')
diff --git a/apps/cow-fi/services/tokens/index.ts b/apps/cow-fi/services/tokens/index.ts
index 75f0719e2a..c2cee43198 100644
--- a/apps/cow-fi/services/tokens/index.ts
+++ b/apps/cow-fi/services/tokens/index.ts
@@ -1,3 +1,5 @@
+'use server'
+
 import fs from 'fs'
 import path from 'path'
 import { PlatformData, Platforms, TokenDetails, TokenInfo } from 'types'
@@ -52,20 +54,6 @@ export async function getTokenDetails(coingeckoId: string): Promise<TokenDetails
   return tokensRaw.find(({ id: _id }) => _id === id) as TokenDetails
 }
 
-// Just a quick experiment. Not using for now
-// function getTokenSummaryUsingIA(description: string): Promise<string> {
-//   const options = {
-//     method: 'POST',
-//     headers: {
-//       'Content-Type': 'application/json',
-//       Authorization: `Bearer ${process.env.OPEN_IA_API_KEY}`,
-//     },
-//     body: JSON.stringify({ description }),
-//   }
-
-//   return fetch('https://api.openai.com/v1/engines/davinci/completions', options).then((response) => response.json())
-// }
-
 function _getDescriptionFilePaths(): string[] {
   return fs.readdirSync(DESCRIPTIONS_DIR_PATH, 'utf-8')
 }
diff --git a/apps/cow-fi/styles/global.styles.ts b/apps/cow-fi/styles/global.styles.ts
index 35533f4276..e090b06d48 100644
--- a/apps/cow-fi/styles/global.styles.ts
+++ b/apps/cow-fi/styles/global.styles.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { createGlobalStyle } from 'styled-components/macro'
 import { Color, Media } from '@cowprotocol/ui'
 
@@ -17,7 +19,7 @@ const GlobalStyles = createGlobalStyle`
       input,
       textarea,
       button {
-          font-family: inherit; 
+          font-family: inherit;
       }
   }
 
diff --git a/apps/cow-fi/styles/styled.ts b/apps/cow-fi/styles/styled.ts
index acfe6960f3..7bd579254b 100644
--- a/apps/cow-fi/styles/styled.ts
+++ b/apps/cow-fi/styles/styled.ts
@@ -2,6 +2,7 @@ import styled, { css } from 'styled-components/macro'
 import { Font, Color, Media } from '@cowprotocol/ui'
 import { transparentize } from 'color2k'
 import { PAGE_MAX_WIDTH } from '@/components/Layout/const'
+import Link from 'next/link'
 
 export const PageWrapper = styled.div<{ margin?: string }>`
   display: flex;
@@ -132,7 +133,7 @@ export const ArticleList = styled.div<{ columns?: number; columnsTablet?: number
   }
 `
 
-export const ArticleCard = styled.a`
+export const ArticleCard = styled(Link)`
   display: flex;
   flex-direction: column;
   padding: 0;
diff --git a/apps/cow-fi/theme/ThemeProvider.tsx b/apps/cow-fi/theme/ThemeProvider.tsx
index e7bffcc2f0..1e884260f5 100644
--- a/apps/cow-fi/theme/ThemeProvider.tsx
+++ b/apps/cow-fi/theme/ThemeProvider.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { ThemeProvider as StyledComponentsThemeProvider } from 'styled-components/macro'
 import { baseTheme } from '@cowprotocol/ui'
 import { THEME_MODE } from '@/components/Layout/const'
diff --git a/apps/cow-fi/types/addToWalletState.ts b/apps/cow-fi/types/addToWalletState.ts
new file mode 100644
index 0000000000..5b95bb72e0
--- /dev/null
+++ b/apps/cow-fi/types/addToWalletState.ts
@@ -0,0 +1,7 @@
+export type AddToWalletStateValues = 'unknown' | 'adding' | 'added' | 'error' | 'takingTooLong' | 'connecting'
+
+export interface AddToWalletState {
+  state: AddToWalletStateValues
+  errorMessage?: string
+  autoConnect: boolean
+}
diff --git a/apps/cow-fi/types/index.ts b/apps/cow-fi/types/index.ts
index b8fff84b95..bfabd95958 100644
--- a/apps/cow-fi/types/index.ts
+++ b/apps/cow-fi/types/index.ts
@@ -28,14 +28,6 @@ export interface TokenDetails extends TokenInfo {
   allTimeLow: string | null
 }
 
-export interface MetricsData {
-  totalVolume: string
-  tradesCount: string
-  tradesCountLastModified: string
-  totalSurplus: string
-  totalSurplusLastModified: string
-}
-
 export interface PaginationParam {
   page?: number
   pageSize?: number
diff --git a/apps/cow-fi/util/getPageMetadata.ts b/apps/cow-fi/util/getPageMetadata.ts
new file mode 100644
index 0000000000..713fa4da7a
--- /dev/null
+++ b/apps/cow-fi/util/getPageMetadata.ts
@@ -0,0 +1,40 @@
+import type { Metadata } from 'next'
+import { CONFIG } from '@/const/meta'
+
+const metaTitleWithShortDescription = `${CONFIG.title.default} - ${CONFIG.descriptionShort}`
+const metaTitleWithDescription = `${CONFIG.title.default} - ${CONFIG.description}`
+
+export function getPageMetadata({
+  title,
+  absoluteTitle,
+  description,
+  image = CONFIG.ogImage,
+}: {
+  title?: string
+  absoluteTitle?: string
+  description: string
+  image?: string
+}): Metadata {
+  const pageTitle = absoluteTitle || title || metaTitleWithDescription
+
+  return {
+    title: absoluteTitle
+      ? {
+          absolute: pageTitle,
+        }
+      : pageTitle || '',
+    description,
+    twitter: {
+      card: 'summary_large_image',
+      title: absoluteTitle || title || metaTitleWithShortDescription,
+      description,
+      images: [image],
+    },
+    openGraph: {
+      type: 'website',
+      title: pageTitle,
+      description,
+      images: [image],
+    },
+  }
+}
diff --git a/apps/cow-fi/util/getURL.ts b/apps/cow-fi/util/getURL.ts
deleted file mode 100644
index 1ec40c02f9..0000000000
--- a/apps/cow-fi/util/getURL.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-const IS_SERVER = typeof window === 'undefined'
-
-export default function getURL(path: string) {
-  const baseURL = IS_SERVER ? process.env.NEXT_PUBLIC_SITE_URL! : window.location.origin
-  return new URL(path, baseURL).toString()
-}
diff --git a/apps/cowswap-frontend/src/common/hooks/orderProgressBarV2/useOrderProgressBarV2Props.ts b/apps/cowswap-frontend/src/common/hooks/orderProgressBarV2/useOrderProgressBarV2Props.ts
index ff931a07b9..040bd9d7ec 100644
--- a/apps/cowswap-frontend/src/common/hooks/orderProgressBarV2/useOrderProgressBarV2Props.ts
+++ b/apps/cowswap-frontend/src/common/hooks/orderProgressBarV2/useOrderProgressBarV2Props.ts
@@ -2,7 +2,7 @@ import { useAtomValue, useSetAtom } from 'jotai'
 import { useCallback, useEffect, useMemo } from 'react'
 
 import { SWR_NO_REFRESH_OPTIONS } from '@cowprotocol/common-const'
-import { SolverInfo, useSolversInfo } from '@cowprotocol/core'
+import { SolverInfo } from '@cowprotocol/core'
 import { CompetitionOrderStatus, SupportedChainId } from '@cowprotocol/cow-sdk'
 import { useENS } from '@cowprotocol/ens'
 import { Command } from '@cowprotocol/types'
@@ -32,6 +32,7 @@ import {
 import { ApiSolverCompetition, OrderProgressBarState, OrderProgressBarStepName, SolverCompetition } from './types'
 
 import { useGetSurplusData } from '../useGetSurplusFiatValue'
+import { useSolversInfo } from '../useSolversInfo'
 
 export type UseOrderProgressBarPropsParams = {
   activityDerivedState: ActivityDerivedState | null
diff --git a/libs/core/src/cms/hooks/useCmsSolversInfo.ts b/apps/cowswap-frontend/src/common/hooks/useCmsSolversInfo.ts
similarity index 83%
rename from libs/core/src/cms/hooks/useCmsSolversInfo.ts
rename to apps/cowswap-frontend/src/common/hooks/useCmsSolversInfo.ts
index 2f9fbc16e4..9a0cd053f3 100644
--- a/libs/core/src/cms/hooks/useCmsSolversInfo.ts
+++ b/apps/cowswap-frontend/src/common/hooks/useCmsSolversInfo.ts
@@ -1,9 +1,8 @@
+import { CmsSolversInfo, getSolversInfo } from '@cowprotocol/core'
+
 import ms from 'ms.macro'
 import useSWR, { SWRConfiguration } from 'swr'
 
-import { CmsSolversInfo } from '../types'
-import { getSolversInfo } from '../utils'
-
 const SOLVERS_INFO_SWR_CONFIG: SWRConfiguration = {
   refreshInterval: ms`1hour`,
   refreshWhenHidden: false,
diff --git a/libs/core/src/cms/hooks/useSolversInfo.ts b/apps/cowswap-frontend/src/common/hooks/useSolversInfo.ts
similarity index 90%
rename from libs/core/src/cms/hooks/useSolversInfo.ts
rename to apps/cowswap-frontend/src/common/hooks/useSolversInfo.ts
index e1c1ae9247..1b0993948c 100644
--- a/libs/core/src/cms/hooks/useSolversInfo.ts
+++ b/apps/cowswap-frontend/src/common/hooks/useSolversInfo.ts
@@ -2,11 +2,9 @@ import { useAtomValue } from 'jotai'
 import { useMemo } from 'react'
 
 import { isProdLike } from '@cowprotocol/common-utils'
+import { solversInfoAtom, SolverInfo } from '@cowprotocol/core'
 import { SupportedChainId } from '@cowprotocol/cow-sdk'
 
-import { solversInfoAtom } from '../state'
-import { SolverInfo } from '../types'
-
 export function useSolversInfo(chainId: SupportedChainId): Record<string, SolverInfo> {
   const allSolversInfo = useAtomValue(solversInfoAtom)
 
@@ -17,7 +15,7 @@ export function useSolversInfo(chainId: SupportedChainId): Record<string, Solver
       if (
         info.solverNetworks.some(
           ({ env: solverEnv, chainId: solverChainId, active }) =>
-            solverEnv === env && solverChainId === chainId && active
+            solverEnv === env && solverChainId === chainId && active,
         )
       ) {
         acc[info.solverId] = info
diff --git a/libs/core/src/cms/updaters/SolversInfoUpdater.ts b/apps/cowswap-frontend/src/common/updaters/SolversInfoUpdater.ts
similarity index 72%
rename from libs/core/src/cms/updaters/SolversInfoUpdater.ts
rename to apps/cowswap-frontend/src/common/updaters/SolversInfoUpdater.ts
index e6fccd1df8..41f570f587 100644
--- a/libs/core/src/cms/updaters/SolversInfoUpdater.ts
+++ b/apps/cowswap-frontend/src/common/updaters/SolversInfoUpdater.ts
@@ -1,9 +1,9 @@
 import { useSetAtom } from 'jotai'
 import { useEffect } from 'react'
 
-import { useCmsSolversInfo } from '../hooks'
-import { solversInfoAtom } from '../state'
-import { mapCmsSolversInfoToSolversInfo } from '../utils'
+import { solversInfoAtom, mapCmsSolversInfoToSolversInfo } from '@cowprotocol/core'
+
+import { useCmsSolversInfo } from 'common/hooks/useCmsSolversInfo'
 
 export function SolversInfoUpdater() {
   const setSolversInfo = useSetAtom(solversInfoAtom)
diff --git a/apps/cowswap-frontend/src/cow-react/index.tsx b/apps/cowswap-frontend/src/cow-react/index.tsx
index bea80941b9..178b000b91 100644
--- a/apps/cowswap-frontend/src/cow-react/index.tsx
+++ b/apps/cowswap-frontend/src/cow-react/index.tsx
@@ -12,6 +12,7 @@ import { Web3Provider } from '@cowprotocol/wallet'
 
 import { LanguageProvider } from 'i18n'
 import { createRoot } from 'react-dom/client'
+import SvgCacheProvider from 'react-inlinesvg/provider'
 import { Provider } from 'react-redux'
 import { HashRouter } from 'react-router-dom'
 import * as serviceWorkerRegistration from 'serviceWorkerRegistration'
@@ -40,30 +41,32 @@ if (window.ethereum) {
 function Main() {
   return (
     <StrictMode>
-      <Provider store={cowSwapStore}>
-        <AtomProvider store={jotaiStore}>
-          <HashRouter>
-            <LanguageProvider>
-              <Web3ProviderInstance>
-                <ThemeProvider>
-                  <ThemedGlobalStyle />
-                  <BlockNumberProvider>
-                    <WithLDProvider>
-                      <CowAnalyticsProvider cowAnalytics={cowAnalytics}>
-                        <WalletUnsupportedNetworkBanner />
-                        <Updaters />
+      <SvgCacheProvider>
+        <Provider store={cowSwapStore}>
+          <AtomProvider store={jotaiStore}>
+            <HashRouter>
+              <LanguageProvider>
+                <Web3ProviderInstance>
+                  <ThemeProvider>
+                    <ThemedGlobalStyle />
+                    <BlockNumberProvider>
+                      <WithLDProvider>
+                        <CowAnalyticsProvider cowAnalytics={cowAnalytics}>
+                          <WalletUnsupportedNetworkBanner />
+                          <Updaters />
 
-                        <Toasts />
-                        <App />
-                      </CowAnalyticsProvider>
-                    </WithLDProvider>
-                  </BlockNumberProvider>
-                </ThemeProvider>
-              </Web3ProviderInstance>
-            </LanguageProvider>
-          </HashRouter>
-        </AtomProvider>
-      </Provider>
+                          <Toasts />
+                          <App />
+                        </CowAnalyticsProvider>
+                      </WithLDProvider>
+                    </BlockNumberProvider>
+                  </ThemeProvider>
+                </Web3ProviderInstance>
+              </LanguageProvider>
+            </HashRouter>
+          </AtomProvider>
+        </Provider>
+      </SvgCacheProvider>
     </StrictMode>
   )
 }
diff --git a/apps/cowswap-frontend/src/modules/application/containers/App/Updaters.tsx b/apps/cowswap-frontend/src/modules/application/containers/App/Updaters.tsx
index 05fd6154f6..f20a5420bc 100644
--- a/apps/cowswap-frontend/src/modules/application/containers/App/Updaters.tsx
+++ b/apps/cowswap-frontend/src/modules/application/containers/App/Updaters.tsx
@@ -1,6 +1,5 @@
 import { BalancesAndAllowancesUpdater } from '@cowprotocol/balances-and-allowances'
 import { useFeatureFlags } from '@cowprotocol/common-hooks'
-import { SolversInfoUpdater } from '@cowprotocol/core'
 import { TokensListsUpdater, UnsupportedTokensUpdater, WidgetTokensListsUpdater } from '@cowprotocol/tokens'
 import { HwAccountIndexUpdater, useWalletInfo, WalletUpdater } from '@cowprotocol/wallet'
 
@@ -33,6 +32,7 @@ import {
 } from 'common/updaters/orders'
 import { SpotPricesUpdater } from 'common/updaters/orders/SpotPricesUpdater'
 import { SentryUpdater } from 'common/updaters/SentryUpdater'
+import { SolversInfoUpdater } from 'common/updaters/SolversInfoUpdater'
 import { UserUpdater } from 'common/updaters/UserUpdater'
 
 export function Updaters() {
diff --git a/libs/analytics/src/context/CowAnalyticsContext.tsx b/libs/analytics/src/context/CowAnalyticsContext.tsx
index 609fdba3d6..a6e1d56818 100644
--- a/libs/analytics/src/context/CowAnalyticsContext.tsx
+++ b/libs/analytics/src/context/CowAnalyticsContext.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import React, { createContext, useContext, PropsWithChildren } from 'react'
 
 import { CowAnalytics } from '../CowAnalytics'
diff --git a/libs/common-const/src/networks.ts b/libs/common-const/src/networks.ts
index 43b4380939..70c86ba501 100644
--- a/libs/common-const/src/networks.ts
+++ b/libs/common-const/src/networks.ts
@@ -1,5 +1,4 @@
 import { mapSupportedNetworks, SupportedChainId } from '@cowprotocol/cow-sdk'
-import { JsonRpcProvider } from '@ethersproject/providers'
 
 const INFURA_KEY = process.env.REACT_APP_INFURA_KEY || '2af29cd5ac554ae3b8d991afe1ba4b7d' // Default rate-limited infura key (should be overridden, not reliable to use)
 
@@ -24,8 +23,6 @@ const DEFAULT_RPC_URL: Record<SupportedChainId, { url: string; usesInfura: boole
  */
 export const RPC_URLS: Record<SupportedChainId, string> = mapSupportedNetworks(getRpcUrl)
 
-export const MAINNET_PROVIDER = new JsonRpcProvider(RPC_URLS[SupportedChainId.MAINNET])
-
 function getRpcUrl(chainId: SupportedChainId): string {
   const envKey = `REACT_APP_NETWORK_URL_${chainId}`
   const rpcUrl = RPC_URL_ENVS[chainId]
diff --git a/libs/common-hooks/src/useOnClickOutside.tsx b/libs/common-hooks/src/useOnClickOutside.tsx
index 53909d1d7b..178aa26bf0 100644
--- a/libs/common-hooks/src/useOnClickOutside.tsx
+++ b/libs/common-hooks/src/useOnClickOutside.tsx
@@ -2,7 +2,7 @@ import { RefObject, useEffect, useRef } from 'react'
 
 import { Command } from '@cowprotocol/types'
 
-export function useOnClickOutside(nodes: RefObject<HTMLElement>[], handler: Command | undefined) {
+export function useOnClickOutside(nodes: RefObject<HTMLElement | null>[], handler: Command | undefined) {
   const handlerRef = useRef<Command | undefined>(handler)
 
   useEffect(() => {
diff --git a/libs/core/src/cms/hooks/index.ts b/libs/core/src/cms/hooks/index.ts
deleted file mode 100644
index 28e2ff536a..0000000000
--- a/libs/core/src/cms/hooks/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './useCmsSolversInfo'
-export * from './useSolversInfo'
diff --git a/libs/core/src/cms/index.ts b/libs/core/src/cms/index.ts
index 536b4e0cbe..491f70c429 100644
--- a/libs/core/src/cms/index.ts
+++ b/libs/core/src/cms/index.ts
@@ -1,5 +1,3 @@
-export * from './hooks'
 export * from './types'
 export * from './state'
 export * from './utils'
-export * from './updaters'
diff --git a/libs/core/src/cms/updaters/index.ts b/libs/core/src/cms/updaters/index.ts
deleted file mode 100644
index 62b0fe4628..0000000000
--- a/libs/core/src/cms/updaters/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './SolversInfoUpdater'
diff --git a/libs/tokens/src/services/fetchTokenList.ts b/libs/tokens/src/services/fetchTokenList.ts
index bfddca1363..a760e6abda 100644
--- a/libs/tokens/src/services/fetchTokenList.ts
+++ b/libs/tokens/src/services/fetchTokenList.ts
@@ -1,4 +1,4 @@
-import { MAINNET_PROVIDER } from '@cowprotocol/common-const'
+import { RPC_URLS } from '@cowprotocol/common-const'
 import {
   contenthashToUri,
   isAddress,
@@ -6,11 +6,15 @@ import {
   resolveENSContentHash,
   uriToHttp,
 } from '@cowprotocol/common-utils'
+import { SupportedChainId } from '@cowprotocol/cow-sdk'
+import { JsonRpcProvider } from '@ethersproject/providers'
 import { TokenList } from '@uniswap/token-lists'
 
 import { ListSourceConfig, ListState } from '../types'
 import { validateTokenList } from '../utils/validateTokenList'
 
+const MAINNET_PROVIDER = new JsonRpcProvider(RPC_URLS[SupportedChainId.MAINNET])
+
 /**
  * Refactored version of apps/cowswap-frontend/src/lib/hooks/useTokenList/fetchTokenList.ts
  */
diff --git a/libs/ui/src/consts.ts b/libs/ui/src/consts.ts
index 057f17581f..33fe5f2a84 100644
--- a/libs/ui/src/consts.ts
+++ b/libs/ui/src/consts.ts
@@ -1,3 +1,5 @@
+'use client'
+
 export const SAFE_COW_APP_LINK = 'https://app.safe.global/share/safe-app?appUrl=https%3A%2F%2Fswap.cow.fi&chain=eth'
 export const LINK_GUIDE_ADD_CUSTOM_TOKEN = 'https://blog.cow.fi/how-to-add-custom-tokens-on-cow-swap-a72d677c78c0'
 export const MY_ORDERS_ID = 'my-orders'
diff --git a/libs/ui/src/containers/Footer/index.tsx b/libs/ui/src/containers/Footer/index.tsx
index b3b11438a1..3a279b9cb3 100644
--- a/libs/ui/src/containers/Footer/index.tsx
+++ b/libs/ui/src/containers/Footer/index.tsx
@@ -1,4 +1,4 @@
-import { useState, ReactNode, useEffect, useRef } from 'react'
+import { useState, ReactNode, useRef } from 'react'
 
 import { CowAnalytics, useCowAnalytics } from '@cowprotocol/analytics'
 import IMG_ICON_ARROW_RIGHT_CIRCULAR from '@cowprotocol/assets/images/arrow-right-circular.svg'
@@ -292,29 +292,20 @@ export const Footer = ({
   const cowAnalytics = useCowAnalytics()
   const [isFooterExpanded, setIsFooterExpanded] = useState(expanded)
   const footerRef = useRef<HTMLDivElement>(null)
-  const hasMounted = useRef(false)
-  const [rootDomain, setRootDomain] = useState(host || '')
 
   const theme = useTheme()
 
   const toggleFooter = () => {
-    setIsFooterExpanded(!isFooterExpanded)
-  }
-
-  useEffect(() => {
-    if (hasMounted.current) {
-      if (isFooterExpanded && footerRef.current) {
+    setIsFooterExpanded((state) => {
+      if (!state && footerRef.current) {
         setTimeout(() => {
           footerRef.current?.scrollIntoView({ behavior: 'smooth', block: 'end' })
         }, 300) // Slight delay needed for correct scroll position calculation
       }
-    } else {
-      hasMounted.current = true
-    }
 
-    // Set the rootDomain on the client side
-    setRootDomain(host || window.location.host)
-  }, [isFooterExpanded, host])
+      return !state
+    })
+  }
 
   return (
     <FooterContainer ref={footerRef} expanded={isFooterExpanded} hasTouchFooter={hasTouchFooter}>
@@ -353,7 +344,7 @@ export const Footer = ({
                           label={child.label}
                           utmSource={child.utmSource}
                           utmContent={child.utmContent}
-                          rootDomain={rootDomain}
+                          rootDomain={host || window.location.host}
                           cowAnalytics={cowAnalytics}
                         />
                       </li>
diff --git a/libs/ui/src/index.ts b/libs/ui/src/index.ts
index 26f4b1e44b..8f7cd8051c 100644
--- a/libs/ui/src/index.ts
+++ b/libs/ui/src/index.ts
@@ -1,3 +1,5 @@
+'use client'
+
 export * from './enum'
 export * from './types'
 export * from './consts'
diff --git a/libs/ui/src/pure/MenuBar/index.tsx b/libs/ui/src/pure/MenuBar/index.tsx
index faa781c469..589521308f 100644
--- a/libs/ui/src/pure/MenuBar/index.tsx
+++ b/libs/ui/src/pure/MenuBar/index.tsx
@@ -80,6 +80,7 @@ const DAO_NAV_ITEMS: MenuItem[] = [
     hoverColor: '#F2CD16',
     hoverBgColor: '#EC4612',
     external: true,
+    utmContent: 'menubar-dao-nav-mevblocker',
   },
 ]
 
diff --git a/libs/ui/src/pure/Tooltip/index.tsx b/libs/ui/src/pure/Tooltip/index.tsx
index 28c852e307..c49555acf2 100644
--- a/libs/ui/src/pure/Tooltip/index.tsx
+++ b/libs/ui/src/pure/Tooltip/index.tsx
@@ -54,7 +54,7 @@ export function HoverTooltip(props: HoverTooltipProps) {
   // { text, className, ...rest }: TooltipProps
 
   const [show, setShow] = useState(false)
-  const cancelCloseRef = useRef<Command | null>()
+  const cancelCloseRef = useRef<Command | null>(null)
 
   const divRef = useRef<HTMLDivElement>(null)
   const open = useCallback(
diff --git a/package.json b/package.json
index 3f16f55971..af52146600 100644
--- a/package.json
+++ b/package.json
@@ -63,6 +63,7 @@
   "resolutions": {
     "@safe-global/safe-apps-provider/**/@safe-global/safe-apps-sdk": "^9.1.0",
     "@web3-react/gnosis-safe/**/@safe-global/safe-apps-sdk": "^9.1.0",
+    "@types/react": "18.2.22",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
   },
   "dependencies": {
@@ -183,7 +184,7 @@
     "mui-color-input": "^2.0.1",
     "multicodec": "^3.0.1",
     "multihashes": "^4.0.2",
-    "next": "15.0.3",
+    "next": "15.0.4",
     "next-sitemap": "^4.2.3",
     "node-cache": "^5.1.0",
     "polished": "^4.0.5",
@@ -273,6 +274,7 @@
     "@types/ms": "^0.7.31",
     "@types/ms.macro": "^2.0.0",
     "@types/node": "18.16.9",
+    "@types/react": "18.2.22",
     "@types/react-copy-to-clipboard": "^4.3.0",
     "@types/react-cytoscapejs": "^1.2.5",
     "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 64f4a9f6c3..c8338055b7 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -5,10 +5,7 @@
     "moduleResolution": "node",
     "target": "es2022",
     "module": "esnext",
-    "lib": [
-      "es2022",
-      "dom"
-    ],
+    "lib": ["es2022", "dom"],
     "allowJs": true,
     "sourceMap": true,
     "declaration": false,
@@ -44,6 +41,8 @@
       "@cowprotocol/core": ["libs/core/src/index.ts"],
       "@cowprotocol/ens": ["libs/ens/src/index.ts"],
       "@cowprotocol/events": ["libs/events/src/index.ts"],
+      "@cowprotocol/hook-dapp-lib": ["libs/hook-dapp-lib/src/index.ts"],
+      "@cowprotocol/iframe-transport": ["libs/iframe-transport/src/index.ts"],
       "@cowprotocol/multicall": ["libs/multicall/src/index.ts"],
       "@cowprotocol/permit-utils": ["libs/permit-utils/src/index.ts"],
       "@cowprotocol/snackbars": ["libs/snackbars/src/index.ts"],
@@ -54,9 +53,7 @@
       "@cowprotocol/wallet": ["libs/wallet/src/index.ts"],
       "@cowprotocol/wallet-provider": ["libs/wallet-provider/src/index.ts"],
       "@cowprotocol/widget-lib": ["libs/widget-lib/src/index.ts"],
-      "@cowprotocol/widget-react": ["libs/widget-react/src/index.ts"],
-      "@cowprotocol/hook-dapp-lib": ["libs/hook-dapp-lib/src/index.ts"],
-      "@cowprotocol/iframe-transport": ["libs/iframe-transport/src/index.ts"],
+      "@cowprotocol/widget-react": ["libs/widget-react/src/index.ts"]
     }
   },
   "exclude": ["node_modules", "tmp"]
diff --git a/yarn.lock b/yarn.lock
index 87a89909cc..486f9b583b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5188,10 +5188,10 @@
   resolved "https://registry.yarnpkg.com/@multiformats/base-x/-/base-x-4.0.1.tgz#95ff0fa58711789d53aefb2590a8b7a4e715d121"
   integrity sha512-eMk0b9ReBbV23xXU693TAIrLyeO5iTgBZGSJfpqriG8UkYvr/hC9u9pyMlAakDNHWmbhMZCDs6KQO0jzKD8OTw==
 
-"@next/env@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-15.0.3.tgz#a2e9bf274743c52b74d30f415f3eba750d51313a"
-  integrity sha512-t9Xy32pjNOvVn2AS+Utt6VmyrshbpfUMhIjFO60gI58deSo/KgLOp31XZ4O+kY/Is8WAGYwA5gR7kOb1eORDBA==
+"@next/env@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/env/-/env-15.0.4.tgz#97da0fe3bae2f2b2968c4c925d7936660f5b3836"
+  integrity sha512-WNRvtgnRVDD4oM8gbUcRc27IAhaL4eXQ/2ovGbgLnPGUvdyDr8UdXP4Q/IBDdAdojnD2eScryIDirv0YUCjUVw==
 
 "@next/env@^13.4.3":
   version "13.5.7"
@@ -5205,45 +5205,45 @@
   dependencies:
     fast-glob "3.3.1"
 
-"@next/swc-darwin-arm64@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.0.3.tgz#4c40c506cf3d4d87da0204f4cccf39e6bdc46a71"
-  integrity sha512-s3Q/NOorCsLYdCKvQlWU+a+GeAd3C8Rb3L1YnetsgwXzhc3UTWrtQpB/3eCjFOdGUj5QmXfRak12uocd1ZiiQw==
-
-"@next/swc-darwin-x64@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.0.3.tgz#8e06cacae3dae279744f9fbe88dea679ec2c1ca3"
-  integrity sha512-Zxl/TwyXVZPCFSf0u2BNj5sE0F2uR6iSKxWpq4Wlk/Sv9Ob6YCKByQTkV2y6BCic+fkabp9190hyrDdPA/dNrw==
-
-"@next/swc-linux-arm64-gnu@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.0.3.tgz#c144ad1f21091b9c6e1e330ecc2d56188763191d"
-  integrity sha512-T5+gg2EwpsY3OoaLxUIofmMb7ohAUlcNZW0fPQ6YAutaWJaxt1Z1h+8zdl4FRIOr5ABAAhXtBcpkZNwUcKI2fw==
-
-"@next/swc-linux-arm64-musl@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.0.3.tgz#3ccb71c6703bf421332f177d1bb0e10528bc73a2"
-  integrity sha512-WkAk6R60mwDjH4lG/JBpb2xHl2/0Vj0ZRu1TIzWuOYfQ9tt9NFsIinI1Epma77JVgy81F32X/AeD+B2cBu/YQA==
-
-"@next/swc-linux-x64-gnu@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.0.3.tgz#b90aa9b07001b4000427c35ab347a9273cbeebb3"
-  integrity sha512-gWL/Cta1aPVqIGgDb6nxkqy06DkwJ9gAnKORdHWX1QBbSZZB+biFYPFti8aKIQL7otCE1pjyPaXpFzGeG2OS2w==
-
-"@next/swc-linux-x64-musl@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.0.3.tgz#0ac9724fb44718fc97bfea971ac3fe17e486590e"
-  integrity sha512-QQEMwFd8r7C0GxQS62Zcdy6GKx999I/rTO2ubdXEe+MlZk9ZiinsrjwoiBL5/57tfyjikgh6GOU2WRQVUej3UA==
-
-"@next/swc-win32-arm64-msvc@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.0.3.tgz#932437d4cf27814e963ba8ae5f033b4421fab9ca"
-  integrity sha512-9TEp47AAd/ms9fPNgtgnT7F3M1Hf7koIYYWCMQ9neOwjbVWJsHZxrFbI3iEDJ8rf1TDGpmHbKxXf2IFpAvheIQ==
-
-"@next/swc-win32-x64-msvc@15.0.3":
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.0.3.tgz#940a6f7b370cdde0cc67eabe945d9e6d97e0be9f"
-  integrity sha512-VNAz+HN4OGgvZs6MOoVfnn41kBzT+M+tB+OK4cww6DNyWS6wKaDpaAm/qLeOUbnMh0oVx1+mg0uoYARF69dJyA==
+"@next/swc-darwin-arm64@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.0.4.tgz#66087f397564d6ece4c5493536d30bc2b158a80e"
+  integrity sha512-QecQXPD0yRHxSXWL5Ff80nD+A56sUXZG9koUsjWJwA2Z0ZgVQfuy7gd0/otjxoOovPVHR2eVEvPMHbtZP+pf9w==
+
+"@next/swc-darwin-x64@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-15.0.4.tgz#6eb098e183dfed72d8f3c4b281a323ad17d72446"
+  integrity sha512-pb7Bye3y1Og3PlCtnz2oO4z+/b3pH2/HSYkLbL0hbVuTGil7fPen8/3pyyLjdiTLcFJ+ymeU3bck5hd4IPFFCA==
+
+"@next/swc-linux-arm64-gnu@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.0.4.tgz#3c082ad1a4c8060a5c56127fdefb82a149d3b94e"
+  integrity sha512-12oSaBFjGpB227VHzoXF3gJoK2SlVGmFJMaBJSu5rbpaoT5OjP5OuCLuR9/jnyBF1BAWMs/boa6mLMoJPRriMA==
+
+"@next/swc-linux-arm64-musl@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.0.4.tgz#c4e18c89ea4dab6b150b889643ec19896aebc1eb"
+  integrity sha512-QARO88fR/a+wg+OFC3dGytJVVviiYFEyjc/Zzkjn/HevUuJ7qGUUAUYy5PGVWY1YgTzeRYz78akQrVQ8r+sMjw==
+
+"@next/swc-linux-x64-gnu@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.0.4.tgz#f81c3952a60f3075b48e0b5a862f4deecd550c2d"
+  integrity sha512-Z50b0gvYiUU1vLzfAMiChV8Y+6u/T2mdfpXPHraqpypP7yIT2UV9YBBhcwYkxujmCvGEcRTVWOj3EP7XW/wUnw==
+
+"@next/swc-linux-x64-musl@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.0.4.tgz#f14c9730599985538d4d01d6da825b4e41fea0c1"
+  integrity sha512-7H9C4FAsrTAbA/ENzvFWsVytqRYhaJYKa2B3fyQcv96TkOGVMcvyS6s+sj4jZlacxxTcn7ygaMXUPkEk7b78zw==
+
+"@next/swc-win32-arm64-msvc@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.0.4.tgz#14297572feedcd5b14388be8a7ea8c50accb4c96"
+  integrity sha512-Z/v3WV5xRaeWlgJzN9r4PydWD8sXV35ywc28W63i37G2jnUgScA4OOgS8hQdiXLxE3gqfSuHTicUhr7931OXPQ==
+
+"@next/swc-win32-x64-msvc@15.0.4":
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.0.4.tgz#d25953baffb92721f0fb96c8be71d7efb37a57b7"
+  integrity sha512-NGLchGruagh8lQpDr98bHLyWJXOBSmkEAfK980OiNBa7vNm6PsNoPvzTfstT78WyOeMRQphEQ455rggd7Eo+Dw==
 
 "@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1":
   version "5.1.1-v1"
@@ -8375,9 +8375,9 @@
   integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==
 
 "@types/prop-types@*":
-  version "15.7.5"
-  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
-  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
+  version "15.7.14"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.14.tgz#1433419d73b2a7ebfc6918dcefd2ec0d5cd698f2"
+  integrity sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==
 
 "@types/prop-types@^15.7.7":
   version "15.7.8"
@@ -8503,10 +8503,10 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*":
-  version "18.2.17"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.17.tgz#baa565b17ddb649c2dac85b5eaf9e9a1fe0f3b4e"
-  integrity sha512-u+e7OlgPPh+aryjOm5UJMX32OvB2E3QASOAqVMY6Ahs90djagxwv2ya0IctglNbNTexC12qCSMZG47KPfy1hAA==
+"@types/react@*", "@types/react@18.2.22":
+  version "18.2.22"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.22.tgz#abe778a1c95a07fa70df40a52d7300a40b949ccb"
+  integrity sha512-60fLTOLqzarLED2O3UQImc/lsNRgG0jE/a1mPW9KjMemY0LMITWEsbS4VvZ4p6rorEHd5YKxxmMKSDK505GHpA==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -8542,9 +8542,9 @@
   integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
 
 "@types/scheduler@*":
-  version "0.16.3"
-  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
-  integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.23.0.tgz#0a6655b3e2708eaabca00b7372fafd7a792a7b09"
+  integrity sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw==
 
 "@types/secp256k1@^4.0.1":
   version "4.0.3"
@@ -23416,12 +23416,12 @@ next-tick@^1.1.0:
   resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
   integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
 
-next@15.0.3:
-  version "15.0.3"
-  resolved "https://registry.yarnpkg.com/next/-/next-15.0.3.tgz#804f5b772e7570ef1f088542a59860914d3288e9"
-  integrity sha512-ontCbCRKJUIoivAdGB34yCaOcPgYXr9AAkV/IwqFfWWTXEPUgLYkSkqBhIk9KK7gGmgjc64B+RdoeIDM13Irnw==
+next@15.0.4:
+  version "15.0.4"
+  resolved "https://registry.yarnpkg.com/next/-/next-15.0.4.tgz#7ddad7299204f16c132d7e524cf903f1a513588e"
+  integrity sha512-nuy8FH6M1FG0lktGotamQDCXhh5hZ19Vo0ht1AOIQWrYJLP598TIUagKtvJrfJ5AGwB/WmDqkKaKhMpVifvGPA==
   dependencies:
-    "@next/env" "15.0.3"
+    "@next/env" "15.0.4"
     "@swc/counter" "0.1.3"
     "@swc/helpers" "0.5.13"
     busboy "1.6.0"
@@ -23429,14 +23429,14 @@ next@15.0.3:
     postcss "8.4.31"
     styled-jsx "5.1.6"
   optionalDependencies:
-    "@next/swc-darwin-arm64" "15.0.3"
-    "@next/swc-darwin-x64" "15.0.3"
-    "@next/swc-linux-arm64-gnu" "15.0.3"
-    "@next/swc-linux-arm64-musl" "15.0.3"
-    "@next/swc-linux-x64-gnu" "15.0.3"
-    "@next/swc-linux-x64-musl" "15.0.3"
-    "@next/swc-win32-arm64-msvc" "15.0.3"
-    "@next/swc-win32-x64-msvc" "15.0.3"
+    "@next/swc-darwin-arm64" "15.0.4"
+    "@next/swc-darwin-x64" "15.0.4"
+    "@next/swc-linux-arm64-gnu" "15.0.4"
+    "@next/swc-linux-arm64-musl" "15.0.4"
+    "@next/swc-linux-x64-gnu" "15.0.4"
+    "@next/swc-linux-x64-musl" "15.0.4"
+    "@next/swc-win32-arm64-msvc" "15.0.4"
+    "@next/swc-win32-x64-msvc" "15.0.4"
     sharp "^0.33.5"
 
 nice-try@^1.0.4: