From becd8218c605b5979747b96d6ad4bae77a9b2c9f Mon Sep 17 00:00:00 2001
From: brucedonovan <bruce.donovan@gmail.com>
Date: Wed, 16 Aug 2023 11:08:33 +0100
Subject: [PATCH 1/5] update actions

---
 .../experimental_/WelcomeMessage_.tsx         | 52 ++++++++++++-------
 1 file changed, 34 insertions(+), 18 deletions(-)

diff --git a/src/components/experimental_/WelcomeMessage_.tsx b/src/components/experimental_/WelcomeMessage_.tsx
index 122f3667d..62c31d9f3 100644
--- a/src/components/experimental_/WelcomeMessage_.tsx
+++ b/src/components/experimental_/WelcomeMessage_.tsx
@@ -19,7 +19,7 @@ const WelcomeBox = ({ onClick, children }: { onClick?: () => void; children: Rea
       text-white text-opacity-70 md:p-2 ${onClickClasses} center w-full`}
       onClick={onClick}
     >
-      <p className="m-0 flex min-h-[48px] items-center justify-center">{children}</p>
+      <p className="m-0 flex min-h-[48px] items-center justify-center font-mono">&rdquo;{children}&rdquo;</p>
     </div>
   );
 };
@@ -32,37 +32,53 @@ const WelcomeMessage = () => {
   const { sendMessage } = useChatContext();
   return (
     <div className="h-full place-items-center ">
-      <div className="mx-auto flex w-full max-w-4xl flex-col gap-8 pb-4">
+
+      <div className="mx-auto w-full max-w-4xl space-y-20">
+
         <Image src={cactiImage} alt="CactiChat" className="mx-auto" width={400} height={300} />
-        <div className="grid grid-cols-1 gap-5 px-2 sm:grid-cols-3">
+
+        <div className="grid grid-cols-1 gap-20 px-2 sm:grid-cols-3">
           <WelcomeColumn>
             <Cactus1 className="h-16" />
-            <WelcomeBoxSubtitle>Examples</WelcomeBoxSubtitle>
-            <WelcomeBox onClick={() => sendMessage('Find some dog nfts')}>
-              &rdquo;Browse some dog nfts&rdquo;
+            <WelcomeBoxSubtitle> Explore NFTs </WelcomeBoxSubtitle>
+            <WelcomeBox onClick={() => sendMessage('Browse some cheetah nft collections')}>
+              Browse some [cheetah] NFT collections
             </WelcomeBox>
-            <WelcomeBox onClick={() => sendMessage('Swap 0.1 ETH for DAI on Uniswap')}>
-              &rdquo;Swap 0.1 ETH for DAI on Uniswap&rdquo;
+            <WelcomeBox onClick={() => sendMessage('Load Pudgy Penguins nft collection')}>
+              Show specific NFT collections [Pudgy Penguins]
             </WelcomeBox>
-            <WelcomeBox onClick={() => sendMessage('Get the price of ETH in terms of USD')}>
-              &rdquo;Get the price of ETH in terms of USD&rdquo;
+            <WelcomeBox onClick={() => sendMessage('What Nfts do I own?')}>
+              What Nfts do I own?
             </WelcomeBox>
           </WelcomeColumn>
 
           <WelcomeColumn>
             <Cactus2 className="h-16" />
-            <WelcomeBoxSubtitle>Capabilities</WelcomeBoxSubtitle>
-            <WelcomeBox>Generate transactions to send tokens or Swap on Uniswap</WelcomeBox>
-            <WelcomeBox>Query NFT collections</WelcomeBox>
-            <WelcomeBox>Check on chain data</WelcomeBox>
+            <WelcomeBoxSubtitle>Interact with protocols</WelcomeBoxSubtitle>
+            <WelcomeBox onClick={() => sendMessage('Swap 0.1 ETH for DAI on Uniswap')}>
+              Swap 0.1 ETH for DAI on Uniswap
+            </WelcomeBox>
+            <WelcomeBox onClick={() => sendMessage('Borrow 1000 USDC on yield Protocol with ETH collateral')}>
+              Borrow 1000 USDC on yield Protocol with  ETH collateral
+            </WelcomeBox>
+            <WelcomeBox onClick={() => sendMessage('Register the name [domain-name].eth on ENS')}>
+              Register the name [domain-name].eth on ENS
+            </WelcomeBox>
           </WelcomeColumn>
+
           <WelcomeColumn>
             <Cactus3 className="h-16" />
             {/* <ExclamationTriangleIcon className="mt-3 h-12 text-gray-300" /> */}
-            <WelcomeBoxSubtitle>Limitations</WelcomeBoxSubtitle>
-            <WelcomeBox>Can only interact with Ethereum mainnet</WelcomeBox>
-            <WelcomeBox>Does not support all tokens for all commands</WelcomeBox>
-            <WelcomeBox>More limitations</WelcomeBox>
+            <WelcomeBoxSubtitle>Query the Network</WelcomeBoxSubtitle>
+            <WelcomeBox onClick={() => sendMessage('What is the price of ETH in terms of USD')}>
+              What is the price of ETH in terms of USD?
+            </WelcomeBox>
+            <WelcomeBox onClick={() => sendMessage('What is my DAI balance?')}>
+              What is my DAI balance?
+            </WelcomeBox>
+            <WelcomeBox onClick={() => sendMessage('What are the top yields on Ethereum')}>
+              What are the top yields on Ethereum?
+            </WelcomeBox>
           </WelcomeColumn>
         </div>
       </div>

From 3fbff22d9c6735b1df846f94ed99602c2dc2f633 Mon Sep 17 00:00:00 2001
From: brucedonovan <bruce.donovan@gmail.com>
Date: Wed, 16 Aug 2023 11:18:58 +0100
Subject: [PATCH 2/5] style updates

---
 src/components/experimental_/WelcomeMessage_.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/experimental_/WelcomeMessage_.tsx b/src/components/experimental_/WelcomeMessage_.tsx
index 62c31d9f3..2ad3f6390 100644
--- a/src/components/experimental_/WelcomeMessage_.tsx
+++ b/src/components/experimental_/WelcomeMessage_.tsx
@@ -7,7 +7,7 @@ import Cactus3 from './CactiImages/Cactus3';
 import cactiImage from './CactiImages/cacti.png';
 
 const WelcomeColumn = ({ children }: { children: ReactNode }) => {
-  return <div className="flex flex-col items-center gap-y-5 ">{children}</div>;
+  return <div className="flex flex-col items-center gap-y-8 ">{children}</div>;
 };
 
 const WelcomeBox = ({ onClick, children }: { onClick?: () => void; children: ReactNode }) => {
@@ -37,7 +37,7 @@ const WelcomeMessage = () => {
 
         <Image src={cactiImage} alt="CactiChat" className="mx-auto" width={400} height={300} />
 
-        <div className="grid grid-cols-1 gap-20 px-2 sm:grid-cols-3">
+        <div className="grid grid-cols-1 gap-20 p-4 sm:grid-cols-3">
           <WelcomeColumn>
             <Cactus1 className="h-16" />
             <WelcomeBoxSubtitle> Explore NFTs </WelcomeBoxSubtitle>

From cd401da874af712fc8326c7ba2651d5c316f1e03 Mon Sep 17 00:00:00 2001
From: brucedonovan <bruce.donovan@gmail.com>
Date: Wed, 16 Aug 2023 11:20:31 +0100
Subject: [PATCH 3/5] styling font

---
 src/components/experimental_/WelcomeMessage_.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/experimental_/WelcomeMessage_.tsx b/src/components/experimental_/WelcomeMessage_.tsx
index 2ad3f6390..66dbb36ee 100644
--- a/src/components/experimental_/WelcomeMessage_.tsx
+++ b/src/components/experimental_/WelcomeMessage_.tsx
@@ -19,7 +19,7 @@ const WelcomeBox = ({ onClick, children }: { onClick?: () => void; children: Rea
       text-white text-opacity-70 md:p-2 ${onClickClasses} center w-full`}
       onClick={onClick}
     >
-      <p className="m-0 flex min-h-[48px] items-center justify-center font-mono">&rdquo;{children}&rdquo;</p>
+      <p className="m-0 flex min-h-[48px] items-center justify-center font-light ">&rdquo;{children}&rdquo;</p>
     </div>
   );
 };

