diff --git a/packages/nextjs/app/about/About.tsx b/packages/nextjs/app/about/About.tsx
index f10d0ac..0bdc1aa 100644
--- a/packages/nextjs/app/about/About.tsx
+++ b/packages/nextjs/app/about/About.tsx
@@ -16,72 +16,153 @@ export const About = () => {
       <div className="hero bg-base-200 ">
         <div className="hero-content flex-col lg:flex-row-reverse lg:p-14">
           <Image
-            src="./placeholder.png"
+            src="/socialmonetization.jpg"
             alt="Animation clicking a like button and increasing USDC balance"
-            className="max-w-sm rounded-lg shadow-2xl"
+            className="max-w-sm rounded-lg shadow-2xl border-2"
+            width={500}
+            height={500}
           />
           <div>
-            <h1 className="text-5xl font-bold">What if your social interactions earned you money? 💸</h1>
+            <h1 className="text-6xl font-mono">What if you earned 💸 money from socializing?</h1>
             <p className="py-6">
-              Imagine a platform where every like, comment, or share sends USDC directly to your wallet.
+              <div className="flex justify-center items-center gap-1 flex-wrap">
+                <span className="text-xl text-center">
+                  What if <span className="text-orange-600 font-bold">every like, comment, and share</span> changed the
+                </span>
+                <span className="text-xl text-blue-600 font-bold">USDC</span>
+                <Image src="/usdc-logo.png" alt="USDC" width={20} height={20} />
+                <span className="text-xl">balance of your life?</span>
+              </div>
               <br />
-              With PunkSociety, we&apos;re building a social protocol that transforms how you interact, earn, and
-              connect!
+              <div className="flex text-xl italic justify-center text-center">
+                We&apos;re building a social protocol that transforms how you interact, earn, and connect!
+              </div>
             </p>
-            <button className="btn btn-primary bg-green-600 border-0 hover:bg-green-700">Create a profile!</button>
+            <div className="flex justify-around gap-3">
+              <button className="w-1/3 h-16 text-xl btn btn-primary text-white bg-orange-600 border-0 hover:bg-orange-700">
+                See some posts!
+              </button>
+
+              <button className="w-1/3 h-16 text-xl btn btn-primary text-white bg-blue-600 border-0 hover:bg-blue-700">
+                Create a profile!
+              </button>
+            </div>
           </div>
         </div>
       </div>
-      <div className="hero bg-base-300 ">
-        <div className="hero-content flex flex-col">
-          <div className="card bg-base-100 shadow-xl">
-            <figure className="px-10 pt-10">
-              <Image
-                src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
-                alt="Shoes"
-                className="rounded-xl"
-              />
+      <div className="w-full pt-2 bg-base-300">
+        <h1 className="text-6xl font-mono text-center">Features! 🤘</h1>
+      </div>
+      <div className="hero bg-base-300 flex flex-wrap justify-around gap-3 lg:p-4">
+        <div className="card lg:h-[500px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <figure className="px-10 pt-10 flex-shrink-0">
+            <Image src="/usdc-flag.jpg" alt="USDC Flag" className="rounded-xl" width={500} height={500} />
+          </figure>
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl font-mono">Pay for transactions with USDC!</h2>
+            <p>USDC is the native gas! We&apos;ll use our own Avalanche L1 for that.</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between items-center bg-base-100 shadow-xl">
+          <div className="lg:h-[300px] mt-10 w-full overflow-hidden flex justify-center items-center">
+            <figure className="px-10 pt-10 flex-shrink-0">
+              <Image src="/revenue.jpg" alt="Revenue" className="rounded-xl object-cover" width={500} height={500} />
             </figure>
-            <div className="card-body items-center text-center">
-              <h2 className="card-title">Shoes!</h2>
-              <p>If a dog chews shoes whose shoes does he choose?</p>
-              <div className="card-actions">
-                <button className="btn btn-primary">Buy Now</button>
-              </div>
-            </div>
           </div>
-          {/* <div className="card bg-base-100 w-96 shadow-xl">
-            <figure className="px-10 pt-10">
-              <img
-                src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
-                alt="Shoes"
-                className="rounded-xl"
-              />
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl font-mono">Track your revenue!</h2>
+            <p>Analyze your earnings and spendings in your revenue dashboard.</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between rounded-none lg:rounded-xl bg-base-100 shadow-xl">
+          <figure className="px-10 pt-10 flex-shrink-0">
+            <Image
+              src="/socialmonetization.jpg"
+              alt="Social monetization"
+              className="rounded-xl"
+              width={500}
+              height={500}
+            />
+          </figure>
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl font-mono">Social monetization!</h2>
+            <p>When liking, commenting and sharing, you send USDC to the post creator.</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <figure className="px-10 pt-10 flex-shrink-0">
+            <Image src="/post-types.png" alt="Post types" className="rounded-xl" width={500} height={500} />
+          </figure>
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl font-mono">Several post types!</h2>
+            <p>Posts can have text, image, audio, video, links and polls.</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <div className="lg:h-[300px] mt-10 w-full overflow-hidden flex justify-center items-center">
+            <figure className="px-10 pt-10 flex-shrink-0">
+              <Image src="/customize-profile.jpg" alt="Notifications" className="rounded-xl" width={500} height={500} />
             </figure>
-            <div className="card-body items-center text-center">
-              <h2 className="card-title">Shoes!</h2>
-              <p>If a dog chews shoes whose shoes does he choose?</p>
-              <div className="card-actions">
-                <button className="btn btn-primary">Buy Now</button>
-              </div>
-            </div>
           </div>
-          <div className="card bg-base-100 w-96 shadow-xl">
-            <figure className="px-10 pt-10">
-              <img
-                src="https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp"
-                alt="Shoes"
-                className="rounded-xl"
-              />
+
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl">Customize your profile!</h2>
+            <p>Change colors, cover photo, create post collections, and so much more...</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <div className="lg:h-[300px] mt-10 w-full overflow-hidden flex justify-center items-center">
+            <figure className="px-10 pt-10 flex-shrink-0">
+              <Image src="/messaging.jpg" alt="Messaging" width={500} height={500} />
             </figure>
-            <div className="card-body items-center text-center">
-              <h2 className="card-title">Shoes!</h2>
-              <p>If a dog chews shoes whose shoes does he choose?</p>
-              <div className="card-actions">
-                <button className="btn btn-primary">Buy Now</button>
-              </div>
+          </div>
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl">Message with others!</h2>
+            <p>Encrypted direct messaging and group chats.</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <figure className="px-10 pt-10 flex-shrink-0">
+            <Image src="/social-login.jpeg" alt="Notifications" className="rounded-xl" width={500} height={500} />
+          </figure>
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl">Social login!</h2>
+            <p>Access with your wallet or your social accounts!</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <figure className="px-10 pt-10 flex-shrink-0">
+            <Image src="/notifications.png" alt="Notifications" className="rounded-xl" width={500} height={500} />
+          </figure>
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl">Notifications!</h2>
+            <p>Get them on our web, on your phone, on your mail...</p>
+          </div>
+        </div>
+        <div className="card lg:h-[500px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <figure className="px-10 pt-10 flex-shrink-0">
+            <Image src="/accesibility.jpg" alt="Accesibility" className="rounded-xl" width={500} height={500} />
+          </figure>
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <h2 className="card-title text-3xl">Accesibility!</h2>
+            <p>PunkSocial can be used by anyone, including people with disabilities.</p>
+          </div>
+        </div>
+      </div>
+      <div className="w-full pt-2 bg-base-200">
+        <h1 className="text-6xl font-mono text-center">Meet the team! 🤘</h1>
+      </div>
+      <div className="hero bg-base-200 ">
+        <div className="hero-content flex-col lg:flex-row-reverse ">
+          <div className="flex flex-col items-center gap-3">
+            <figure className="px-10 pt-10 flex-shrink-0">
+              <Image src="/lulox.jpg" alt="Lulox" className="rounded-xl" width={300} height={300} />
+            </figure>
+            <div className="flex flex-col items-center justify-center">
+              <h2 className="text-3xl">Lulox</h2>
+              <span className="italic">founder, builder</span>
             </div>
-          </div> */}
+          </div>
         </div>
       </div>
     </div>
diff --git a/packages/nextjs/components/Footer.tsx b/packages/nextjs/components/Footer.tsx
index 1475ac3..269f5f2 100644
--- a/packages/nextjs/components/Footer.tsx
+++ b/packages/nextjs/components/Footer.tsx
@@ -61,7 +61,7 @@ export const Footer = () => {
 
   return (
     <>
-      {pathname !== "/search" && (
+      {pathname !== "/search" && pathname !== "/about" && (
         <div
           className={`fixed bottom-16 lg:bottom-8 right-8 p-3 bg-blue-600 cursor-pointer hover:bg-blue-800 text-white rounded-full shadow-lg ${
             showPlusIcon ? "animate-show" : "animate-hide"
@@ -81,9 +81,15 @@ export const Footer = () => {
         <div className="w-full">
           <ul className="menu menu-horizontal w-full">
             <div className="flex justify-center items-center gap-2 text-sm w-full">
+              <div className="text-center">
+                <Link className="link" href="/about" passHref>
+                  About
+                </Link>
+              </div>
+              <span>·</span>
               <div className="text-center">
                 <a href="https://github.com/luloxi/PunkSociety/" target="_blank" rel="noreferrer" className="link">
-                  Fork me
+                  Code
                 </a>
               </div>
               <span>·</span>
diff --git a/packages/nextjs/next.config.js b/packages/nextjs/next.config.js
index 2938a1c..4e74f21 100644
--- a/packages/nextjs/next.config.js
+++ b/packages/nextjs/next.config.js
@@ -28,6 +28,12 @@ const nextConfig = {
         port: "",
         pathname: "/ipfs/**",
       },
+      {
+        protocol: "https",
+        hostname: "img.daisyui.com",
+        port: "",
+        pathname: "/**",
+      },
     ],
   },
 };
diff --git a/packages/nextjs/public/accesibility.jpg b/packages/nextjs/public/accesibility.jpg
new file mode 100644
index 0000000..5496cb8
Binary files /dev/null and b/packages/nextjs/public/accesibility.jpg differ
diff --git a/packages/nextjs/public/customize-profile.jpg b/packages/nextjs/public/customize-profile.jpg
new file mode 100644
index 0000000..ac6243d
Binary files /dev/null and b/packages/nextjs/public/customize-profile.jpg differ
diff --git a/packages/nextjs/public/messaging.jpg b/packages/nextjs/public/messaging.jpg
new file mode 100644
index 0000000..f174a58
Binary files /dev/null and b/packages/nextjs/public/messaging.jpg differ
diff --git a/packages/nextjs/public/notifications.png b/packages/nextjs/public/notifications.png
new file mode 100644
index 0000000..0f52559
Binary files /dev/null and b/packages/nextjs/public/notifications.png differ
diff --git a/packages/nextjs/public/post-types.png b/packages/nextjs/public/post-types.png
new file mode 100644
index 0000000..b23680f
Binary files /dev/null and b/packages/nextjs/public/post-types.png differ
diff --git a/packages/nextjs/public/revenue.jpg b/packages/nextjs/public/revenue.jpg
new file mode 100644
index 0000000..548f717
Binary files /dev/null and b/packages/nextjs/public/revenue.jpg differ
diff --git a/packages/nextjs/public/social-login.jpeg b/packages/nextjs/public/social-login.jpeg
new file mode 100644
index 0000000..b5eeb1e
Binary files /dev/null and b/packages/nextjs/public/social-login.jpeg differ
diff --git a/packages/nextjs/public/socialmonetization.jpg b/packages/nextjs/public/socialmonetization.jpg
new file mode 100644
index 0000000..d8d6865
Binary files /dev/null and b/packages/nextjs/public/socialmonetization.jpg differ
diff --git a/packages/nextjs/public/usdc-flag.jpg b/packages/nextjs/public/usdc-flag.jpg
new file mode 100644
index 0000000..90ef646
Binary files /dev/null and b/packages/nextjs/public/usdc-flag.jpg differ