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