From e6a3128b39f4a8d0e1bec917683e1f107a5abf62 Mon Sep 17 00:00:00 2001
From: brucedonovan <bruce.donovan@gmail.com>
Date: Wed, 16 Aug 2023 11:30:35 +0100
Subject: [PATCH 4/5] increase font size + border color

---
 src/components/experimental_/WelcomeMessage_.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/experimental_/WelcomeMessage_.tsx b/src/components/experimental_/WelcomeMessage_.tsx
index 66dbb36ee..23550e05f 100644
--- a/src/components/experimental_/WelcomeMessage_.tsx
+++ b/src/components/experimental_/WelcomeMessage_.tsx
@@ -15,11 +15,11 @@ const WelcomeBox = ({ onClick, children }: { onClick?: () => void; children: Rea
   return (
     <div
       className={`
-      max-w-[250px] rounded-lg border-[1px] border-white/5 p-4 text-center text-sm
+      max-w-[250px] rounded-lg border-[1px] border-green-primary/25 p-4 text-center text-sm
       text-white text-opacity-70 md:p-2 ${onClickClasses} center w-full`}
       onClick={onClick}
     >
-      <p className="m-0 flex min-h-[48px] items-center justify-center font-light ">&rdquo;{children}&rdquo;</p>
+      <p className="m-0 flex min-h-[48px] items-center justify-center font-light text-base ">&rdquo;{children}&rdquo;</p>
     </div>
   );
 };

From 8a3153831bd4a546edc1f7789fad283ffaa080b3 Mon Sep 17 00:00:00 2001
From: brucedonovan <bruce.donovan@gmail.com>
Date: Wed, 16 Aug 2023 15:22:56 +0100
Subject: [PATCH 5/5] USDC

---
 src/components/experimental_/WelcomeMessage_.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/experimental_/WelcomeMessage_.tsx b/src/components/experimental_/WelcomeMessage_.tsx
index 23550e05f..aa4c1c9cf 100644
--- a/src/components/experimental_/WelcomeMessage_.tsx
+++ b/src/components/experimental_/WelcomeMessage_.tsx
@@ -47,8 +47,8 @@ const WelcomeMessage = () => {
             <WelcomeBox onClick={() => sendMessage('Load Pudgy Penguins nft collection')}>
               Show specific NFT collections [Pudgy Penguins]
             </WelcomeBox>
-            <WelcomeBox onClick={() => sendMessage('What Nfts do I own?')}>
-              What Nfts do I own?
+            <WelcomeBox onClick={() => sendMessage('What NFTs do I own?')}>
+              What NFTs do I own?
             </WelcomeBox>
           </WelcomeColumn>
 
@@ -59,7 +59,7 @@ const WelcomeMessage = () => {
               Swap 0.1 ETH for DAI on Uniswap
             </WelcomeBox>
             <WelcomeBox onClick={() => sendMessage('Borrow 1000 USDC on yield Protocol with ETH collateral')}>
-              Borrow 1000 USDC on yield Protocol with  ETH collateral
+              Borrow 1000 USDC on yield Protocol with ETH collateral
             </WelcomeBox>
             <WelcomeBox onClick={() => sendMessage('Register the name [domain-name].eth on ENS')}>
               Register the name [domain-name].eth on ENS
@@ -71,7 +71,7 @@ const WelcomeMessage = () => {
             {/* <ExclamationTriangleIcon className="mt-3 h-12 text-gray-300" /> */}
             <WelcomeBoxSubtitle>Query the Network</WelcomeBoxSubtitle>
             <WelcomeBox onClick={() => sendMessage('What is the price of ETH in terms of USD')}>
-              What is the price of ETH in terms of USD?
+              What is the price of ETH in terms of USDC?
             </WelcomeBox>
             <WelcomeBox onClick={() => sendMessage('What is my DAI balance?')}>
               What is my DAI balance?