From 94a8ccc29d14b8e97bedf335ffb6714542903c75 Mon Sep 17 00:00:00 2001 From: Matthew Pereira Date: Mon, 23 Dec 2024 14:45:41 -0800 Subject: [PATCH] improve homepage layout --- packages/nextjs/app/hooks/HookDetails.tsx | 9 +- packages/nextjs/app/hooks/page.tsx | 4 +- packages/nextjs/app/page.tsx | 131 ++++++++++++---------- packages/nextjs/components/Footer.tsx | 2 +- 4 files changed, 77 insertions(+), 69 deletions(-) diff --git a/packages/nextjs/app/hooks/HookDetails.tsx b/packages/nextjs/app/hooks/HookDetails.tsx index ea4f0064..1541b89c 100644 --- a/packages/nextjs/app/hooks/HookDetails.tsx +++ b/packages/nextjs/app/hooks/HookDetails.tsx @@ -49,7 +49,11 @@ export const HooksDetails = ({ hooks }: { hooks: HookInfo[] }) => { >
{hook.title}
-
+
{hook.created_by}
+ +
{hook.category}
+ +
{ github
- -
{hook.category}
-
{hook.created_by}
))} diff --git a/packages/nextjs/app/hooks/page.tsx b/packages/nextjs/app/hooks/page.tsx index 72bf6f20..b4eaed47 100644 --- a/packages/nextjs/app/hooks/page.tsx +++ b/packages/nextjs/app/hooks/page.tsx @@ -40,9 +40,9 @@ const Hooks: NextPage = async () => {
Name
-
Repo URL
-
Category
Created By
+
Category
+
Repo URL
{hooks ? :
Error fetching hooks data!
}
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx index 7585d754..937914cd 100644 --- a/packages/nextjs/app/page.tsx +++ b/packages/nextjs/app/page.tsx @@ -6,13 +6,13 @@ const EXAMPLES = [ emoji: "๐ŸŒŠ", title: "Custom Pools", href: "/pools", - description: "Explore and interact with liquidity pools", + description: "Examine configuration details and execute pool operations", }, { emoji: "๐Ÿช", title: "Pool Hooks", href: "/hooks", - description: "Extend liquidity pool functionality with hooks", + description: "View our extensive library of hooks example contracts", }, ]; @@ -38,17 +38,22 @@ const VIDEOS = [ { title: "Intro to Scaffold Balancer", href: "https://www.youtube.com/watch?v=m6q5M34ZdXw", - description: "Learn how to use Scaffold Balancer v3", + description: "", }, { title: "Create Custom AMMs", href: "https://www.youtube.com/watch?v=oJAXQCMVdfA", - description: "Code along demo for creating custom AMMs", + description: "", }, { title: "Create a Hook", href: "https://www.youtube.com/watch?v=kaz6duliRPA", - description: "Code along demo for creating custom AMMs", + description: "", + }, + { + title: "Create a Router", + href: "https://youtube.com//watch?v=pO1ChmSFTaY", + description: "", }, ]; @@ -56,72 +61,74 @@ const Home: NextPage = () => { return (
-
-
+
+

Scaffold Balancer v3

A developer friendly tool for prototyping liquidity pools and hooks contracts
-
-

Examples

-
- {EXAMPLES.map(item => ( - - {/*
{item.emoji}
*/} -

{item.title}

-
{item.description}
- - ))} +
+
+

Explore

+
+ {EXAMPLES.map(item => ( + + {/*
{item.emoji}
*/} +

{item.title}

+
{item.description}
+ + ))} +
-
-
-

Documentation

-
- {DOCUMENTATION.map(item => ( - -

{item.title}

-

{item.description}

- - ))} +
+

Guides

+
+ {DOCUMENTATION.map(item => ( + +

{item.title}

+

{item.description}

+ + ))} +
-
-
-

Videos

-
- {VIDEOS.map(item => ( - -
- {/* eslint-disable-next-line */} - {item.title} -
- - ))} +
+

Videos

+
+ {VIDEOS.map(item => ( + +
+ {/* eslint-disable-next-line */} + {item.title} +
+ + ))} +
diff --git a/packages/nextjs/components/Footer.tsx b/packages/nextjs/components/Footer.tsx index 5375bd80..649b1b76 100644 --- a/packages/nextjs/components/Footer.tsx +++ b/packages/nextjs/components/Footer.tsx @@ -34,7 +34,7 @@ export const Footer = () => { ยท