diff --git a/app/(app)/pools/page.tsx b/app/(app)/pools/page.tsx index 3648df9ae..356780bda 100644 --- a/app/(app)/pools/page.tsx +++ b/app/(app)/pools/page.tsx @@ -4,24 +4,35 @@ import FadeInOnView from '@/lib/shared/components/containers/FadeInOnView' import { Box, Skeleton } from '@chakra-ui/react' import { Suspense } from 'react' -import { CowPromoBanner } from './cow/CowPromoBanner' +import { CowPromoBanner } from '../../../lib/shared/components/promos/CowPromoBanner' + +import { getApolloServerClient } from '@/lib/shared/services/api/apollo-server.client' +import { getProjectConfig } from '@/lib/config/getProjectConfig' +import { GetFeaturedPoolsDocument } from '@/lib/shared/services/api/generated/graphql' +import { FeaturedPools } from '@/lib/modules/featured-pools/FeaturedPools' +import { HookathonPromoBanner } from '@/lib/shared/components/promos/HookathonPromoBanner' export default async function PoolsPage() { + const { supportedNetworks } = getProjectConfig() + + const featuredPoolsQuery = await getApolloServerClient().query({ + query: GetFeaturedPoolsDocument, + variables: { chains: supportedNetworks }, + context: { + fetchOptions: { + next: { revalidate: 300 }, // 5 minutes + }, + }, + }) + + const featuredPools = featuredPoolsQuery.data.featuredPools || [] + return ( <> - - {/* - - - - */} - - - - - - + + + @@ -30,6 +41,18 @@ export default async function PoolsPage() { + + + + + + + + + + + + ) diff --git a/app/(app)/pools/cow/CowPromoBanner.tsx b/lib/shared/components/promos/CowPromoBanner.tsx similarity index 100% rename from app/(app)/pools/cow/CowPromoBanner.tsx rename to lib/shared/components/promos/CowPromoBanner.tsx diff --git a/lib/shared/components/promos/HookathonPromoBanner.tsx b/lib/shared/components/promos/HookathonPromoBanner.tsx new file mode 100644 index 000000000..6049eca88 --- /dev/null +++ b/lib/shared/components/promos/HookathonPromoBanner.tsx @@ -0,0 +1,87 @@ +'use client' + +import { Picture } from '@/lib/shared/components/other/Picture' +import { Button, Heading, Flex, Box, Center } from '@chakra-ui/react' +import NextLink from 'next/link' +import { ArrowUpRight } from 'react-feather' + +export function HookathonPromoBanner() { + return ( + +
+ + + + + + + + Create.Collab.Contribute + + + + + +
+
+ ) +} diff --git a/public/images/promos/hookathon/hookathon-bg.jpg b/public/images/promos/hookathon/hookathon-bg.jpg new file mode 100644 index 000000000..0537157b3 Binary files /dev/null and b/public/images/promos/hookathon/hookathon-bg.jpg differ diff --git a/public/images/promos/hookathon/hookathon-logo.svg b/public/images/promos/hookathon/hookathon-logo.svg new file mode 100644 index 000000000..ea35835a1 --- /dev/null +++ b/public/images/promos/hookathon/hookathon-logo.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file