diff --git a/packages/nextjs/app/about/About.tsx b/packages/nextjs/app/about/About.tsx
index 4bb1c86..e45cb59 100644
--- a/packages/nextjs/app/about/About.tsx
+++ b/packages/nextjs/app/about/About.tsx
@@ -28,16 +28,21 @@ export const About = () => {
             width={150}
             height={150}
           /> */}
-          <div className="flex flex-col justify-center">
+          <div className="flex flex-col items-center justify-center">
             <h1
               className="text-4xl font-bold text-center 
           font-mono "
             >
               WTF is <strong>PunkSociety? 🤘</strong>
             </h1>
-
-            <span className="text-2xl text-center pt-2">
-              Use social media and <strong className="text-green-600">earn!</strong> 💸
+            <div className="my-2 flex items-center justify-center">
+              <span className="text-2xl text-center rounded-lg p-2 bg-green-600 text-white">
+                Use social media and earn! 🤑
+              </span>
+            </div>
+            <span className="text-lg text-center pt-2">
+              Social protocol where interactions are monetized 💰 <br />
+              Users earn through engaging with their community 🫂
             </span>
           </div>
         </div>
@@ -46,32 +51,25 @@ export const About = () => {
         <h1 className="text-4xl font-bold font-mono text-center">Features! 🤘</h1>
       </div>
       <div className="hero bg-base-300 flex flex-wrap justify-around gap-3 py-4 lg:p-4">
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between  lg:rounded-xl bg-base-100 shadow-xl">
+        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">🫂</span>
-            <h2 className="card-title text-2xl font-mono">Social economy! </h2>
-            <p>
-              Likes ❤️ and comments 💬 send{" "}
-              <Link href="https://circle.com/" target="_blank">
-                <span className="pr-1 text-blue-600 font-bold underline underline-offset-2">USDC</span>
-                <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} className="inline-block" />
-              </Link>{" "}
-              to the post creator.
-            </p>
+            <span className="text-6xl">🖼️✍️</span>
+            <h2 className="card-title text-2xl font-mono">Pics with captions!</h2>
+            <p>Posts can have one image 🖼️ and up to 140 characters of text ✍️</p>
           </div>
         </div>
 
         <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between  lg:rounded-xl bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">🔄</span>
-            <h2 className="card-title text-2xl font-mono">Sharing incentives! </h2>
+            <span className="text-6xl">🫂</span>
+            <h2 className="card-title text-2xl font-mono">Social economy! </h2>
             <p>
-              Every like ❤️ and comment 💬 that comes from your reposts gives you a portion of the{" "}
+              Likes ❤️ and comments 💬 send{" "}
               <Link href="https://circle.com/" target="_blank">
                 <span className="pr-1 text-blue-600 font-bold underline underline-offset-2">USDC</span>
                 <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} className="inline-block" />
               </Link>{" "}
-              paid to the post creator.
+              to the post creator.
             </p>
           </div>
         </div>
@@ -96,21 +94,22 @@ export const About = () => {
           </div>
         </div>
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
+        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between  lg:rounded-xl bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">💎</span>
-            <h2 className="card-title text-2xl font-mono">Posts are NFTs! </h2>
+            <span className="text-6xl">🔄</span>
+            <h2 className="card-title text-2xl font-mono">Sharing incentives! </h2>
             <p>
-              If you didn&apos;t know,{" "}
-              <Link href="https://opensea.io/learn/nft/what-are-nfts" target="_blank">
-                <span className="pr-1 text-emerald-600 font-bold underline underline-offset-2">NFTs</span>
-              </Link>
-              are digital collectibles that can be resold ! 🤯
+              Every like ❤️ and comment 💬 that comes from your reposts gives you a portion of the{" "}
+              <Link href="https://circle.com/" target="_blank">
+                <span className="pr-1 text-blue-600 font-bold underline underline-offset-2">USDC</span>
+                <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} className="inline-block" />
+              </Link>{" "}
+              paid to the post creator.
             </p>
           </div>
         </div>
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between items-center bg-base-100 shadow-xl">
+        {/* <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between items-center bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
             <span className="text-6xl">🫰</span>
             <h2 className="card-title text-2xl font-mono">Earn USDC yield! </h2>
@@ -133,9 +132,9 @@ export const About = () => {
               !
             </p>
           </div>
-        </div>
+        </div> */}
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
+        {/* <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
             <span className="text-6xl">⛽</span>
             <h2 className="card-title text-2xl font-mono">USDC = native gas! </h2>
@@ -152,87 +151,102 @@ export const About = () => {
               .
             </p>
           </div>
-        </div>
+        </div> */}
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between items-center bg-base-100 shadow-xl">
+        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">💹</span>
-            <h2 className="card-title text-2xl font-mono">Track your revenue! </h2>
-            <p>Analyze your earnings and spendings in your revenue dashboard.</p>
+            <span className="text-6xl">🎨</span>
+            <h2 className="card-title text-2xl font-mono">Display your taste! </h2>
+            <p>Create post collections, change cover photo, and so much more...</p>
           </div>
         </div>
 
         <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">🤹‍♂️</span>
