diff --git a/packages/lib/modules/pool/PoolList/PoolListFilters.tsx b/packages/lib/modules/pool/PoolList/PoolListFilters.tsx index 14eb480b5e..4c3c1b99c9 100644 --- a/packages/lib/modules/pool/PoolList/PoolListFilters.tsx +++ b/packages/lib/modules/pool/PoolList/PoolListFilters.tsx @@ -627,18 +627,20 @@ export function PoolListFilters() { - + {!isBalancer && ( + + )} ) diff --git a/packages/lib/shared/pages/PoolsPage/BuildPromo.tsx b/packages/lib/shared/pages/PoolsPage/BuildPromo.tsx new file mode 100644 index 0000000000..e0c43413eb --- /dev/null +++ b/packages/lib/shared/pages/PoolsPage/BuildPromo.tsx @@ -0,0 +1,107 @@ +'use client' + +import { Box, Button, Center, Flex, Heading, Link, Text, HStack, Stack } from '@chakra-ui/react' +import FadeInOnView from '@repo/lib/shared/components/containers/FadeInOnView' +import NextLink from 'next/link' +import { ArrowUpRight } from 'react-feather' +import { RadialPattern } from '../../components/zen/RadialPattern' + +export function BuildPromo() { + return ( + + + + +
+ + + + + Ready to build on Balancer? + + + Start by creating your own pool. Or prototype your own AMM with the most extensive + DeFi builder toolkit. + + + + + + + + + + View the docs + + + + + + + + + +
+
+ ) +} diff --git a/packages/lib/shared/pages/PoolsPage/PoolsPage.tsx b/packages/lib/shared/pages/PoolsPage/PoolsPage.tsx index 399edc1afb..f3bd2a1b97 100644 --- a/packages/lib/shared/pages/PoolsPage/PoolsPage.tsx +++ b/packages/lib/shared/pages/PoolsPage/PoolsPage.tsx @@ -16,6 +16,7 @@ import { useQuery } from '@apollo/client' import { GetFeaturedPoolsDocument } from '@repo/lib/shared/services/api/generated/graphql' import { FeaturedPools } from '@repo/lib/modules/featured-pools/FeaturedPools' import { isBalancer } from '@repo/lib/config/getProjectConfig' +import { BuildPromo } from './BuildPromo' type PoolsPageProps = PropsWithChildren & { rewardsClaimed24h?: string @@ -135,7 +136,7 @@ export function PoolsPage({ children, rewardsClaimed24h }: PoolsPageProps) { {isBalancer && (featuredPools.length > 0 || featuredPoolsLoading) && ( - + {!featuredPoolsLoading && featuredPools.length > 0 && ( @@ -144,9 +145,14 @@ export function PoolsPage({ children, rewardsClaimed24h }: PoolsPageProps) { )} - + + {isBalancer && ( + + + + )} ) }