From 37ce7a6a45a5a7626add165067e9a5759e77e2f1 Mon Sep 17 00:00:00 2001
From: sunith vs <sunithvs2002@gmail.com>
Date: Sun, 21 Sep 2025 13:52:28 +0530
Subject: [PATCH] fix(about): default about fallback issue

---
 www/components/AboutSection.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/www/components/AboutSection.tsx b/www/components/AboutSection.tsx
index ee90eab1..e7510c9f 100644
--- a/www/components/AboutSection.tsx
+++ b/www/components/AboutSection.tsx
@@ -72,13 +72,14 @@ export async function AboutSection({ username }: { username: string }) {
           className="flex flex-col gap-4 animate-slide-left"
           style={{ animationDelay: "200ms" }}
         >
-          <div className="bg-white rounded-xl p-6 border-1 border-black border-b-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1">
-            <h2 className="text-xl font-bold mb-4">🤔 About</h2>
-            <p className="text-gray-700">
-              {user?.about ||
-                "Here's a professional profile summary that incorporates unique details from your profile: As a seasoned full-stack developer, I leverage my expertise in programming languages such as TypeScript, C, and JavaScript to drive business growth and innovation. With over 29 followers and 81 public repositories, I have established a strong online presence and contributed significantly to the developer community. Currently, I'm learning web development, blockchain, and Data Structures and Algorithms (DSA) to stay ahead of the curve. I'm excited to collaborate with like-minded professionals and tackle exciting projects. You can reach me on LinkedIn or Twitter, or email me at nayanprasad096@gmail.com."}
-            </p>
-          </div>
+            { user?.about &&
+                <div
+                    className="bg-white rounded-xl p-6 border-1 border-black border-b-4 transition-all duration-300 hover:shadow-lg hover:-translate-y-1">
+                    <h2 className="text-xl font-bold mb-4">🤔 About</h2>
+                    <p className="text-gray-700">
+                        {user?.about}
+                    </p>
+                </div>}
 
           {user?.location && (<div
               className="bg-[#B9FF66] rounded-xl p-6 border-1 border-black border-b-4 col-span-2 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 animate-fade-in"