-            <h2 className="card-title text-2xl font-mono">Post whatever!</h2>
-            <p>Posts can have text ✍️, image 🖼️, audio 🔈, video ▶️, links 🔗 and polls 📊.</p>
+            <span className="text-6xl">💎</span>
+            <h2 className="card-title text-2xl font-mono">Posts are NFTs! </h2>
+            <p>
+              If you didn&apos;t know,{" "}
+              <Link href="https://opensea.io/learn/nft/what-are-nfts" target="_blank">
+                <span className="pr-1 text-emerald-600 font-bold underline underline-offset-2">NFTs</span>
+              </Link>
+              are digital collectibles that can be resold ! 🤯
+            </p>
           </div>
         </div>
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
+        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between items-center bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">🎨</span>
-            <h2 className="card-title text-2xl font-mono">Display your taste! </h2>
-            <p>Create post collections, change cover photo, and so much more...</p>
+            <span className="text-6xl">💹</span>
+            <h2 className="card-title text-2xl font-mono">Track your revenue! </h2>
+            <p>Analyze your earnings and spendings in your revenue dashboard.</p>
           </div>
         </div>
 
         <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">💬</span>
-            <h2 className="card-title text-2xl font-mono">Chat with friends! </h2>
-            <p>Enjoy our encrypted private and group messaging.</p>
+            <span className="text-6xl">👨‍🦽</span>
+            <h2 className="card-title text-2xl font-mono">Accesibility! </h2>
+            <p>PunkSociety can be used by people with visual or hearing impairments.</p>
           </div>
         </div>
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
+        <div className="card lg:h-[270px] w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <span className="text-6xl">🤹</span>
+            <h2 className="card-title text-2xl font-mono">More features! </h2>
+            <ul className="list-disc list-inside">
+              <li>
+                <span aria-label="messaging">💬</span> Private and group chats
+              </li>
+              <li>
+                <span aria-label="notifications">🔔</span> Notifications on activity
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        {/* <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
             <span className="text-6xl">🕵️‍♂️</span>
             <h2 className="card-title text-2xl font-mono">Users are real humans! </h2>
             <p>
-              We use{" "}
+              We use{" "}Create PunkPosts contract
               <Link href="https://0xparc.org/blog/zk-id-1" target="_blank">
                 <span className="pr-1 text-orange-600 font-bold underline underline-offset-2">ZK-identity</span>
               </Link>
               to ensure that all users are real humans rather than AI 🤖...
             </p>
           </div>
-        </div>
+        </div> */}
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
+        {/* <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
             <span className="text-6xl">🔔</span>
             <h2 className="card-title text-2xl font-mono">Notifications! </h2>
             <p>Get informed on activity on our web 🌐, your phone notifications 📱 or your mail 📧.</p>
           </div>
-        </div>
-
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
-          <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">👨‍🦽</span>
-            <h2 className="card-title text-2xl font-mono">Accesibility! </h2>
-            <p>PunkSociety can be used by people with visual or hearing impairments.</p>
-          </div>
-        </div>
+        </div> */}
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between  lg:rounded-xl bg-black border-2 text-yellow-300 shadow-xl">
-          <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">❤️</span>
-            <h2 className="card-title text-2xl font-mono">Like the project? </h2>
+        {usdcPrice && (
+          <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between  lg:rounded-xl bg-black border-2 text-yellow-300 shadow-xl">
+            <div className="card-body items-center text-center flex-grow overflow-hidden">
+              <span className="text-6xl">❤️</span>
+              <h2 className="card-title text-2xl font-mono">Like the project? </h2>
 
-            <span>
-              You said you&apos;d pay {usdcPrice}{" "}
-              <Link href="https://circle.com/" target="_blank">
-                <span className="pr-1 text-blue-600 font-bold underline underline-offset-2">USDC</span>
-                <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} className="inline-block" />
-              </Link>
-              , would you donate us the cost of a like? 🥺
-            </span>
+              <span>
+                You said you&apos;d pay {usdcPrice}{" "}
+                <Link href="https://circle.com/" target="_blank">
+                  <span className="pr-1 text-blue-600 font-bold underline underline-offset-2">USDC</span>
+                  <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} className="inline-block" />
+                </Link>
+                , would you donate us the cost of a like? 🥺
+              </span>
 
