From fb0a5db1f1cda9112d9ba574d2b0838310fc653d Mon Sep 17 00:00:00 2001
From: Jacob Homanics <homanicsjake@gmail.com>
Date: Thu, 1 Feb 2024 06:34:19 -0600
Subject: [PATCH] improvements to demo

---
 .../app/rep-tokens-demo/_components/RepTokensDemo.tsx    | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx b/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx
index 99cb285..9e0752d 100644
--- a/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx
+++ b/packages/nextjs/app/rep-tokens-demo/_components/RepTokensDemo.tsx
@@ -108,6 +108,7 @@ export function RepTokensDemo() {
   return (
     <>
       <div className="py-5 space-y-5 flex flex-col justify-center items-center bg-primary bg-[length:100%_100%] py-1 px-5 sm:px-0 lg:py-auto max-w-[100vw] ">
+        <p className="text-center text-4xl">Individual Components</p>
         <BalanceCard props={balanceProps} />
         <ImageCard props={imageProps} />
         <StringCard props={nameProps} />
@@ -115,9 +116,17 @@ export function RepTokensDemo() {
         <Address props={addressProps} />
         <StringCard props={isTradeableProps} />
         <StringCard props={maxMintAmountProps} />
+
+        <p className="text-center text-4xl">Single Card</p>
         <TokenCard props={singleCard} />
+
+        <p className="text-center text-4xl">Multi-Card</p>
         <TokenGroupCard props={mainTokenGroupCardProps} />
+
+        <p className="text-center text-4xl">Multi-Card W/ Overlay</p>
         <TokenGroupCard props={mainTokenGroupOverlayCardProps} />
+
+        <p className="text-center text-4xl">Widget</p>
         <TokenGroupCard props={navBarTokenGroupCardProps} />
       </div>
     </>