From c9ea1c94fe71336ff5bda59f60d0d9707e2d4bd8 Mon Sep 17 00:00:00 2001
From: Lulox <lulox.eth@protonmail.com>
Date: Fri, 13 Dec 2024 11:08:52 -0300
Subject: [PATCH] Improvements to about page

---
 packages/nextjs/app/about/About.tsx   | 10 +++++-----
 packages/nextjs/components/Footer.tsx | 22 +++++++++++-----------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/nextjs/app/about/About.tsx b/packages/nextjs/app/about/About.tsx
index 4c0daef..55318cb 100644
--- a/packages/nextjs/app/about/About.tsx
+++ b/packages/nextjs/app/about/About.tsx
@@ -88,7 +88,7 @@ export const About = () => {
 
       <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">Like reading PDFs?</h1>
+          <h1 className="text-4xl font-mono text-center">Prefer reading PDFs?</h1>
           <div>
             <Link href="/PunkPaper.pdf" target="_blank">
               <button className="btn btn-primary bg-black hover:bg-gray-800 border-0 text-yellow-300">
@@ -120,8 +120,8 @@ export const About = () => {
                   height={350}
                 />
                 <div>
-                  <h1 className="text-5xl font-bold">Example build 🤘</h1>
-                  <p className="pt-6 text-green-600 text-3xl">Use social media and earn! 🤑</p>
+                  <h1 className="text-5xl font-bold">About this build 🤘</h1>
+                  <p className="pt-6 text-green-600 text-2xl">Use social media and earn! 🤑</p>
                   <p className="">
                     Social protocol where interactions are monetized 💰 <br />
                     Users earn while engaging with their community 🫂
@@ -315,7 +315,7 @@ export const About = () => {
         )} */}
       </div>
 
-      <div className="w-full pt-6 bg-base-300">
+      {/* <div className="w-full pt-6 bg-base-300">
         <h1 className="text-4xl font-bold font-mono text-center">Tech stack! 🤘</h1>
       </div>
 
@@ -385,7 +385,7 @@ export const About = () => {
             </p>
           </div>
         </div>
-      </div>
+      </div> */}
 
       <div className="hero-content flex-col lg:flex-row-reverse lg:px-14">
         <span className="text-xl">
diff --git a/packages/nextjs/components/Footer.tsx b/packages/nextjs/components/Footer.tsx
index 6fe7053..dfa92ae 100644
--- a/packages/nextjs/components/Footer.tsx
+++ b/packages/nextjs/components/Footer.tsx
@@ -105,18 +105,18 @@ export const Footer = () => {
                 </a>
               </div>
               <span>·</span>
-              <div className="flex justify-center items-center gap-2">
-                <p className="m-0 text-center">
-                  Built with <HeartIcon className="inline-block h-4 w-4" /> by
+              <div className="flex flex-row justify-center items-center gap-2">
+                <p className="m-0 text-center flex items-center gap-1">
+                  Built with <HeartIcon className="inline-block h-4 w-4" /> by{" "}
+                  <a
+                    className="flex items-center gap-1"
+                    href="https://linktr.ee/lulox"
+                    target="_blank"
+                    rel="noreferrer"
+                  >
+                    <span className="link">Lulox</span>
+                  </a>
                 </p>
-                <a
-                  className="flex justify-center items-center gap-1"
-                  href="https://linktr.ee/lulox"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  <span className="link">Lulox</span>
-                </a>
               </div>
             </div>
           </ul>