-            <button className="btn btn-warning">Approve {usdcPrice} USDC</button>
+              <button className="btn btn-warning">Approve {usdcPrice} USDC</button>
+            </div>
           </div>
-        </div>
+        )}
 
         <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between  lg:rounded-xl bg-black border-2 text-yellow-300 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
@@ -249,12 +263,16 @@ export const About = () => {
         </div>
       </div>
 
-      <div className="flex flex-col p-6 justify-center items-center  bg-yellow-500 text-black">
-        <h1 className="text-4xl font-mono text-center">Wanna know how we&apos;re doing?</h1>
-        <div>
-          <Link href="/roadmap">
-            <button className="btn btn-primary bg-black hover:bg-gray-800">See our Roadmap</button>
-          </Link>
+      <div className="w-full  bg-yellow-500">
+        <div className="flex flex-col p-6 justify-center items-center  bg-yellow-500 text-black">
+          <h1 className="text-4xl font-mono text-center">Wanna know how we&apos;re doing?</h1>
+          <div>
+            <Link href="/roadmap">
+              <button className="btn btn-primary bg-black hover:bg-gray-800 border-0 text-yellow-300">
+                See our Roadmap
+              </button>
+            </Link>
+          </div>
         </div>
       </div>
 
diff --git a/packages/nextjs/app/roadmap/Roadmap.tsx b/packages/nextjs/app/roadmap/Roadmap.tsx
index 82a73b8..9217af4 100644
--- a/packages/nextjs/app/roadmap/Roadmap.tsx
+++ b/packages/nextjs/app/roadmap/Roadmap.tsx
@@ -38,12 +38,16 @@ export const Roadmap = () => {
         </div>
       </div>
 
-      <div className="flex flex-col p-6 justify-center items-center  bg-yellow-500 text-black">
-        <h1 className="text-4xl font-mono text-center">What is this about?</h1>
-        <div>
-          <Link href="/about">
-            <button className="btn btn-primary bg-black hover:bg-gray-800">Read our description</button>
-          </Link>
+      <div className="w-full  bg-yellow-500">
+        <div className="flex flex-col p-6 justify-center items-center  bg-yellow-500 text-black">
+          <h1 className="text-4xl font-mono text-center">What is this about?</h1>
+          <div>
+            <Link href="/about">
+              <button className="btn btn-primary bg-black hover:bg-gray-800 border-0 text-yellow-300">
+                Read our description
+              </button>
+            </Link>
+          </div>
         </div>
       </div>
 
@@ -86,12 +90,11 @@ export const Roadmap = () => {
               <li>
                 <strong>Incentive model:</strong> Likes and comments send $ to the user on the other end
               </li>
-              <li>Posting is paid and interactions send a fee to the owner</li>
               <li>
-                <strong>Individual post viewer</strong>
+                Posting and interactions send a <strong>fee to PunkSociety</strong>
               </li>
               <li>
-                <strong>Multi-language support:</strong> Switch between languages
+                <strong>Dynamic page to view individual posts</strong>
               </li>
             </ul>
           </section>
@@ -101,7 +104,7 @@ export const Roadmap = () => {
               📈 Phase 2 (Business model)
             </h3>
             <ul className="list-disc list-inside">
-              <li>
+              {/* <li>
                 ⏸️ <strong>Avalanche L1 with USDC as native gas:</strong> Use an Avalanche L1 with USDC as native gas
                 <Link
                   href="https://docs.avax.network/tooling/create-deploy-avalanche-l1s/create-avalanche-l1"
@@ -114,10 +117,10 @@ export const Roadmap = () => {
               <li>
                 ⚠️ <strong>USDC Staking/Lending model:</strong> Bridged USDC can be lent or staked on AAVE and/or
                 Compound (or similar) so users can earn interest on their USDC while using the platform
-              </li>
-              <li>
+              </li> */}
+              {/* <li>
                 <strong>Fees:</strong> PunkSociety collects fees from USDC lending revenue
-              </li>
+              </li> */}
               <li>
                 <strong>Easy onramp tool:</strong> Easy USDC buying tool for onboarding new users.
                 <Link
@@ -136,7 +139,7 @@ export const Roadmap = () => {
                   OnchainKit extension for Scaffold-ETH 2
                 </Link>
               </li>
-              <li>
+              {/* <li>
                 <strong>Built-in bridge manager:</strong> Built-in simple tool for bridging USDC and NFTs to and from
                 Avalanche, Base, Ethereum, and other EVM chains
                 <Link
@@ -154,7 +157,7 @@ export const Roadmap = () => {
                 >
                   Chainlink CCIP Cross Chain Tokens
                 </Link>
-              </li>
+              </li> */}
               <li>
                 <strong>Dashboard Insights:</strong> Track and analyze your revenue
               </li>
@@ -184,6 +187,10 @@ export const Roadmap = () => {
                   The Graph tool for creating a subgraph
                 </Link>
               </li>
+              <li>
+                <strong>Categories:</strong> Allow users to categorize their posts, filter by category and search by
+                category
+              </li>
               <li>
                 <strong>Notification system</strong>
               </li>
@@ -202,10 +209,10 @@ export const Roadmap = () => {
                   Push Protocol
                 </Link>
               </li>
-              <li>Enable audio, video, and links with preview type of posts</li>
-              <li>
+              {/* <li>Enable audio, video, and links with preview type of posts</li> */}
+              {/* <li>
                 <strong>Polls:</strong> Allow users to create polls
-              </li>
+              </li> */}
               <li>
                 <strong>Customization:</strong> Allow users to customize their profile appearance
               </li>
@@ -215,10 +222,6 @@ export const Roadmap = () => {
               <li>
                 <strong>Groups:</strong> Allow users to create and join groups with custom chat and newsfeed
               </li>
-              <li>
-                <strong>Categories:</strong> Allow users to categorize their posts, filter by category and search by
-                category
-              </li>
             </ul>
           </section>
 
@@ -227,6 +230,9 @@ export const Roadmap = () => {
               👨‍🦽 Phase 5 (Ease of use)
             </h3>
             <ul className="list-disc list-inside">
+              <li>
+                <strong>Multi-language support:</strong> Switch between languages
+              </li>
               <li>
                 <strong>Educational Content:</strong> Include onboarding tutorials and step-by-step guides to help users
                 understand what they can do on the platform
diff --git a/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx b/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx
index 453734b..6304ea0 100644
--- a/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx
+++ b/packages/nextjs/components/punk-society/PunkConnectButton/AddressQRCodeModal.tsx
@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import { Balance } from "./Balance";
 import { QRCodeSVG } from "qrcode.react";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { Address as AddressType } from "viem";
@@ -25,7 +26,11 @@ export const AddressQRCodeModal = ({ address, modalId }: AddressQRCodeModalProps
         <label htmlFor={`${modalId}`} className="modal cursor-pointer">
           <label className="modal-box relative">
             <div className="flex flex-col justify-center items-center text-center">
-              <h2 className="text-xl font-bold mb-4">Your Address</h2>
+              <h2 className="text-xl font-bold ">Your Address</h2>
+              <div className="flex flex-row justify-center items-center px-2 mb-4 rounded-lg bg-yellow-500 text-black">
+                <span className="font-bold">Balance: </span>
+                <Balance address={address} />
+              </div>
               <div className="bg-white p-4 rounded-lg shadow-lg mb-4">
                 <QRCodeSVG value={address} size={256} />
               </div>